CommentsjQueryJavaScriptレポート一個のサンプルは非常に単純な構造になっておりますゆえ、jQueryをすでにやったことがある人にとって必要ないものだということをあらかじめご了承くださいませ。エフェクト関係とかそれ以前に、どんなことをすればどうなるのかという基礎的なサンプルです。プラグイン関係は以前書いた記事を参照してください。jQueryでweb制作をする時にキープしておきたい30リストそもそもjQueryって何ですかという人は以下を。jQueryにはまりました追記:ほんとすいませんローカルで動作確認したところ動くのですが、オンラインではfirefoxしか動作確認せずに公開。IE7では上の4つが動きません。いくつか確認したのですが、どうしてもIE7でJavaScriptエラー。ダメすぎる自分・・・。追記2:まいりました。他のサイトの記述を見てもミスが見つかりません。言語問題でしょうか・・・アクティブXでしょうか・・・。どなたか万が一わかる方がいらっしゃいましたら教えていただきたいと思います。(でぃべろっぱーず・さいど)言及ありました~。ありがとうございます。あとでじっくり見させていただきます。追記4:IE7のAjaxローディング問題が解決しました。トラックバックとコメントから原因がcharset=noneを吐き出していると推測。ローカルのApacheインストールして確認したところ、たぶん間違いない。管理会社に連絡入れて了承いただけましたので、きっと今日中には直るはず!・・・たぶん・・・。(){$("#load1").load("./load.html");});ページの一部をローディングしたいときに使えます。これだけで読み込めちゃうんですよね。bt01(){$("#load1").load("./load.html");};これでボタンを押すとローディングを開始し、読み込みに行くようになります。clause(){$("#load1").html("");};これでボタンを押すと開き、開いた先に閉じるボタンが出現します。loadでは無く、html、もしくはtextを用いて、何も無い状態にします。htmlやtextを使う場合は、jsファイルのエンコードもきっちり統一しておく必要があります。onClick="bt01()"></div>こちらはボタンをdivの中に最初から入れておきます。閉じるボタンを呼ばれるload.htmlの頭に移動すれば、そんな感じに見えます。フォームに入力されている情報を動的に監視したいsampleデモhtml側の表示デモで確認してみてください。そのほうがわかりやすい・・・。$(this).val();$("#forms2").val(value/2);}).keyup();});ここでは、フォームを2個設置し、上のフォームを常に監視。入力があれば、その入力された数値を2で割り、下のフォームに入れました。ls1とls2の二つのフォームを監視し、お互いの数値を掛け合わせてls3のフォームに入れました。ひとつのリンクで、複数のフォームに情報を挿入したいsampleデモかなり強引な方法を使ってますが、こんな方法もあるよと。すべてのフォームをクリアにするクリアボタンも設置しました。del(){$("#ls1").val("");$("#ls2").val("");$("#ls3").val("");}普通にやるならボタンを使ったほうがいいです。いうかかなり邪道な気がしてなりません。同じ事を、もっと素敵に出来る方法を知っている人がいたら是非教えてください。いうわけで今回の7つのsample全てが収納されたZIPは以下。07:40moダウンロードしたものを試しに自分サーバーにアップしたら正常に見れましたよ。07:51名前を名乗れない人なるほど、jQUeryを分かってない人はこういう書き方をするんですね。10:21umitanukicharset=noneload.htmlがcharset=noneで吐かれてます。User)この記事へのトラックバック2008-04-18技術系ネタはumitanuki::quartetに書くことにしてるけど、たまにはこっちに書いてみよう。[JavaScript]JavaScriptライブラリといえばjQuery。jQueryスパイスラボ神部です。ENTRYjQueryサンプル公開後の反省会。