JavaScript2010/05/31マッチー
HTMLでaタグにjavascriptのonclick属性なんかをつけたいときは、まあこんな書き方になると思う。 test このとき、return falseをつけておかないと、リンクをクリックしてアラートが出た後に、アンカーの移動（で合ってる？）みたいなのが行われてしまう。URLの最後に＃がつく感じですね。 ここを＃にしないでjavascript:void(0)と書くと、return falseがなくても大丈夫なのかな……自分で確かめた限りでは大丈夫だったけどJavaScript2010/04/19マッチー
javascriptでフォームのデータを送信する場合はsubmit()を使う。 document.getElementById('form_id').submit(); 先日、Ajaxで処理を行う場面に出くわしたときにこのsubmit()を使ったのだけど、とあるページでだけエラーが起きた。 $('form_id').submit is not a function こんな感じのエラー。あ、document.get～が$になってるのはprotJavaScript2010/03/24マッチー
基本的に画像はキャッシュされていないとページの表示が終わってから読み込まれる。でもたとえば背景に使っている画像などで、ページと同時に表示されている方が望ましい場合も多いかもしれない。この前、デザイナーからそんなような要望が実際にあった。 そんなときはjavascriptで先に画像を読み込んでおくという手もあるっぽい。 <script> image = new Image(); image.src = 'img/sample.jpg'; </HTMLJavaScript2010/03/17マッチー
WEBページが読み込まれる際、javascriptの読み込み中は他の読み込み処理がブロックされてしまう。つまり画像なんかは、javascriptが読み込まれると、読み込みが終わるまで画像が読み込まれない。 できればこの処理が並列で行われると良いのだが、現状はSafariやIE8でしか並列処理は実装されていないらしい。そのうち段々と実装されていくらしいけど。 とりえあず、全体的に実装されるまでは何らかの対策を講じようというわけで、その何らかの対策についてですけれど、javascriptJavaScriptWordPress2010/03/12マッチー
wordpressのビジュアルエディタは、デフォルトの改行はpタグが入りますよね。デフォルトの改行って言い方が正しいのかはよく分からないけど、brタグを挿入したいと思ったら基本的にはshift+enterで改行しますよね。 で、今回それを逆にできないかなって思ったわけですよ。仕様的にそういう要求をされているのかをいまいち掴みかねた部分もあるんですけど、編集画面で改行を1行だけにしてほしい的なことを言われたので、たぶんそんな感じのことを言ってると思ったわけですよ。別に現状で問題なければ、わざJavaScript2010/02/15マッチー
phpなんかでもそうだが、基本的にfalseやnull、0は等しいものとして扱うことができる。この場合の等しいというのは==で比較した場合の話で、===で比較すると、型が違うから同じものとして扱うことはできない。 で、javascriptの話だけど、javascriptでalertを使っていると、ときどき『undefined』という文字列を目にする。まあ、要は値が何にもねーぞこのやろうってなことを言ってるんでしょうけど、このundifinedやfalse、nullに0、果ては空文字や改行コJavaScript2010/02/08マッチー
画像の多いページは、どうしても読み込むのに時間がかかってしまう。 そこで、画像の読み込みのタイミングを遅らせてページの表示を早めようという試みを可能にするのが、Lazy Loadというプラグイン。 やっていることは、画像を読み込ませる部分に別の軽い画像を代替的に読み込ませることで負荷を軽減するような感じ……で合ってるのかな。 まずは上記のリンク先からlazyloadをダウンロードしてくる。あとjqueryがないと動かないので、持ってなければダウンロードしておく。JavaScript2009/09/29マッチー
ページ内にあるサムネイル画像をクリックするとビュイーンと画像がおっきくなるhighslide JS。 結構いろんなところで使われていると思いますし、僕が手がけるサイトでも、ブログ機能なんかをつける場合はだいたいhighslideをつけてくれという指示をいただきます。 通常、highslideを動かすためには↓こんなようなソースを書く必要がある。 <head> <script type="text/JavaScript" src="/js/highslide/highsJavaScript2009/06/18マッチー
embed要素のwidthとかheightがjavascriptでうまく書き換えられないとか言ってたけど、そんなことなかった。 setAttributeってやつを使って属性を変更してやれば、ちゃんとできる。 var tags = document.getElementsByTagName('embed'); for(var i = 0; i < tags.length; i++) { var tag = tags[i]; tag.setAttributeJavaScript2009/06/10マッチー
javascriptで、ページを読み込んだときにイベントを起こすにはonloadを使えばいいが、特定のエレメントに何かをするのではなくonloadを発生させたいようなときにはどうすればいいか。 <script> function message() { alert('ページが開きました'); } </script> <body onload="message();"> 最初はこんな感じでbodyタグに書けば何とかなるんじゃね？っ