Javascript
Javascript関連情報
Javascriptに関する情報をまとめました。
記事一覧
-
イベントハンドラをHTMLから分離する 基本サンプル
イベントハンドラをHTMLから分離する基本サンプル 動作ブラウザ win mac linux n7 m1 ...続きを読む
-
JavaScriptのパラダイムシフトAjaxって何?
JavaScriptのパラダイムシフト「Ajax」 JavaScriptに何が起きているの? 最近、Ajaxという言葉が流行っています。 「Ajax」は、Asynchronous JavaScript + XML(非同期なJavaScriptとXML)の略 ですが...続きを読む
-
Yahoo!UIの基礎まとめ
Yahoo!UIの基礎まとめ function __$(id){return document.getElementById(id)} Yahoo!UIの基礎まとめ 1: Ajax YUIライブラリを使う準備 2: アニメーション 3: モーション ...続きを読む
-
YUIでクリックした場所へ移動
function __$(id){return document.getElementById(id)}YUIでクリックした場所へ移動 1: クリックした場所を取得する 2: クリックした場所へ移動する ( 注意 : このページでは、クリックすると、クリック...続きを読む
-
jQueryのイベント
DOMの構築待ちイベント前回は、マジックのように短く高度な処理を記述できるjQueryのメソッドチェーンなどの特徴と、 ダウンロード/設置についてみてみました。 今回は、JavaScriptを実際に使う上でかかせないイベントの扱いについて確認します。 JavaScriptでDOM要素へアクセ...続きを読む
-
jQuery UI アコーディオン
JavaScriptこちらはクリックで開きますjQuery('#myAccordion2').accordion()HTMLHTML構成は同じですCSSCSSは同じですJavaScript最初2番目(0から数えます)を開いておきます。jQuery('#myAccordion3').accord...続きを読む
-
jQuery Draggablesで簡単ドラッグドロップ
前回は、プラグインから紹介しましたが 今回は、再度、jQuery UIの中から紹介します。Draggablesです。 極めて手軽にDOM要素をドラッグ可能にしてくれるプラグインです。 jQuery Download...続きを読む
-
jQuery Droppablesでドロップ処理も超簡単
前回は Draggables でDOM要素をドラッグしました。 今回は、その、ドラッグした要素をドロップしていろいろな処理を行えるようにする jQuery UI 、 Droppablesを紹介します。 前回見たとおり、jQueryではドラッグ処理を簡単に実装できますが、複雑な判...続きを読む
-
jQuery Sortablesでドラッグ&ソータブル
前々回は Draggables でDOM要素をドラッグし、 前回は Droppables でドロップ操作を試しました。 今回は、リストの順序をドラッグドロップで変更できるソータブルをjQuery UI の Sortablesで試します。 jQuery ...続きを読む
-
jQuery ギャラリープラグインGalleria
写真などをスライドショーなどのように展示するライブラリは、Lightboxをはじめいくつかありますが、 今回は、jQuery プラグインからGalleriaを紹介します。 手軽にイメージギャラリーを作成することのできる美しいプラグインです。 ...続きを読む