cutmail's blog

write the code

javascript

Ext JSが便利!

業務上、管理画面などを作ったりしているのですが、毎回レイアウトを考えるのも大変ですよね。 でも、Ext JSならばjavascriptでレイアウトを少し書くだけでかなりリッチな画面にすることができます。 使ったことがない人はぜひ使ってみてはどうでしょうか?h…

リンクに飛ぶ前に確認メッセージを表示する

タイトルどおり。 <a href="./logout.php" onclick="return confirm('本当にログアウトしてもよろしいですか?');">ログアウト</a> いつもググッていたので。

LightboxでCloseなどのラベルが表示されない件

WordPressなどでlightboxを使う人も多いと思いますが、 lightbox.jsはラベルのパスが内部的には相対パスで書かれているので、 WordPressで使う場合などは、絶対パスにしないといけないようです。具体的には、lightbox.jsの //--------------- images/***.gif…

with文を使ってみる

javascriptってPHPとは違った書き方がいろいろあっておもろいです。たまたま読んでいたソースのなかにwith文があったのですが、そんなの知らない自分は早速リーフって見たわけです。with文を使用すると、親オブジェクトの名前を予約することができ、あとあと…

Javascriptで動的にチェックボックスを作る2

前回は、配列に格納した項目を ループの中で文字列に埋め込み、チェックボックスを作りましたが、 こういう風に書くとカッコを数えたりするのがめんどくさいし、ミスにもつながりやすいですよね。そこで、prototype.jsにはテンプレート機能なるものがあるの…

Javascriptで動的にチェックボックスをつくる

チェックボックスの選択肢が異様に多かったりなどで、こつこつ <input type="checkbox" name="sample" value="0" />hoge とか書くのがしんどいときにはjavascriptで動的に作ってしまいましょう。そんなに難しいことをしていないので、javascriptに自身があるって方は読み飛ばしてください。コードはこんな感じ…

ブラウザ別XMLHttpRequestオブジェクトの作り方まとめ

ajaxなどで非同期に通信する際に、XMLHttpRequestを使うと思いますが、 XMLHttpRequestオブジェクトは標準技術ではないため、 ブラウザによってインスタンスの作り方が違います。 忘れがちというか、覚えるためにメモ。 IE6以下 <script type="text/javascript"> var xmlhttp = false; try {</script>…

エスケープさせないでDOM要素のテキストからオブジェクトを取得する方法

すげー長いタイトル。 前回、DOMのテキストからinnerHTMLを使って内容を取得すると、なぜかエスケープされてしまうというのを紹介しましたが、 今回はこんな場合の回避策を。しかし、ブラウザによって使える使えないというメソッドのため、ブラウザ判別が必…

javascriptでDOM要素を取得するときの挙動について

仕事でまたしても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でsetAttributeでclassが定義できない件について

なんでクラスが変わらないのかなーと思っていろいろ調べてみたら、 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をかじっています。 javascriptっておもしろいなーと感じます。下記のサンプルは、チェックボックスにチェックを付けたりすると、テキストボックスが出たり消えたりするサンプルです。最初からテキストボックスを表示しとくのは…

javascriptでフォームをすべてクリアする

フォームをリセットするには <input type="reset" name="reset" value="リセット" /> などとすればよいのだけれど、 初期値が入っている場合。 (例) <input type="radio" name="sample" value="1" checked> などのような時は、リセットがききません。そんなときは、javascriptでフォームの値をすべてクリアできます。 リセットでなく、クリアです。 function clearFormA…

Smartyでjavascriptを使用する際に気をつけたいこと

PHPのテンプレートエンジンであるSmartyを使うようなプログラムで テンプレートを記述する際にjavascript使いたいなーという時には、 以下のようにそのまま記述すると解釈されません。 <script language="JavaScript" type="text/JavaScript"> <!-- function func() { document.write("hoge"); } //--> </script> こういう場…