2008-01-01から1ヶ月間の記事一覧
User Agent: NameType jQuery.browser Returns: Mapnavigator.userAgentを読んで、DOMより早く、MAPします。 safari opera msie mozilla jQuery.browser.version Returns: Stringレンダリングエンジンのバージョンを返します。 Mozilla/5.0 (Windows; U; Win…
Sample 実際にやってみました。 NameType show( ) Returns: jQuery該当したエレメントが、非表示なら表示する。 show( speed, callback ) Returns: jQuery該当したエレメントが、いかしたアニメーションで現れて、コールバック関数が「決める！」 hide( ) Re…
IE7で、スタイルの設定が動作しない。 それ以外では、動いていた。 $("#big-font").click(function(){ $("#wrap").css("font-size","120%"); });以下のコードに変更して、動作確認できた。 $("#big-font").click(function(){ $("#wrap").addClass("bigger");…
とても、シンプルで、いいやり方だと思ったので、指定した URL からそのサイトのファビコンを表示する jQuery Favicon プラグインを試してみた。Sampleはここから確認できます。ブラウザによって、ファビコンが表示できたり、できなかったり、エラーが出るこ…
、、との競合が、、、より plugin同士で、なんかなっちゃうとかないんですかね。
Add Favicon Image firefoxは、色づいている。 IE7 背景のグラデーション付かない。 fat windows +ie6 一部ファビコン真っ黒グラデーションプラグインはテスト済み Randam gradientなんでですかね
思いつきのメモです。動作しました。(utf-8) やろうとしている事 addressというクラス名がついた。リンクのhref属性をマウスがリンクに乗ったときに、初めて、書き換えて クリックしたときに、メールアドレスとして成り立つようにする。 置換部分が、適当に…
NameType ready( fn ) Returns: jQueryDOMの操作や、値の取得が可能になったときに発生するイベント Event Handling:イベントハンドラ NameType bind( type, data, fn ) Returns: jQuery指定したイベント（クリックなど）に呼応したイベント one( type, data…
そもそも、スタイル指定の宣言ブロックとか、わかりにくい名前 名称 p#id{ color : #ff3300 } セレクタ{プロパティ:値} セレクタ宣言ブロック 規則集合 jQueryでのスタイルの指定 @import規則 headerにembed styleが記述されていると仮定して、以下のように…
いきなりですが、jQuery Memo エントリを重ねるごとに、赤面するような間違いが多発中です。 (気がつき次第、正しい知識が身につき次第直し中） うまく動作しないような場合は、まずこのエントリ自体の間違いを疑ってください。 このブログに書いてあること…
作成したサンプルはこちらです。 Rounded Corners With Javascript (jQuery) by 15 Days Of jQueryを読みながら、角丸ボックスを作ってみた。スライディングドアというCSSのトリックは、とても有名で、Sliding Doors of CSS – A List Apartなど、タブデザイ…
タイムラインでコントロールできるといいと思ったので、 timer pluginを使ったサンプルを性懲りもなく作ってみました。
Changing Contents: Name Type html( ) Returns: String var htmlStr = jQuery(this).html(); 該当エレメントの値を子エレメントも含めて文字列で返す。 このプロパティは、xhtmlなら大丈夫だと思うが、xmlなら使えない？ html( val ) Returns: jQuery 該当…
Sample一定時間ごとの繰り返し処理をperiodic refreshというらしい。この書き方で、jQueryとしてよいやら悪いやら、いまいちわかりませんが、動作はしてくれる。 <script>
htmlが以下のようになっていれば、 （idとクラス名に、同じ名前にしておけば、） <h2 id="content1">content1</h2> <div class="content1">content2</h2> <h2 id="content2">content1</h2> <div class="content2">content2</h2>以下のjQueryで、 $('div[class^="content"]').hide();//css display:noneでもいい。 $("h2").click(function(){ var target ="."+$(this…
IE7でjQueryがうまく動作しないことがわかった。 ADD20080118 htmlを変更してみた。 IE7は正常に動作するようになった。 jQuery("#result").empty();を追加した。htmlを以下のように変更。 <p style="margin-left:100px;">url <input id="url" type="text" size="40" name="url" /> 以下1行を <input id="button" name="button" type="button" value="go" /> 以下のように変更 <span id="button">解…</span></p>
ADD0117 はてなでは、「その場編集」とよんでいるらしい。 Edit In Place with AJAX Using jQuery Javascript Library by 15 Days Of jQueryをみながら 作ってみました。実際に出来上がったもの、Edit in place Samples index.php で保存して、同じディレク…
下のエントリのサンプルを、Xreaに置いた時、xreaサーバでは、bodyタグの直後に広告が自動挿入されます。 なんなので、自動挿入広告をやめて手動で挿入することにしました。jQueryを使うことで、自動挿入広告を消すことが出来ます。 <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script>
テキストエリアのキーアップイベントで動作する。 ライブプレビューを、チュートリアルをみながら、作成してみた。残念ながら、チュートリアルのコードでは、私の力では、うまく動作しなかったので、 ハードルを更に下げて、動くものを作った。本家のチュー…
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オ…
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とは、/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を読ませていただき、自分なりにやってみた…
このブログ自体の、レイアウトがこけてる。原因は、IE6 pre エレメントの幅が、どんどん伸びてしまったためだった。応急処置：アスタリスクで、IE用のスタイルを作って追加。 *pre{ width:460px; overflow:scroll; }
20080125 下のスクリプトのどこに問題があったのか、もう一度やってみました。 このコードが動かなかったのは、なぜなのか、わからなくなりました。 正常に動くことが確認できたので横線引っ張っておきます。 ごめんなさい。ごくありふれた、タブメニューを…
マウスが乗った時、離れた時のスタイル指定 $("#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> だけしかなくなってしまう。クライアントサイドで動作するので、 ドキュ…
