javascript
業務上、管理画面などを作ったりしているのですが、毎回レイアウトを考えるのも大変ですよね。 でも、Ext JSならばjavascriptでレイアウトを少し書くだけでかなりリッチな画面にすることができます。 使ったことがない人はぜひ使ってみてはどうでしょうか?h…
タイトルどおり。 <a href="./logout.php" onclick="return confirm('本当にログアウトしてもよろしいですか?');">ログアウト</a> いつもググッていたので。
WordPressなどでlightboxを使う人も多いと思いますが、 lightbox.jsはラベルのパスが内部的には相対パスで書かれているので、 WordPressで使う場合などは、絶対パスにしないといけないようです。具体的には、lightbox.jsの //--------------- images/***.gif…
javascriptってPHPとは違った書き方がいろいろあっておもろいです。たまたま読んでいたソースのなかにwith文があったのですが、そんなの知らない自分は早速リーフって見たわけです。with文を使用すると、親オブジェクトの名前を予約することができ、あとあと…
前回は、配列に格納した項目を ループの中で文字列に埋め込み、チェックボックスを作りましたが、 こういう風に書くとカッコを数えたりするのがめんどくさいし、ミスにもつながりやすいですよね。そこで、prototype.jsにはテンプレート機能なるものがあるの…
チェックボックスの選択肢が異様に多かったりなどで、こつこつ <input type="checkbox" name="sample" value="0" />hoge とか書くのがしんどいときにはjavascriptで動的に作ってしまいましょう。そんなに難しいことをしていないので、javascriptに自身があるって方は読み飛ばしてください。コードはこんな感じ…
ajaxなどで非同期に通信する際に、XMLHttpRequestを使うと思いますが、 XMLHttpRequestオブジェクトは標準技術ではないため、 ブラウザによってインスタンスの作り方が違います。 忘れがちというか、覚えるためにメモ。 IE6以下 <script type="text/javascript"> var xmlhttp = false; try {</script>…
すげー長いタイトル。 前回、DOMのテキストからinnerHTMLを使って内容を取得すると、なぜかエスケープされてしまうというのを紹介しましたが、 今回はこんな場合の回避策を。しかし、ブラウザによって使える使えないというメソッドのため、ブラウザ判別が必…
仕事でまたしてもjavascriptと格闘してました。 今回はjavascriptでDOM要素を取得した結果が思ったようにいかなかった。例えば以下のようなソースの場合、 <script type="text"> function get_text(){ var txt = document.getElementByID("hoge").innerHTML; } </script> <div id="hoge">You&I</div> <input type="button" onclick="get_text();" /> 変数txtに…
なんでクラスが変わらないのかなーと思っていろいろ調べてみたら、 IEはDOMオブジェクトのプロパティと属性をごっちゃにしているらしい。つまり、 こう書いても <style type="text/css"> .hoge { background-color:red; } </style> <body> <span class="hoge">hogeクラスの中身</span> </body> <script type="text/javascript"> var span = document.body.appendChil…
最近仕事で少しだけjavascriptをかじっています。 javascriptっておもしろいなーと感じます。下記のサンプルは、チェックボックスにチェックを付けたりすると、テキストボックスが出たり消えたりするサンプルです。最初からテキストボックスを表示しとくのは…
フォームをリセットするには <input type="reset" name="reset" value="リセット" /> などとすればよいのだけれど、 初期値が入っている場合。 (例) <input type="radio" name="sample" value="1" checked> などのような時は、リセットがききません。そんなときは、javascriptでフォームの値をすべてクリアできます。 リセットでなく、クリアです。 function clearFormA…
PHPのテンプレートエンジンであるSmartyを使うようなプログラムで テンプレートを記述する際にjavascript使いたいなーという時には、 以下のようにそのまま記述すると解釈されません。 <script language="JavaScript" type="text/JavaScript"> <!-- function func() { document.write("hoge"); } //--> </script> こういう場…