console.logで変数の中身をconsoleに出力 - JavaScriptist
JavaScriptでは、alert関数で次のようにして変数などの中身を表示することが出来ます。 alert関数を使う bookmark サンプルコード bookmark <script type="text/javascript"> <!-- alert("Hello world"); //--> </script> alertの出力例 bookmark console.logを使ってみる bookmark JavaScriptで次のように、コーディングします。 サンプルコード bookmark <script type="text/javascript"> <!-- console.log("Hello world"); //--> </script>すると、FirefoxのJavaScriptコンソールに「Hello world」が表示されます。 このように、値の中身がどうなっている
JavaScriptでグラフ表示 - 現場のためのソフトウェア開発プロセス - たかのり日記
YUI（Yahoo! UI Library）から、Chartライブラリがリリースされました。 棒グラフ（縦／横） 折れ線グラフ 円グラフ 積み上げ棒グラフ（縦／横） など、基本的なグラフは一通り揃っているようです（動作には、Flash Player が必要となります）。 デモを見る限りでは、比較的簡単なコードでグラフを描画できていますね。 Javaにおけるグラフ表示と言えば、JFreeChartが有名ですが、サーバ側でゴリゴリな実装が必要です。そのため、私自身はあまり好きではなかったのですが、JavaScriptのグラフ表示ライブラリの場合、十数行程度でもグラフが描画できるものが多く、さらに、Ajaxなどでデータ転送量も少なくできるため、今後はこちらの方が利用シーンが多くなっていくような気がします。 また、以前に、グラフ表示のライブラリを調査したことがあるのですが、そのときの情報を以下にメ
お手軽にlightboxっぽくformをポップアップ表示してみる
エヴァンゲリオンが出てから「セカイ系」というジャンルが確立したように、lightboxが出てから「lightbox系」というポップアップ表示スクリプトのジャンルが確立しつつあるようです。 google先生に「lightbox系」でお伺いを立ててみれば、色々な方が画像ポップアップのスクリプトをまとめて下さっているのがよく分かります。 WEBにちょっとした彩を与えてくれるlightbox。 画像のポップアップだけじゃなくてformもポップアップで出したいよね！ 本家lightboxはもちろん、lytebox、lightwindow、SimpleModalなどのlightbox系ライブラリでformのポップアップ表示が可能なようです。 実現方法は色々あるのですが、うぁ！すっげー！！みたいなエフェクトは要らないし、ライブラリのAPI調べるのも面倒だなー、ってな時にお勧めのformのポップアップスク
Flashの上に(X)HTMLを重ねる - 448.jp blog
「Flashの上に(X)HTMLを重ねたいんですけどー」という声がどこからか聞こえてきたので、ふとやってみました。 サンプルを開く（別ウィンドウ） 背景のFlashは、5枚の画像をランダムにフェードイン/アウトさせるだけのもの。上に重ねている(X)HTMLは、ただのol要素です。 ポイントは2つ。 Flashと重ねたい要素を、CSSのz-indexで重ねる。Flashのwmodeをopaqueかtransparentにする。wmodeがデフォルト値（normal）だと、Flashのz-indexが無視されて最前面をキープしてしまうので注意です。 匿名希望のコメントはこちらへ Anonymous 2008年6月17日 12:58 Ubuntu8.04のFirefox3だと表示できないようです。 （Flashだけ表示されます。） WinXP Firefox3は大丈夫。 参考までに。 オッキー
デザイナーにオススメ！JavaScript滑らかメニュー
サイトの構造を分かりやすく整理したグローバルナビゲーションを設置したい。カテゴリが細分化されているWebサイトで、遠回りせずに直接、目的のページに移動できるようにしたい――。そんなときに使えるJavaScriptライブラリが、Dynamic Driveで公開中の「Smooth Navigation Menu」だ。 Smooth Navigation Menuは、多階層のドロップダウンメニューを簡単に設置できるライブラリ。（X）HTML中のリストタグを読み込み、下の画面のようにドロップダウンメニューとして表示してくれる。しかも、メニューの展開時にはちょっとしたアニメーション付き。ライブラリ名にもなっているとおり、スムーズな動きがなかなか気持ちいい。 このSmooth Navigation Menuは、JavaScriptに詳しくないWebデザイナーでも扱いやすいように、スクリプト部分を一切い
smartdialog.js - 画面全体にレイヤーを重ねてダイアログを表示する JavaScript ライブラリ
「Yahoo!画像検索」や「Lightbox」のように、画面全体にレイヤーを重ねてダイアログを表示する JavaScript のライブラリです。 他のライブラリと比較して、任意の色を背景色に選ぶことができ、CSS ファイルや透過画像が不要だという長所があります。 別途、「prototype.js」と「scriptaculous.js(effects.js)」のライブラリが必要です。 サンプル デフォルトの動作（ホワイトアウト） グレーアウト・待ち時間なし・閉じるボタンなし・枠線なし・200px × 50px 縦長・待ち時間なし・緑二重枠線 薄いピンク(不透明度 0.5)・待ち時間 3 秒・ダイアログなし ブルースクリーン・待ち時間なし・同色ダイアログ・背景クリック無効・ボタンのラベル変更 画像を表示・枠線 1px・500px × 400px ダウンロード smartdialog.js v1
JavaScript – 文字の種別をチェックするには（その２） | TK Factory
第３弾は、引き続き文字種別チェックです。 ひらがなチェック [js] /** * チェック対象文字列が全角ひらがなのみかチェックします。 * * @param argValue チェック対象文字列 * @return 全て全角ひらがなの場合はtrue、 * 全角ひらがな以外の文字が含まれている場合はfalse */ function isHiragana(argValue) { if (argValue.match(/[^あ-ん|^ー]/g)) { return false; } else { return true; } } [/js] 全角チェックの場合 [js] /** * チェック対象文字列が全角のみかチェックします。 * * @param argValue チェック対象文字列 * @return 全て全角文字の場合はtrue、 * 全角文字以外が含まれている場合はfalse */
DOM Node チラ裏 - latest log
ノードを末尾に追加 Node appendChild(Node newChild) throws DOMException; newChildを親ノードの末尾に追加します。newChildが既にあれば、まずnewChildをドキュメントから取り除き、その後に追加します。追加に成功すると、newChildを返します。 親ノード.appendChild(追加するノード); ノードの挿入 Node insertBefore(newChild, refChild) throws DOMException; newChildをrefChildの前に挿入します。newChildが既にあれば、まずnewChildをドキュメントから取り除き、その後に挿入します。挿入に成功すると、newChildを返します。 先頭に挿入 親ノード.insertBefore(追加するノード, 親ノード.firstChild)
Javascriptでイベントハンドラのコールバック関数に引数を渡す - yummy-yummy
javascriptでゴリゴリコードを書いていると、最近のライブラリではコールバック関数を渡すのがけっこう日常茶飯事なようで、コールバック関数を渡すのはいいが、その関数に引数を渡してあげたい！！ってことがよくあるのですよ。 今までなんとか引数は諦めてしのいでたけど、どうも納得がいかないんで調べてみた。 例えばとあるボタンのイベントハンドラで、クリックした際にhogeというfunctionが実行されるようにしたいってな場合は、こんな感じで書きます。 var hoge = function(evt) { alert("hogehoge" + evt); } btn3 = document.getElementById("btn3"); btn3.addEventListener("click", hoge, true); しかしこの「addEventListener」に引数を渡したくて、こんな
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wonder-boys.net
http://blog.shibata3.com/?eid=675656