jQueryを使ってphpで言うところのstrip_tagsとかhtmlspecialcharsする方法 - KAYAC engineers' blog
以下のコードは状況により脆弱性が発生する可能性があるため別の方法で実装ください。 先日始めてsquidの設定を行いました。agoです。 今日はjQueryを使ってphpで言うところのstrip_tagsとかhtmlspecialcharsする方法を紹介したいと思います。 普通jQueryを使ってescapeする場合、$().text()で要素を追加すればいいのですが、これだと「文字列template内に埋め込むために事前に文字列をescapeしたい」や、「ユーザの入力値はescapeしたいけど、改行をbrに変換するから$().text()で要素を追加したくない」といった場合に使えるかもしれません。 具体的には以下のようなコードを読み込むことによって$.strip_tags()や$.htmlspecialchars()が使えるようになります。 jQuery.extend({ 'strip_t
JavaScript初心者におくる24のグレイトなtips - 三等兵
私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」:phpspot開発日誌
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティングしてもらうことも可能。 また、比較的面倒なjQueryやjQuery UI、prototype.js 等の有名どころのフレームワークを簡単に読込めて使える機能もあります。 サイトを開くと、まず3つのタブがあって、JavaScript のタブにはJSを、HTMLのタブにはJavaScript から操作するHTMLを、Output には実行結果が出力されるようになっています。 JavaScript
第1回 JSDeferredによる簡単非同期処理 | gihyo.jp
どうもはじめまして、株式会社はてなのid:cho45です。これから数回に渡り、拙作のJavaScriptのライブラリであるJSDeferredの紹介と、それに関係するJavaScriptにおける非同期の技術に関して解説させていただきます。 JavaSciptにおける非同期処理 非同期処理とは まずは確認程度に、非同期処理がどういうものかを解説しておきます。先に乱暴にまとめてしまうと、以下の事柄が大切なところです。 非同期とは「あとで」という意味 同期処理はコードの見た目順に実行される／非同期ではそうならない JavaScript の非同期処理は絶対に同期処理にすることができない JavaScriptにおける非同期処理をいくつか例に出すと、以下のようなものが挙げられます。 リスト1 // XMLHttpRequest の例 var req = new XMLHttpRequest(); re
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
construktiv – Agentur für digitales Marketing aus Bremen, Berlin & Erfurt
construktiv ist eine fortschrittliche und nachhaltig wachsende Digitalagentur mit über 100 Mitarbeitenden an den Standorten Bremen, Berlin und Erfurt. Gegründet 1997 von Kai Tietjen, umfasst die Agentur heute die Geschäftsbereiche Social Media & Influencer Marketing, Digital Advertising, Content Marketing & SEO sowie Web & Commerce. Zu den Kunden zählen Marken wie das Deutsche Rote Kreuz, congstar
javascriptで質問です。以下のようなことが出来るのであれば手順を教えてください。…
javascriptで質問です。以下のようなことが出来るのであれば手順を教えてください。できればサンプルをお願いします。関連したURLでもOKです。 1. Windowsのコマンドラインからファイルに記録されたjavascriptを実行する。 2. そのscriptでパラメータで渡されたURLにアクセスし、HTMLを取得する。 3. 取得したHTML内の要素に対してjquery(#IDなどをつかって）を使ってアクセスし文字列処理を行う。 4. 結果をサーバ側にデータをPOST （無理だと思うのですがローカルのファイルに直接出力できるとなおよろし） 端的にいうとjavascriptとjqueryライブラリ（または似たようなもの）をつかって HTMLの要素にアクセスし、整形するようなスクレーピング？プログラムを 作成したいということです。 (DOMアクセスできるものがあるのですがjqueryの
サイト内リンクでページ遷移するAjaxサイトの作り方 – creamu
yensdesignというサイトで、サイト内リンクでページ遷移するAjaxサイトの作り方が公開されています。 ↑がナビゲーションになっていて、クリックすると、「#home」や「#tutorials」という形でパラメータがついて、ページ遷移します。 リロードが必要ないので、ページ移動がスムーズで気持ちいいですね。 デモは以下から。 Try the tutorial! XHTMLとCSS、JavaScriptソースが載っているので、一度見てみてください。 Creating AJAX websites based on anchor navigation Amebaとロクナナのイベントが発表されました。友人がイベントに興味を持っていたので、以前打ち合わせにきてもらったのです。その後実現に至ったようでうれしいですね。 名村くんと浦野くんも出ますね。興味のある方はぜひ！12/8正午から申し込み開始と
Webのバグを燃やしまくるFirebugと、そのアドオン7選
■HTMLのデバッグ ［HTML］タブのデバッグ画面では、HTMLのデバッグを行うことができます。HTMLデザイナやJSPエディタによるデバッグと異なり、JavaScriptにより動的に書き換えられたHTMLタグ（要素）のデバッグもできます。選択したHTMLタグのスタイルシートの確認、レイアウトの確認、DOMの確認ができます。 左のツリーからタグを選択、もしくは、Webブラウザ上の調査したい文字を選択し、右クリックから［要素を調査］を選択すると、選択したタグのスタイルシートが右のペインに表示されます。 タグに複数のスタイルシートが適用され、スタイルシートが上書きされている場合は、上書きされたスタイルシートに斜線が引かれます。スタイルを設定しているのに、表示に反映されない場合、スタイルシートの上書きが考えられますが、Firebugを利用すれば、上書きされたスタイルシートを簡単に見つけることが
jQueryのイメージギャラリープラグイン20 – creamu
speckyboyで、jQueryのイメージギャラリープラグインがたくさん紹介されています。 いくつかご紹介しますね。 ColorBox – Customizable Lightbox Plugin 画像だけでなく、スライドショー、HTML、Flashをlightboxエフェクトで表示するプラグイン。MITライセンス Full Screen Image Gallery Using jQuery and Flickr Flickrの画像をフルスクリーンのスライドショーで表示 jQuery slideViewerPro 1.0 ul liのリストをスライディングギャラリーにしてくれる。altをキャプションとして表示 piroBox v.1.2 白の角丸と黒の角丸、透過のシャドウが入った背景画像でlightbox風に拡大してくれる Pikachoose jQuery Image Gallery
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
Scroll/Follow Sidebar, Multiple Techniques | CSS-Tricks
Really simple concept today folks! A sidebar that “follows” as you scroll down a page. There are a number of ways to go about it. We’ll cover two: CSS and JavaScript (jQuery) with a bonus CSS trick. View Demo Download Files The easiest way to handle this is just to use CSS fixed positioning. Our sidebar is within a #page-wrap div with relative positioning, so the sidebar will set inside there, t
PHP.JS: Functions overview
Download To include all PHP.JS functions at once, you need one of the following packages. The normal packages are just a collection of standalone functions, making it easy to address them. With the namespaced packages, the functions are contained in one object. Making it easier to avoid naming conficts and to extend, overrule, or modify PHP.JS to your own whishes. Normal (novice) php.js php.min.
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
JavaScriptとクロージャとデザインパターン - TechTalkManiacs
html5-developers-jpで「GoFデザインパターンのJavascript版があったら様相がかわるかも？」という話が出ました。 デザインパターンが拡張性を確保する手段の一つがメソッドの書き換えなのですが、Javavscriptの場合、通常の継承とは違う特有のメソッドのオーバーライト方法があります。 var sample_class=function(){}; sample_class.prototype.exec=function(){ this.do_a(); this.do_b(); }; sample_class.prototype.do_a=function(){ alert("a"); }; sample_class.prototype.do_b=function(){ alert("b"); }; var sample=new sample_class(); sam
Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ | G Mania - グーグルの便利な使い方
Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ 管理人 @ 5月 15日 03:37am Firefox 当サイトでも多用する「Greasemonkey」という単語。 直訳すると「整備士」。 Greasemonkeyを使えば便利になるらしい。 でも、Greasemonkeyって一体何なんでしょう？ このページでは、Greasemonkeyについて、 初心者にも分かりやすいように、簡潔にまとめています。 目次 Greasemonkeyとは インターネットブラウザ「 Firefox 」でユーザースクリプトを実現するための拡張機能（Add-on）の1つ。 Firefoxにインストールすると、サイト閲覧者側（利用者側）で、サイトの体裁を整えることができます。 しかし、Greasemonkey単体では、何も機能しません。 Greasemonkeyにユーザースクリプトをインスト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Daftar 20 Situs Judi Slot Online24jam Terpercaya 2022 -
JS Bin
http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery