2007-01-01から1年間の記事一覧

Ajax POST コールバック関数を使ってみる。

<script> $(function(){ $("#ajax-post").load("news.php", {"http":"200","keyword":"<h3>こんばんは</h3>"}, function(text, status) { $(this).css("background-color", "#aaaaff").css("border","1px solid #000000").css("padding","2em"); }); }); </script> </head> <body> <div id="ajax-post"></div> コール</body>…

クリックイベントを書いてみる。

<script> $(function(){ $("#test").click(function(){ $("#test").load("kinenbi.txt"); }); }); </script> </head> <body> <p id="test" style="background:#ccc;" >hello</p>結果:やさしくjQueryってくれた。余計なことですけど、こういう書き方って、htmlドキュメント書いている人には、とても理解しやすい。 こういうこと考える人</body>…

Ajax GET してみる。

+htmlのiframe エレメントを使って外部ファイルを表示 phpの echo file_get_contents("http://…"); 等と類似した作業になる。まずは、わからないので、普通のjavascriptの書き方(?)の中に、$("#test").load("text.txt"); id=testに、text.txtをロードして頂…

Ajax POST してみる

<script> $(function(){ $("#news").load("news.php",{ keyword: "やっとこさ", category: "test" }); }); </script> <body> <p id="news"></p> 【news.php】 ADD 20080110「keyword: "やっとこさ"」…</body>

hoverというイベント

ネタ元:http://wiki.kyosuke.jp/jquery $().hover(マウスが乗ったときのfunction, マウスが離れたときのfunction); $(function(){ $("p").hover(function(){ this.$old = this.innerHTML; $(this).html("Welcome!"); },function(){ $(this).html(this.$old)…

一度だけしか実行されないイベント

ネタ元:http://wiki.kyosuke.jp/jquery <script> $(function(){ $('p').oneclick(function(){ alert("1回目がクリックされました!"); }); }); <script> <body> <p>1 click</p></body>

jQuery

ドラグドロップを簡単に実装したいと思っていたら、jQuery に出会った。軽い気持ちで、使ってみたら、気に入ったので、メモ帳を作ることにした。 主に、備忘です。 だから、怪しいと思って、読んでね。 大体、javascript 自体を知らないし、とても心細いが、…