約 2,903,095 件
https://w.atwiki.jp/karaiknowledge/pages/7.html
ASP.netでJavaScriptを登録する方法 1. 参考URL ClientScriptManager.RegisterStartupScript メソッド (MSDNフォーラム) MSDN
https://w.atwiki.jp/yukobayashi/pages/22.html
javascript jQuery toolchip contents contents overview sample code html tooltip.js overview ツールチップを若干カスタマイズできる. bgcolor,font colorの指定が可能. コメント内部でhtmlタグOK. auther page sample code html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http //www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title Easiest jQuery Tooltip Ever /title meta name="description" content="Easiest jQuery Tooltip Ever" script src="jquery.js" type="text/javascript" /script script src="tooltip.js" type="text/javascript" /script /meta style body { margin 0; padding 40px; background #fff; font 80% Arial, Helvetica, sans-serif; color #555; line-height 180%; } a{ text-decoration none; color #f30; } #tooltip{ position absolute; border 1px solid #333; background #f7f5d1; padding 2px 5px; color #333; display none; font-weight bold; } /style /head body a href="http //search.wwwinfoseek.co.jp" class="tooltip" title="こいつ誰だ??? br でも、かわいいぜ。" /a /body /html tooltip.js this.tooltip = function(){ /* CONFIG */ xOffset = 10; yOffset = 20; // these 2 variable determine popup s distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $("a.tooltip").hover(function(e){ this.t = this.title; this.title = ""; $("body").append(" p id= tooltip "+ this.t +" /p "); $("#tooltip") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .fadeIn("fast"); }, function(){ this.title = this.t; $("#tooltip").remove(); }); $("a.tooltip").mousemove(function(e){ $("#tooltip") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); }; $(document).ready(function(){ tooltip(); }); グ指定
https://w.atwiki.jp/yukobayashi/pages/21.html
javascript jQuery cycle plugin 画像を変更したい時に使う. sample page sample code html head title cycle demo page /title script type="text/javascript" src="jquery-1.3.min.js" /script script type="text/javascript" src="jquery.cycle.js" /script script type="text/javascript" $(function(){ $("#title").html("cycle demo page"); $( #s1 ).cycle({ fx fade , speed 500 }); $( #s2 ).cycle({ fx fade , speed 5500 }); }); /script style type="text/css" #test{ padding 10px; border 2px solid; width 300px; list-style-type none; } /style /head body div id="test" div id="s1" class="pics" li img src="img/image01.jpg" /li li img src="img/image02.jpg" /li li img src="img/image03.jpg" /li li img src="img/image04.jpg" /li /div /div div id="s2" class="pics" img src="img/image05.jpg" img src="img/image06.jpg" img src="img/image07.jpg" img src="img/image08.jpg" img src="img/image09.jpg" /div /div /body /html id s1,class picsを指定する。 fx 画像切替時の挙動を指定。 * fade * scrollUp * scrollDown * scrollLeft * scrollRight * shuffle speed 切り替えるタイミング指定
https://w.atwiki.jp/seos/pages/20.html
Q.Javascriptってなんですか? 直訳:ブラウザで動作するプログラミング言語です。 目的訳:サイトに動きや装飾する為の仕組みです。(例:カレンダー、ポップアップ、ブログパーツ)
https://w.atwiki.jp/hear_br0wn/pages/31.html
●関数と引数 引数を指定した関数の呼び出し ・関数 function 関数(引数){ 処理 } ・呼び出し イベントハンドラ = "関数(引数)" ※呼び出しの"関数(引数)"で代入された引数の値を、function 関数(引数)に引数に引き渡し、処理を行う。 再度"関数(引数)"に戻し、表示する。 【引数の記述】 数値の場合はそのまま ⇒例:abc(s) 文字の場合は「 」(シングルクォーテーション)でくくる 例:abc( 富士山 ) 例: ~ script language="javascript" function abc(s){ var a = s * 3; alert(a); } /script ~ body button onclick = "abc(5)" 計算結果 /button /body 以下のように表示、 計算結果というボタンを押すと、ポップアップで「15」と表示される。 ※これは、 ①abc(5)の5がfunction abc(s)に引き渡され、s = 5と代入される。 ②関数で処理が行われa = 15となり、「alertで15を表示するという命令」ができる。 ③「alertで15を表示するという命令」が、イベントハンドラから呼び出され、onclick(ボタンを押したら実行)のタイミングで処理される。 【複数の引数を指定する場合】 「,」(カンマ)で区切る 関数 function 関数(引数a,引数b,引数c){ 処理 } 呼び出し イベントハンドラ = "関数(引数a,引数b,引数c)" 例: ~ var kakaku; function zeiG(name,kakaku){ zeikomi= kakaku * 1.05; alert(name + "の税込価格は" + zeikomi + "円"); } ~ ~ ・商品A(1000円) button onclick = "zeiG( 商品A ,1000)" 税込価格は /button ~ 以下のように表示、 alertのポップアップで「商品Aの税込価格は1050円」と表示される
https://w.atwiki.jp/suffix/pages/1273.html
yieldを関数内に記述すると、関数がジェネレータになる。 使い方を見てみよう。 !DOCTYPE html html lang="ja" head meta charset="UTF-8" / title /title script type="application/javascript;version=1.8" !-- version1.7以降を指定する必要がある -- function test() { var generator = sample(); alert(generator.next()); //10を表示 alert(generator.next()); //20を表示 alert(generator.next()); //30を表示 } function sample() { var j = 0; for(i = 0; i 3; i++) { j = j + 10; yield j; //jの値をreturnして、test内で宣言している変数に[10,20,30]と順繰りにつめていくイメージ。 } } /script /head body input type="button" value="押す。" onclick="test();" br br /body /html
https://w.atwiki.jp/webdesignmemo/pages/26.html
関連トピックス ライブラリ Prototype Script.aculo.us MochiKit Lightbox JS Prototype Window Class jQuery ThickBox Yahoo! UI Library Dojo Toolkit JKL MooTools 役立つサイト jabascriptist リンク名 名前 コメント
https://w.atwiki.jp/suffix/pages/389.html
http //f29.aaa.livedoor.jp/~morg/wiki/index.php?JavaScript%2F%B3%B0%C9%F4%A5%C6%A5%AD%A5%B9%A5%C8%A5%D5%A5%A1%A5%A4%A5%EB%A4%F2%C6%C9%A4%DF%B9%FE%A4%E0%A5%B5%A5%F3%A5%D7%A5%EB にjavascriptで外部ファイルの読み込み方が書いてあるが、javascript自体は本来クライアントPCのファイルに アクセスできてはセキュリティ上まずいので通常できない設定にしてある・ファイル出力もjavascript自体ではできない。 唯一できるのはcookieぐらいである。 ここでは、javascriptでよくデータの受け渡しに使われるJSONファイルと ユーザ操作でファイルを保存する方法等について説明する。 JSONファイルの扱い方(ファイルの入力) XMLファイルの扱い方 ウィンドウへの出力(ウィンドウへの表示) ローカルファイルとしてダウンロードさせる(ローカルファイルへの保存) FileAPI(HTML5のFileApiを用いたローカルファイル読み込み)
https://w.atwiki.jp/nicepaper/pages/268.html
if文、for文、switch文について考えていきます。10月22日記事 目次 主に使うのは3つ if if(変数の条件式){ 処理; } for for(変数の初期値; 繰り返し条件 ; 繰り返し後の処理){ 処理; } switch swicth(変数){ case 値 処理; break; case 値 処理; break; default 処理; break; } コード !DOCTYPE HTML html head meta charset="utf-8" title 無題ドキュメント /title /head body script //if文 var num = 80; if(num 60 ){ console.log("優秀"); }else{ console.log("ダメ"); } //for文 var num = 1; for( num = 1; num =10 ;num++){ console.log(num); } //for文は最初の2行において、1行目をなくし、2行目にvar num = 1;num = 10; num++とすることもできる。 //switch文 //適当にMath.randメソッドでも使ってみる。0~1までの小数点の数字が生成されるので、適当に倍数をかける。そうすると小数点がでてくるため、Math.floorメソッドで小数点を切り捨てる。 var rand = Math.floor( Math.random() * 3); //0~2までの数字をランダムに発生させる。 console.log(rand); //上の値が確認できたら、コメントアウトしてもよい。 switch(rand){ case 0 console.log("大吉"); break; case 1 console.log("中吉"); break; default console.log("凶"); break; } /script /body /html まとめ ifもforもswitchもとりあえず動かしてみましょう。 switchは小数点を切り捨てるMath.floorメソッドとランダムな数字を作るMathオブジェクトとrandメソッドを使いました。
https://w.atwiki.jp/yukobayashi/pages/18.html
javascript jQuery ブラウザ判定 jQuery.browser.msie jQuery.browser.mozilla jQUery.opera jQuery.safari