JavaScript

基本的にはCSSでプルダウンメニューを作る

Fireworksで作るプルダウンメニューがキライです。 レイアウトもいまいちだし、何よりクロスブラウザしてない。 バージョンが昔のすぎるというのがありますが…。 多分今のバージョンのものだといいものができるんだと思います。 でもまぁそんなお金もないの…

firefoxでウインドウを閉じる

firefoxでは、 javascriptで開いたウインドウ target='_blank'で開いたウインドウ しか閉じれません。あと、子ウインドウから親ウインドウの関数を操作することも できますが、prototype.jsを使った関数だとうまくいかない。 まぁいいけどさ。 javascript 子…

GoogleMapの吹き出しとマーカーリスト

なにがしたい? Gmap上にマーカーを表示して、そいつらに吹き出しを持たせたい リストをクリックすると、マップ上のマーカーに移動して吹き出しを表示させたい リストは長くなるので、スクロールできるようにしたい まずはGmapの表示 # まずはGoogleから読み…

JavaScript上でレーダーチャートを描く

firefoxではばっちり動作。 IEでは…ちょっとまだちゃんと動いてません。 いずれにしても面白いし使いやすい。 ありがとうございます。 レーダーチャート - Javascriptライブラリ - HTML5.JP http://www.html5.jp/library/graph_radar.html

リンク先の画像をプレビューするimgpreview

需要あるんだろうけど、今のところ使う予定なし! リンク先の画像をプレビューするJavaScript「imgpreview」 http://www.skuare.net/test/jImagePrev.html

Lightboxの軽量版、Litebox

Lightbox2が重いのは、結構周知の事実だったりします。 prototypeとか使ってるしね。 そこで開発されたのがlitebox。 軽いそうです。使った感じ、確かに軽い。 ロードが軽い。 ま、といいつつエフェクトが必要ないのでv1を愛用してますが(笑 Litebox - Same…

ドロップダウンメニューでページ遷移を行う

ドロップダウンメニューからリンクさせよう(同じウインドウ) - 5・6年生にもわかるやさしいJavaScript http://www.sky.sannet.ne.jp/masapine/java_link2.html

入力チェックするときのフォーマット

if(document.form.name.value == '') { alert('名前が未入力です。'); return false; } そう、return falseが必要なんですね。 メールアドレスの書式チェック http://www.ksknet.net/javascript/post_76.html

イベント名と関数名は別の方がいい

よくあるJavaScriptでのメニュー表示。 触ったら画像が変わるというやつですが。 あれでマウスオーバーする画像をbodyのonloadイベントで 先読みしといたりというコードが、fireworksだっけ、 Dreamweaverだっけ、まぁそのあたりでは吐き出されます。 んで、…

外部からJavascriptを読み込む

<script type="text/javascript" src="URL"></script>

getElementsByNameとgetElementById

当たり前ですが、getElementsByNameはエレメンツ、です。 んでgetElementByIdはエレメント、単数形です。

二重送信を防ぐ

JavaScriptがOK!という条件で。 確かセッションを使って、一度目の送信と二度目の送信を サーバ側で比較するっていう処理もあった気がします。 # script側 flg = false; function sendCheck() { if (flag) { alert('送信処理中です'); return false; } flg …

一つ前のページに戻る

history.back($num); history.back(-1); // 一つ戻る history.back(1); // 一つ進む $numはどんだけ前のページに戻るか。 うーん、これ微妙に使えないよね。

シャープ(#)はフラグメント識別子

<a name="#top"></a> とかなってるやつがあります。 これのことを、フラグメント識別子というそうです。 JavaScriptで指定して動かすには、location.hashを使います。 取得もこれを参照するとのこと。 window.location.hash = "top"; location.hash = "top"; // 上と同じです a…

disabledしたinputタグの値を送る

disabledしたinputタグは、「選択不能」になるのではなく、 「使用不能」になります。 従って値も送信されない。泣きそう。 そこでこれを回避するために、要素がページ上で押されたら、 同名のhiddenを作ってしまって、 同じ値を入れてしまえ、というアイデ…

送信時に確認するやつ

JavaScript/フォーム/送信時に確認する - TAG index http://www.tagindex.com/javascript/form/submit.html

onLoadの代わり

BODYタグにつけるonLoadのかわりに、window.onloadが使える。 ページが読み込まれたら処理を呼び出すonloadの書き方 http://www.openspc2.org/JavaScript/Web_Standard/004/index.html

連想配列

JavaScriptで連想配列が使えるとは…! でもforで要素が取り出せない。indexの番号しか 取り出せない。 3.JavaScriptの連想配列 http://www.tokumaru.org/JavaScript/renso.htm javascriptで「多次元」の連想配列を定義する方法を教えてください。 (できれ…

prototype.js

いまさらprototype.jsです。 でもすごいねこれホントに。重そう。 Prototype JavaScript framework http://www.prototypejs.org/ prototype.js v1.5.0 の使い方 http://www.s2factory.co.jp/tech/prototype/prototype.js.html