by shigemk2

当面は技術的なことしか書かない

jQuery

noConflict

この関数を実行すると、$関数の動作が先に定義されている動作に戻る。$の使用はjQueryだと必須なので、 普通はready関数とかを使うのだろうが、ready関数を使わない(使いたくない)ときがある。で、ready関数を使わずに$だけ書いてjavascriptを実行すると、 $…

ツールチップ

ツールチップはカーソル(主にマウスポインタ)と連動して使用される。 ユーザがカーソルを何かの項目に合わせたとき、 その項目に覆いかぶさるような形で小さな枠が出現し、 その枠内には選択された項目に関する補足情報が表示される。operaのタブでサイト…

onclickとreturn false

onclickとreturn falseについて - 航海日誌 こちらを参考に。 リンクをクリックしたら処理を実行するアンカータグを書くとする。 このときonclickには関数名を書きます。 <a href="http://hoge.com/hoge" onclick="foo()">(&#9685;&#8255;&#8255;&#9685;)</a> <script type="text/javascript"> function foo() { alert('僕をクリックしてよ'); }; </script>…

live関数

レファレンスより。 $("p").live("click", function(){ $(this).after("<p>新たなp要素もクリック!</p>"); }); 通常click関数は一度しか使えないが、live関数を用いる事で、 無限使用が可能となる。追記:でも、同じ要素に対してのみ無限使用が可能となるので、 例…

マウスオーバー

マウスポインタを特定の場所に置くと、そこの色が変わったり画像が出たりする処理のこと。 javascriptや、cssで可能です。

emptyとdisplay noneとvisibility hiddenの違いについて

jQuery(document).ready(function($){ $('a.other').click(function(){ $("div#time").css('visibility','hidden'); return false; }); }); まあ、こんな感じのjavascriptがあったとしましょう。クリックしたら消える(厳密に言うと見えなくする) というやつ…

jQuery(document).ready(function($)

HTMLとJavaScriptを全て読み込んだ後に、関数を実行する 準備をします。 jQuery(document).ready(function($){ // 処理を書きます }ready functionの外に処理を書くと、HTML、JavaScriptが全て読み込まれる前に 処理が実行されます。豆知識:基本的にJavaScr…

Uncaught TypeError: Property '$' of object [object DOMWindow] is not a functionというエラーについて

HTMLにjavascriptを読み込ませたら、 Uncaught TypeError: Property '$' of object [object DOMWindow] is not a functionというエラーについて みたいなエラーが出たよ。何がなんだか分からないからググってみたら、 Account Suspended こんなのに行きつい…

結論:load()をChromeで使うと表示されない

前に、jQueryのload関数が使用出来ないという問題を取りあげたのですが、 load()をChromeで使うと表示されない - by shigemk2以前ぼくがその問題にぶつかったのは、モーダルウィンドウの作成のときでした。 皆さんご存じのとおり、 file:///Users/ユーザー名…

removeClass

指定した要素から、CSSクラスを削除する。

'$ is not defined'なるエラー

javascriptを呼び出すHTMLを作成していたら、 っていう風にめっ☆ってされたんだ。 原因は、 <script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script> きちんとsrcの部分が定義されていないこと。 相対パスはきちんと書きましょう。あと、ファイル名も間違えないように。 <script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>

load()をChromeで使うと表示されない

jQuery.load()をChromeで使う時にちょっとハマったこと | バシャログ。 に、答が載っています。 起動時のオプションに、 allow-file-access-from-files とつけてやるとおk だそうですが、これじゃあ根本的な解決にならないなあとふと思った。

each

phpにおけるforeachと似てる。 ルーチン処理アクセスの関数。 ($selecter).each(funciton() { // 適当に処理を書く })); selecterにはいろいろ指定出来るので、やってみる。