JavaScript Tips コレクション
JavaScriptの簡単でかつ使えるソースをみんなで書きましょう。 ・ソース簡略化のため処理はなるべく単純にしましょう。 ・優しい人は応用編なんかも作ってあげましょう。 ・実際に使う人のために使う際での説明書きをしましょう。 ・人のソースを応用したりしてより良いスクリプトを完成させましょう。 ・ブラウザは特に問いません。 ヽ(`Д´)ノ がマウスの横につきます。 <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 IE6で動作。 おいおい、何だこの糞スレは。 どうせ書くなら、複数ブラウザに互換性持たせろよ。 つまんねーーーーーーーーーーーーーーーーーーーなッ このネタ 恥ずかしいからIE専なんて貼るなよ。 それもonmousemove かよ。めでてーな。 盛り上げるために貼ってやるか。 <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 IE6で動作。 ではこんなのを <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 IE6で動作。 ───────────────────────────−──────― ────────‐───────────−────────────―─‐ ─‐────────────‐────────‐∧_∧ ───‐──―──‐ ─────‐∧ ∧,〜 ────────────‐(; ´Д`) ────―─‐──‐ ──−──‐( (⌒ ̄ `ヽ───_ ───────‐ / /─―/ヽ────―─‐ ──―───‐\ \ `ー'"´, -'⌒ヽ──────‐| | 1 ‐─‐/ | | ─────― ―‐――──‐ /∠_,ノ _/_───‐―──―─‐| | /─―/ | |―────―‐ ─────‐ /( ノ ヽ、_/´ \―────‐──‐∪ ./──,イ ∪ ────―─ ────‐ 、( 'ノ( く `ヽ、 ―────―‐| /−─/|| | ──−───― ───‐‐/` ―\____>\___ノ ──────‐|/──/ || | ────‐─―‐ ───/───―‐/__〉.───`、__>.―‐―───‐─―‐| || | ─────―─ ──/──‐──────────────―−───‐(_)_)─────―─ ─/────────−────────────‐──────────―‐ ───────────────────‐─────────―─────‐ (´・ω・`)がマウスの横につきます。 <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> (´・ω・`) </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 IE6で動作。 データベースのJavascript貼ってください。 作ってみました <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 IE6で動作。 ちょっと手を加えてみました。 <script type="text/javascript"> <!-- function decorate_cursor(){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </script> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 IE6で動作。 >>16 問いませんってのはどのブラウザ対象でも構わないって意味で書いたんだよ。 ネスケとかわからないから。 >>20 偽者 alert("誰かまともなの貼ってくれ〜"); >>1 よ、お前Tipsという語を勘違いしてるぞ お前が貼ってるのは珍しくも参考にもならないただのサンプルコードだ そんなものはどこにでも腐るほど転がっている 画像の上でヽ(`Д´)ノがポップアップします <img src="〜" alt="ヽ(`Д´)ノ"> あたらしいネットエスケープではなぜか使えません。 ネトスケ逝ってよしです。 >>26 君はもっと勉強すべき title="ヽ(`Д´)ノ"が適切かどうかは別にして。 <img src="〜" alt="代替テキスト" title="ヽ(`Д´)ノ" width="〜" height="〜" /> >>27 ナルホド〜!それならネットエスケープでもプップするんですね〜 目からサンライズビームですぅ〜(ノ∇≦*) document.body.style.display = "none" ネスケ7.1って変わった? JavaScriptのページで動かない所が異様に多い。 って事でわからないからIEのみ。 ウィンドウ動きます。 <html> <head> <title>temp</title> <SCRIPT Language="JavaScript"> <!-- var cont_width = screen.availWidth; var cont_height = screen.availHeight; var cont_w_width = 200; var cont_w_height = 200; var cont_key_l = 37; var cont_key_u = 38; var cont_key_r = 39; var cont_key_d = 40; var v_posi_x = cont_width / 2 - cont_w_width / 2; var v_posi_y = cont_height / 2 - cont_w_height / 2; var v_step_len = 5; var v_step_x = 0; var v_step_y = 0; function set_window(){ moveTo(v_posi_x,v_posi_y); window.resizeTo(cont_w_width,cont_w_height); } function move_window(e){ if(event.keyCode == cont_key_l){ v_step_x = -v_step_len; v_step_y = 0; }else if(event.keyCode == cont_key_u){ v_step_x = 0; v_step_y = -v_step_len; }else if(event.keyCode == cont_key_r){ v_step_x = v_step_len; v_step_y = 0; }else if(event.keyCode == cont_key_d){ v_step_x = 0; v_step_y = v_step_len; }else{ v_step_x = 0; v_step_y = 0; } v_posi_x = v_posi_x + v_step_x; v_posi_y = v_posi_y + v_step_y; window.moveTo(v_posi_x,v_posi_y); } document.onkeydown = move_window; //--> </SCRIPT> </head> <body onLoad="set_window()"> </body> </html> var treeView = { rowCount : 10000, getCellText : function(row,column){ if (column=="namecol") return "Row "+row; else return "February 18"; }, setTree: function(treebox){ this.treebox=treebox; }, isContainer: function(row){ return false; }, isSeparator: function(row){ return false; }, isSorted: function(row){ return false; }, getLevel: function(row){ return 0; }, getImageSrc: function(row,col){ return null; }, getRowProperties: function(row,props){}, getCellProperties: function(row,col,props){}, getColumnProperties: function(colid,col,props){} }; >>1 、お前いい加減にしろよ糞厨房。 IEだけで動くスクリプトなんか役にたたねえし、誰でも簡単につくれんのよ。 こういうヤツみたいに自分のページでやって満足してろ。 http://www.lala-la.com/ ~akos/ Tips… プッ >>1 、お前一人で使ってろ。 人前にこんなゴミ晒すな。 つーかそもそも>>1 はマニュアルを丸写ししてるだけ。 最近覚えたんでうれしいんでしょ。動作がどうのこうのなんて知識はゼロなのよ。 俺がちゃんとしたのを貼ってやる <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができる。 IE6で動作。 >>2 IE6で動作と言うことはIE5ではダメなんですか? var treeview = { rowCount: 20,// create a tree with 20 rows in it // these functions must be defined to avoid errors, however they don't need to do anything isContainer: function(row){ return false; }, isSeparator: function(row){ return false; }, isSorted: function(row){ return false; }, getLevel: function(row){ return 0; }, getImageSrc: function(row,col){ return null; }, getRowProperties: function(row,props){}, getCellProperties: function(row,col,props){}, getColumnProperties: function(colid,col,props){}, // get the type of progress bar to use for a cell. For the // percentage column, indicate a normal progress meter, a // constant defined in the nsITreeView interface. For the // first column just return 0, meaning no progress bar. getProgressMode: function(row,col){ if (col == "pct") return Components.interfaces.nsITreeView.progressNormal; else return 0; }, // get the value for the progress bar, which in this case is // just calculated from the row number. The value can be returned // as a number or a string. getCellValue: function(row,col){ if (col == "pct") return (row * 5 + 1); else return null; }, // return text labels for the cells in the first column. getCellText: function(row,col){ if (col == "task") return "Item " + (row + 1); else return ""; }, // assign the tree element to the view setTree: function(treebox){ this.treebox=treebox; } }; うるせー。 なんだよ。みんなおもしろいかなって思ってスレ作ったんじゃんかよ〜。 >>35 酷い。 君は一体ブラウザ何使ってるの? >>38 確かに本に出てるサンプルから抜き出して使ってるよ。 でもそのままじゃないよ。 >>39 動くんじゃない? 確認したのがIE6だっただけ。 ってか違うバージョンのIEを複数入れるってできるの? そしてネスケの古いバージョンあったらもっと頑張るよ。 ttp://www1.e-city.tv/home/hothot/bbs.html >>41 お前にふさわしいレベルのところを教えてやるからもう来るなよ ttp://www.sky.sannet.ne.jp/masapine/java_top.html ttp://www.red.oit-net.jp/tatsuya/java/ ネスケの古いバージョンなんていらん。新しいバージョンで試せ 41 名前:1[sage] 投稿日:03/12/06 17:02 ID:??? うるせー。 なんだよ。みんなおもしろいかなって思ってスレ作ったんじゃんかよ〜。 そういうつもり立てるスレは十中八九成功しないもんだ はい。わかりました。 でも質問。 みんなJavaScriptのテストするのにブラウザのバージョンは最新だけでやってるの? ネスケ7はかなりしようが違うと思うんだけど。 最新のIEとネスケで動けば合格としていい? >>1 どこを落としどころにするかは君次第。 もちろんスクリプトにもよるが、全てのバージョンのどのブラウザでも完璧に動作させるのはおそらく無理だろう。 でも最新版じゃないと動かないというのはちょっと乱暴でないかな。 つーか、JavaScript自体利用価値、存在価値がない。 特に>>2 みたいなの。やる意味がない。 とりあえずまとめると、 JavaScriptを>>2 のような使い方しかできない奴の存在価値がない。 ということでよろしいか? ぶっちゃけて言えば>>1 は存在価値ないってことだな? つまり>>2 みたいなJavaScriptを書く奴はバカですか。 総括すると >>1 は存在価値のないバカ野郎ですか? それはつまり俺がバカってことでよろしいですか? JavaScriptなんてまともに使ってるサイトあるの? 個人サイトでお化粧してるだけの言語だと思ってるんだけど。 >>54 少なくともお前の知る限り、JavaScriptはお遊びだと言うことだ。 とりあえずこのスレでやることはこれだ。 ヽ(`Д´)ノ がマウスの横につきます。 <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 IE6で動作。 <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(event){ var mouse_space = 10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 ネスケで動作。 <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(event){ var mouse_space = 10; document.getElementById("cursor").style.left = event.x + mouse_space; document.getElementById("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 ネスケで動作。 <script type="text/javascript"> var radian = 0; var r = 50; var x = 0; var y = 0; function setPos(a){ if(document.all){ x = event.x; y = event.y; return; } x = a.pageX; y = a.pageY; } function moveChara(){ document.getElementById("cursor").style.left = r * Math.sin(radian) + x; document.getElementById("cursor").style.top = r * Math.cos(radian) + y; radian += Math.PI / 180 * 5; } document.onmousemove = setPos; setInterval("moveChara()",1); </script> body内に以下の記述をしてください。 <div id="cursor" style="position:absolute; visibility:visible;"> <span style="position:relative;left:-50%;top:-50%;">ヽ(`Д´)ノ </span> </div> 変数rで回転半径を設定できます。 IE,Mozilla,Operaで動作確認。 <body>〜</body>に <DIV id="cursor" style="position:absolute; visibility:visible"> ヽ(`Д´)ノ </DIV> の記述をしてください。 変数mouse_spaceの値を変えれば微調整ができます。 ネスケで動作。 >>62 ハナタレに毛が生えてる・・・。>>1 か? IEは結構イケてると思うぞ漏れは。 データバインドに、HTAに、エレメントビヘイビア、 しゃぶり尽くすとやめられないよ。 >54 こういう香具師がflashをダメにしたんだよな 次は上からヽ(`Д´)ノが落ちてくるjavascript作ってください。 ttp://www.onicos.com/staff/iz/amuse/javascript/expert/ こういうのが貼り付けられるスレだと思ったのにとんだ糞スレだな visibility:visible これ書く意味あんの? , -'"´  ̄`丶、_ ,.∩ `ヽ 〃∪'´ ̄`二二人\ ヽ | ツ´ ̄ ̄ ̄ ̄´ ヾ ヽ. ', |ハ ,ニ、 ,. - 、 | | | l | | ハ ィハ ,二ヽ. | | | | | 同じ板にコピペするとそのままだけど、 | | | じ' |トJ〉 /)} l | 違う板にコピペすると鬼のような怖い顔 | ハ 、'_,  ̄,, 厶イ川| に変わる摩訶不思議な佳子様コピペ。 l l /\ .. イV\川 | ,' l l ,イ `l ̄´ / /ヽl l l | l ハ `メ、 〃 ヽヽ、__ノ l ∨ └‐イ「ト--ァ'´ ハヽ__ノ ヽ/ } l」」 / / }`ー 〈_n| 八 / / /ノ 〈二二人 c /\/ / , イ / /厂 /\__>< {_ 誘導されてきました。 レスアンカ(リンク)をポップアップで表示させるにはどうすればいいのでしょうか。 一応、検索して調べてみましたが、出てくるのは ポップアップのテキストが長くて画面からはみ出してても、そのまま隠れてしまって表示しきれていない というものばかりです。 ギコナビ等のように、はみ出していれば表示場所が変わって全部表示できるようなポップアップを作りたいのです。 宜しくお願いします! >>76 >全部表示できるようなポップアップを作りたいのです。 >宜しくお願いします! そうか。がんばって作れよ。 できたらここに報告しろよ。見てやるから。 <SCRIPT LANGUAGE = "JavaScript"> <!-- function decorate_cursor(){ var mouse_space = -10; document.all("cursor").style.left = event.x + mouse_space; document.all("cursor").style.top = event.y + mouse_space; } document.onmousemove = decorate_cursor; //--> </SCRIPT> <body>〜</body>に <pre id="cursor" style="position:absolute; visibility:visible; font-size:12pt;"> ┏━━┓ ┃・∀・┃ <インスパイヤするものを選んでください。 ┗╋━━╋┛ ┛ ┗ </pre> スレ立て抑止中につき「JavaScript質問スレ」の避難スレに使わせて いただきます。よろしこ。 なんだか良くわからないけど リっこうほ〜 ! http://pc8.2ch.net/test/read.cgi/hp/1070611524/l50 JavaScript Tips コレクション で待ってるよ〜. 詳細はそちらで... <body onload="window()"> これで、簡単にIEを落とせます カーソルのまわりグルグルって 実際に置くと結構ウザいな よし、しばらくその状態にしておこう すいません、以前と同じくチェックボックスに関しての質問です。 現在、数十個あるチェックボックスのうち特定のボックスに一度にチェックをつけるボタンを作成し、 チェックをつける、まではうまくいったのですが、 チェックに付随した様々な処理までは実行できませんでした。 やはりこれはreturnを使って地道に処理していかないとならないのでしょうか。 >>85 才能なさそうだな。 チェックをした後に続けて書きゃいいだろ。 そもそも、設計からおかしい希ガス。 >>85 いらっしゃいませ〜 ! あまりにも お客さんが来ないので "ここは だめぽ ?" と思ってました. >数十個あるチェックボックスのうち特定のボックスに >一度にチェックをつけるボタンを作成し、 >チェックをつける、まではうまくいったのですが どのようにやったのですか ? 結構 難しそうな気がするのですが... : 1. '特定のボックス' と そうでないものをどうやって識別するか. 2. "一度にチェックをつける" と なると loop で処理するしかなさそう. ・レスポンスの問題は発生しないのかしら ? >チェックに付随した様々な処理までは実行できませんでした "様々な処理" とは ? >やはりこれはreturnを使って地道に処理していかないとならないのでしょうか それも やり方の一つかもしれません. しかし, 何度も言いますが, 方法は一つではないのです ! 状況によって どんな方法を選ぶかがウデの見せ所です. とりあえず, 僕が感じた疑問に答えてくださいな. >87 一応ここに誘導されたはいいのですが、手取り足取り〜のほうに戻った方がよさ気でしょうかね? とりあえず疑問に答えますと 特定のボックスにチェックをつけるのは、すべてのボックスのnameに"ch+数字"をつけているので 結構簡単でした。 また、二十数個あるうちの連番のボックスに一度にチェックをつける、という処理をしたので これまた結構楽にできました。 チェックに付随した処理とは手取り足取りスレで教えていただいた「文字色変化」と「カウント」の処理です。 ボタンを押すとチェックはつくのですが、文字色変化もしなければカウントもしないのです。 なんだか身バレ覚悟で作品そのものを見せた方が早い気がしてきた…orz 他にもわからないことだらけなので、わからない自分の頭のほうがおかしいのだと最近思うようになりました。 設計がおかしいのは仕様ということでお願いします。 >>88 >一応ここに誘導されたはいいのですが、 >手取り足取り〜のほうに戻った方がよさ気でしょうかね? 微妙な問題だね. 僕は js 関連 3 箇所をチェックしているので どこに書こうと同じですよん. "手取り足取り〜" の方は僕以外にも回答しようとしている人がいるので,ご随意に... それはともかく, [2005/11/29] - [2005/12/03] この日にちの隔たりは なんなのさ ? 自ら放置プレイをしているようなものですぜ ! >"文字色変化" ???: 1. どこにある文字なのか ? 2. style は plain text ? 上記の点が明確になった時点で以前のサンプルを作り変えます. やはり, loop でやるしかなさそうだな... >>88 sample: www17.ocn.ne.jp/~addict/samples/check/checkbox.html 返事がないので想像で作ってみました. おそらく, 依頼者の思っていることとは違うことでしょう. >90 返答が遅れまして申し訳ありません。ちょいと病院にお世話になっておりました。 サンプルまで作っていただき、ありがとうございます。 まさにこんな感じです。本当にありがとうございました。 あけおめ ! 今年も良質の質問をお待ち申し上げておりまする〜 ! 大変だ! //www.google.co.jp/search?hl=ja&q=ECMAScritp&lr= -----< うざい script も使いよう>----- ・ BookMarklets にしてみると うざいどころか... ・ 四の五の言わずに使ってみやがれ ! (くけけけけ) ---< window.resizeTo >--- -<half>- javascript:resizeTo(screen.width/2-13,screen.height-47); --< 9 >-- javascript:resizeTo(screen.width*9/16-13,screen.height-47);void(0) --< A >-- javascript:resizeTo(screen.width*10/16-13,screen.height-47);void(0) --< B >-- javascript:resizeTo(screen.width*11/16-13,screen.height-47);void(0) --< C >-- javascript:resizeTo(screen.width*12/16-13,screen.height-47);void(0) --< D >-- javascript:resizeTo(screen.width*13/16-13,screen.height-47);void(0) --< E >-- javascript:resizeTo(screen.width*14/16-13,screen.height-47);void(0) --< F >-- javascript:resizeTo(screen.width*15/16-13,screen.height-47);void(0) --< Max >-- javascript:resizeTo(screen.width-13,screen.height-47);void(0) ---< window.moveTo >--- --< L >-- javascript:moveTo(0,0);void(0) --< R >-- javascript:moveTo(screen.width-outerWidth-13,0);void(0) すいません。 JavaScriptの質問スレが見つからないので、ここで質問します。 function import(x) { document.write('<script type="text/javascript" src="' + x + '.js"></script>'); } っていうような関数を作ろうと思ったのですが、"import"っていうものが既に定義されているらしくエラーになります。(IE&FF) エラーになるのはしょうがないので諦めますが、この"import"の使い道が気になってしかたがないです。 ネットで検索しても見つからないし、誰か使い方わかりますか? >>97 何がしたいのかを具体的に書いた方が話が早いですよ〜. ("import" と言う言葉では漠然としすぎている) それと document.write() を使った解説サイトは数多いですが, そういう解説サイトは総じてダメポなのだ. なぜって, document.write() は非常に使い勝手が悪いからさ. read.cgi ver 07.5.1 2024/04/28 Walang Kapalit ★ | Donguri System Team 5ちゃんねる