2009年11月14日
Ajaxを利用するための命令 ファイルを読み込むload()
ASCII.jp：jQueryでAjaxを利用する基本チュートリアル｜Web制作の現場で使えるjQuery UIデザイン入門
上記リンクを参考に実際に書いてみた。
load()は指定したテキストファイルやhtmlファイルを読み込む命令。
注意として、文字コードがutf-8推奨、同一ドメインのファイルしか読み込めない、などなど。
以下は、loadボタンを押すとサイドバーの「最新の記事」（正確にはトップページのサイドバーにある「最新の記事」）をボタンの下に読み込みます。
コードは以下の通り。
上記リンクを参考に実際に書いてみた。
load()は指定したテキストファイルやhtmlファイルを読み込む命令。
注意として、文字コードがutf-8推奨、同一ドメインのファイルしか読み込めない、などなど。
以下は、loadボタンを押すとサイドバーの「最新の記事」（正確にはトップページのサイドバーにある「最新の記事」）をボタンの下に読み込みます。
ここに読み込みます。
コードは以下の通り。
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#load button").click(function(){
$("#load div").load("http://webdesign.naganoblog.jp/ div.recententry");
});
})
</script>
<div id="load">
<button>load</button>
<div><p>ここに読み込みます。</p></div>
</div>
jQueryでIE6を透過PNGに対応させる
jQueryで作るロールオーバー
jQueryで作るオリジナルツールチップ
jQueryで作るタブパネル
jQueryで作るアコーディオンパネル
jQueryでイメージギャラリーを作成。
jQueryで作るロールオーバー
jQueryで作るオリジナルツールチップ
jQueryで作るタブパネル
jQueryで作るアコーディオンパネル
jQueryでイメージギャラリーを作成。
Posted by ヒダカ at 18:00│Comments(0)
│jQuery
