jQuery Types

Types | jQuery API Documentation 文字型 Built-in Methods 文字型 組み込み関数 charAt(0) 指定した文字列を返す 最初の文字は0 2番目は、1 … </head> <body> <p id="test">result</p> toUpperCase() 大文字表現 "hello".toUpperCase() // "HELLO" toLowe…</body>

フィルタ

Traversing | jQuery API Documentation いきなり、Traversingの意味が解からない。 考察?ADD20080128 http://tdweb.cssa.chs.nihon-u.ac.jp/ds/ds08.htmlやっと意味がわかった。 eq 何番目かを指定する。指定した要素の子要素のindex*1が一致するjQueryオ…

CSS3

ADD20080115 jQueryのセレクタについては、本家でちゃんと説明していた。 Selectors | jQuery API Documentation 引用:IBMのjQueryを使ってAjax開発を単純化する より XPath は、文書中の要素を見つけるための強力な構文です。XPath は CSS とは少し異なり…

ライブラリ同士の衝突を防ぐ

prototype.jsと一緒に使いたかったり、他のライブラリも使いたかったりした時に、どうすればいいのだろう。ADD20080110 ここをきちんと読んだほうがいいかも、 公式:Avoiding Conflicts with Other Libraries | jQuery Learning Center 公式:Plugins | jQu…

XPATH って なんですか

XPathとは、/html/descendant::li[@class="navigation"]という風な「式」でXMLノードを特定する技術だ。XPathの書き方を新たに憶える必要はあるが、これを使えば、複雑な条件に合致するノードのリストを一発で取得することができる。 …注意点も書いておく。 …

リンクを書き換える

ADD20080110 単に、blank使いたいけど、バリデーションの兼ね合いなら、 <a href="http://d.hatena.ne.jp/banzan/" onclick="this.target='_blank';" onkeypress="this.target='_blank';">jQuery メモ帳</a>でも、いいと思います。【やる事】htmlドキュメントに、a エレメントがあって、hrefアトリビュートが、http://から始まっている場合は、新しいページで開きたい。という…

グラデーション

以下のphpのコードを使って、主なブロックタグに、グラデーションが適用できるかどうかをチェックした。グラデーションを描く方法は、http://allabout.co.jp/internet/javascript/closeup/CU20071225A/index2.htm#2を読ませていただき、自分なりにやってみた…

昨日の続きの件で、IEでブログを開いたら、

このブログ自体の、レイアウトがこけてる。原因は、IE6 pre エレメントの幅が、どんどん伸びてしまったためだった。応急処置:アスタリスクで、IE用のスタイルを作って追加。 *pre{ width:460px; overflow:scroll; }

IEでdivの幅が縮む

20080125 下のスクリプトのどこに問題があったのか、もう一度やってみました。 このコードが動かなかったのは、なぜなのか、わからなくなりました。 正常に動くことが確認できたので横線引っ張っておきます。 ごめんなさい。ごくありふれた、タブメニューを…

hover styleの指定

マウスが乗った時、離れた時のスタイル指定 $("#big,#middle").hover(function(){ $(this).css({cursor:"pointer",color:"red"}); },function(){ $(this).css("cursor","default").css("color","#000"); }); 複数のスタイルの指定は、どちらでも出来るが、ど…

気をつけておくべき事

便利さに浮かれて、最終的なhtmlの実体をなくさないように気をつける事 $("#headline").load("hoge.php");等とすることで、簡単にロードできてしまうので、htmlには、 <div id="headline">now loading...</div> だけしかなくなってしまう。クライアントサイドで動作するので、 ドキュ…

jQuery 勉強になったドキュメント

公式なページ jQuery 公式ブログ Official jQuery Blog | New Wave Javascript JQueryのインタラクション jQuery UI IBMの解説 jQuery を使って Ajax 開発を単純化する 日本語 jQuery 開発者向けメモ サンプル中心 jQuery リファレンス Ajaxライブラリの中で…

JSONP

JSONP(JavaScript Object Notation with Padding)Ajaxという言葉を聞き始めたときから、なんか、一緒に聞こえていた言葉でしたが、これを使うと、クロスドメインで、JSONPオブジェクトを読み込めるんだとか、、、クロスドメイン、というのは、響きがよくな…

jQueryで出会った、不思議な出来事

以下のコードは、動作した。 IE6 fireFox2.0.0.11 $(function(){ $("#web").click(function(){ window.open("http://www.google.co.jp/search?hl=ja&" + $("#form1//input:text").serialize()); }); $("#map").click(function(){ window.open("http://maps.g…

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 自体を知らないし、とても心細いが、…