私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレJavaScript Tips コレクション
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
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の値を変えれば微調整ができます。
ＩＥ６で動作。
<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の値を変えれば微調整ができます。
ＩＥ６で動作。
うるせー。
文句あんなら立派なもん張りやがれ！！
文句あんなら立派なもん張りやがれ！！
盛り上げるために貼ってやるか。
<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の値を変えれば微調整ができます。
ＩＥ６で動作。
<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の値を変えれば微調整ができます。
ＩＥ６で動作。
兄弟スレッドが出来ました！
http://pc2.2ch.net/test/read.cgi/hp/1070625061/
http://pc2.2ch.net/test/read.cgi/hp/1070625061/
ではこんなのを
<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の値を変えれば微調整ができます。
ＩＥ６で動作。
<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の値を変えれば微調整ができます。
ＩＥ６で動作。
───────────────────────────－──────―
────────‐───────────－────────────―─‐
─‐────────────‐────────‐∧＿∧ ───‐──―──‐
─────‐∧ ∧,～ ────────────‐（； ´Д｀） ────―─‐──‐
──－──‐( （⌒￣ `ヽ───＿ ───────‐ / /─―/ヽ────―─‐
──―───‐＼ ＼ `ー'"´, -'⌒ヽ──────‐| | 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の値を変えれば微調整ができます。
ＩＥ６で動作。
<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の値を変えれば微調整ができます。
ＩＥ６で動作。
それまじ？>>14
作ってみました
<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の値を変えれば微調整ができます。
ＩＥ6で動作。
<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の値を変えれば微調整ができます。
ＩＥ6で動作。
ちょっと手を加えてみました。
<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の値を変えれば微調整ができます。
ＩＥ6で動作。
<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の値を変えれば微調整ができます。
ＩＥ6で動作。
おまえら結構乗り気じゃん
>>1の思惑は見事にハズれた。
乙>>1
画像の上でヽ（`Д´）ﾉがポップアップします
<img src="～" alt="ヽ（`Д´）ﾉ">
あたらしいネットエスケープではなぜか使えません。
ネトスケ逝ってよしです。
<img src="～" alt="ヽ（`Д´）ﾉ">
あたらしいネットエスケープではなぜか使えません。
ネトスケ逝ってよしです。
>>26
君はもっと勉強すべき
title="ヽ（`Д´）ﾉ"が適切かどうかは別にして。
<img src="～" alt="代替テキスト" title="ヽ（`Д´）ﾉ" width="～" height="～" />
君はもっと勉強すべき
title="ヽ（`Д´）ﾉ"が適切かどうかは別にして。
<img src="～" alt="代替テキスト" title="ヽ（`Д´）ﾉ" width="～" height="～" />
ネスケ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);
}
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){}
};
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){}
};
>>30-33
ﾂｶｴﾈ
ﾂｶｴﾈ
>>1、お前いい加減にしろよ糞厨房。
IEだけで動くスクリプトなんか役にたたねえし、誰でも簡単につくれんのよ。
こういうﾔﾂみたいに自分のページでやって満足してろ。
http://www.lala-la.com/~akos/
IEだけで動くスクリプトなんか役にたたねえし、誰でも簡単につくれんのよ。
こういうﾔﾂみたいに自分のページでやって満足してろ。
http://www.lala-la.com/~akos/
つーかそもそも>>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の値を変えれば微調整ができる。
ＩＥ６で動作。
最近覚えたんでうれしいんでしょ。動作がどうのこうのなんて知識はゼロなのよ。
俺がちゃんとしたのを貼ってやる
<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の値を変えれば微調整ができる。
ＩＥ６で動作。
>>2
IE6で動作と言うことはIE5ではダメなんですか？
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; }
};
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を複数入れるってできるの？
そしてネスケの古いバージョンあったらもっと頑張るよ。
http://www1.e-city.tv/home/hothot/bbs.html
なんだよ。みんなおもしろいかなって思ってスレ作ったんじゃんかよ～。
>>35
酷い。
君は一体ブラウザ何使ってるの？
>>38
確かに本に出てるサンプルから抜き出して使ってるよ。
でもそのままじゃないよ。
>>39
動くんじゃない？
確認したのがIE6だっただけ。
ってか違うバージョンのIEを複数入れるってできるの？
そしてネスケの古いバージョンあったらもっと頑張るよ。
http://www1.e-city.tv/home/hothot/bbs.html
>>41
お前にふさわしいレベルのところを教えてやるからもう来るなよ
http://www.sky.sannet.ne.jp/masapine/java_top.html
http://www.red.oit-net.jp/tatsuya/java/
お前にふさわしいレベルのところを教えてやるからもう来るなよ
http://www.sky.sannet.ne.jp/masapine/java_top.html
http://www.red.oit-net.jp/tatsuya/java/
41 名前：1[sage] 投稿日：03/12/06 17:02 ID:???
うるせー。
なんだよ。みんなおもしろいかなって思ってスレ作ったんじゃんかよ～。
そういうつもり立てるスレは十中八九成功しないもんだ
うるせー。
なんだよ。みんなおもしろいかなって思ってスレ作ったんじゃんかよ～。
そういうつもり立てるスレは十中八九成功しないもんだ
はい。わかりました。
でも質問。
みんなJavaScriptのテストするのにブラウザのバージョンは最新だけでやってるの？
ネスケ7はかなりしようが違うと思うんだけど。
最新のIEとネスケで動けば合格としていい？
でも質問。
みんなJavaScriptのテストするのにブラウザのバージョンは最新だけでやってるの？
ネスケ7はかなりしようが違うと思うんだけど。
最新のIEとネスケで動けば合格としていい？
>>1
どこを落としどころにするかは君次第。
もちろんスクリプトにもよるが、全てのバージョンのどのブラウザでも完璧に動作させるのはおそらく無理だろう。
でも最新版じゃないと動かないというのはちょっと乱暴でないかな。
どこを落としどころにするかは君次第。
もちろんスクリプトにもよるが、全てのバージョンのどのブラウザでも完璧に動作させるのはおそらく無理だろう。
でも最新版じゃないと動かないというのはちょっと乱暴でないかな。
つーか、JavaScript自体利用価値、存在価値がない。
特に>>2みたいなの。やる意味がない。
特に>>2みたいなの。やる意味がない。
ぶっちゃけて言えば>>1は存在価値ないってことだな？
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- JavaScript コメントの謎 (122) - [52%] - 2017/12/31 9:32 ○
- JavaScript使ってるサイトは糞 (117) - [52%] - 2018/5/2 18:30
- JavaScriptを教えてもらう (982) - [47%] - 2008/10/10 17:04 ○
- + JavaScript のお題用スレッド + (85) - [42%] - 2019/5/22 18:15
- [JavaScript]プログラム作成します (981) - [36%] - 2010/12/8 21:02
トップメニューへ / →のくす牧場書庫について