無名関数は、argumentsオブジェクトのcalleeプロパティを使うことで、再帰的に呼び出すことができる。 サンプル <script type="text/javascript"> ( function ( $var ) { if ( $var <= 10 ) { document.write( $var + ", " ); arguments.callee( ++$var ); } } )( 3 ); </script>
無名関数は、argumentsオブジェクトのcalleeプロパティを使うことで、再帰的に呼び出すことができる。 サンプル <script type="text/javascript"> ( function ( $var ) { if ( $var <= 10 ) { document.write( $var + ", " ); arguments.callee( ++$var ); } } )( 3 ); </script>
switch文は、開き波括弧{をコロン(:)、閉じ波括弧}をendswitch;に変更することができる。 switch文内で、PHPブロックとHTMLブロックを分ける際の、endswitch;の使い方とサンプルについて。 PHPブロックとHTMLブロックを分けない際のendswitch;は、、endswitch(PHPブロックのみ)のページへ。 使い方 基本 <?php switch ( 変数もしくは式 ): case 値A: ?> 変数もしくは式の値が、値Aと等しいときに、呼び出すHTMLブロック <?php break; ?> <?php case 値B: ?> 変数もしくは式の値が、値Bと等しいときに、呼び出すHTMLブロック <?php break; ?> <?php case 値C: ?> 変数もしくは式の値が、値Cと等しいときに、呼び出すHTMLブロック <?php break
サンプルの動作について 黄色のボックス要素をクリックすると、position属性がrelativeで、黄色のボックス要素から最も近い祖先要素であるのは、緑色のボックス要素なので、「最も近い祖先要素の背景色:」の右側の「■」を緑色にする。 紫色のボックス要素をクリックすると、position属性がrelativeで、紫色のボックス要素から最も近い祖先要素であるのは、青色のボックス要素なので、「最も近い祖先要素の背景色:」の右側の「■」を青色にする。 サンプルのソースコード <script> window.onload = function () { document.getElementById( "sample-div-yellow" ).onclick = offsetParentA; document.getElementById( "sample-div-purple" ).oncl
jQuery UI とは、jQuery公式のユーザインターフェース(UI)用ライブラリのこと。カレンダー、タブ、アコーディオン、ダイアログ、エフェクト、並べ替え、表示切替、ドラッグ移動、ドロップ、サイズ変更、スライダーなど、多様な UI を簡単に導入できる。 jQuery UI 導入方法 Accordion / アコーディオン AddClass / クラス追加 Autocomplete / オートコンプリート Button / ボタン Datepicker / カレンダー Dialog / ダイアログ Draggable / ドラッグ移動 Droppable / ドロップ Effects / エフェクト Hide / 非表示 Menu / メニュー Position / 位置指定 Progressbar / プログレス・バー RemoveClass / クラス削除 Resizable /
JavaScriptの定数の定義(宣言および代入)について。 定数の定義は、constキーワードを使い宣言し、同時に、値を代入する。単なる代入による定義や、先に宣言しておくことはできない。 一度定義した定数は、再定義することや、未定義とすることはできない。 構文
var object = { string: 'value', array: [ 'item1', 'item2', 'item3' ], map: { key1: 'value1', key2: 'value2' } } var result = jQuery . param( object ); 変数objectの内容を、シリアライズし、変数resultに格納。 実装例(サンプル) jQuery . param( object ) decodeURIComponent( jQuery . param( object ) ) jQuery . param( object, true ) decodeURIComponent( jQuery . param( object ), true ) 実装例(サンプル)について をシリアライズした結果を、黄色のボックス要素内に表示したもの。 jQu
jQuery API の triggerHandler( eventType, extraParameters ) は、1つ目の引数に指定したイベントを実行する際、2つ目の引数に指定したパラメーターを引き渡す。trigger( eventType, [ param1, param2, ・・・ ] ) のように、extraParameters を[ ] で囲んで記述すれば、複数のパラメーターを引き渡すこともできる。trigger( eventType, extraParameters ) と似ているが、ブラウザのデフォルトの動作は行わず、指定したイベントハンドラ動作のみ実行する。 記述方法 パラメーターが1つだけの場合 trigger( eventType, param ) パラメーターの設定 jQuery( セレクター1 ) . イベントタイプ1( function() { jQuery(
実装例(サンプル)の動作について 背景色が黄色のボックス要素を縦スクロールすると、「垂直方向にスクロールした距離:」の右横に、垂直方向にスクロールした距離を表示する。 背景色が黄色のボックス要素を横スクロールすると、「水平方向にスクロールした距離:」の右横に、水平方向にスクロールした距離を表示する。 ソースコード JavaScript <script type="text/javascript"> jQuery( function() { jQuery( '#sampleBox' ).scroll( function () { var $scrollTop = this.scrollTop; var $scrollLeft = this.scrollLeft; jQuery( '#scrollTopOutput' ).html( $scrollTop + 'px' ); jQuery( '
jQuery API の data( key, value ) は、マッチしたDOM要素と任意のデータを関連付けるメソッド。 引数 key データのキー。 文字列。 value 新しいデータの値。 配列やオブジェクトなど、任意のJavaScriptの型で指定。 戻り値 jQuery jQueryオブジェクト。 記述方法
“市松模様”は、市松模様(チェック模様)のパターンを描画色と背景色で描く下塗りフィルター。 アクティブレイヤーの内容を市松模様で、完全に塗り替える。選択範囲を設定すれば、選択範囲内に描く。 “市松模様”フィルターの使い方 メニューバーの「 フィルター >下塗り > パターン > 市松模様 」で、「 市松模様 」ダイアログを開く。 「 市松模様 」ダイアログ プレビュー プレビューを有効にしておくと、ダイアログ上で、効果を確認しながら作業できる。 サイズ 市松模様のマス目のサイズを設定。 単位は変更できる。 歪みをいれる 有効にすると、マス目サイズを自乗した長さの辺の正方形ごとに、正方形の端に向かって歪める。 “市松模様”フィルターによる生成例 初期設定値で出力すると、こんな感じ。 サイズ: 10 px 歪みをいれる: 無効
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く