タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

JavaScriptとtipsに関するWatsonのブックマーク (3)

  • JavaScript のセレクターの定番イディオム

    JavaScript のセレクターの定番イディオム 2010-08-30-2 [Programming] わざわざ記事にするまでもないことですが将来のためにあえて記事化。 JavaScript の定番イディオム。 function $(id) {return document.getElementById(id)} document.getElementById() の省略記法として $() を使うためのおまじない。 prototype.js でおなじみの「$」の使い方です。 いわゆる「セレクター」。 これが: document.getElementById('foobar').innerHTML = '<hr>'; こう書けます: $('foobar').innerHTML = '<hr>'; いちいち JavaScript フレームワークを用いずにサクッとやるとき用ですね。

    JavaScript のセレクターの定番イディオム
  • CodeZine:JavaScriptの読み込みを<script src="a.js,b.js,c.js">と記述するハック(PHP)

    Patrick Hunlock氏のブログにて、複数ファイルに分かれたJavaScriptを1つにまとめる方法が解説されています。このスクリプトはPHPを使っているため、自前でキャッシュ制御を行うことで、ブラウザのキャッシュ問題に対応したり、ファイルに変更を加えたときにも自動的にキャッシュが再作成されるようになっています。 以下、記事の概要を紹介します。 いろいろなJavaScriptライブラリを使っていると、以下のようなコードになることがあります。 <script src = "yahoo.js" ></script> <script src = "dom.js" ></script> <script src = "event.js" ></script> <script src = "dragdrop.js" ></script> <script src = "slider.

  • テキストエリアとかリサイズ可能にする JavaScript

    ■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね?とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {

  • 1