+ JavaScript の質問用スレッド vol.82 +
952 ：Name_Not_Found：2011/01/16(日) 20:00:30 ID:0Aw6tvjD
例②
--------------------------------------------------
function test1() {
var e = document.getElementById('id');
e.style.marginTop = setInterval(test2, 100);
}
function test2() {
var q = q + 1;
return q + "px";
}
--------------------------------------------------
例③
--------------------------------------------------
function test1() {
var e = document.getElementById('id');
setInterval(function() {
e.style.marginTop = test2();
});
}
function test2() {
var q = q + 1;
return q + "px";
}
--------------------------------------------------
分かる方がいたらお願いします。
--------------------------------------------------
function test1() {
var e = document.getElementById('id');
e.style.marginTop = setInterval(test2, 100);
}
function test2() {
var q = q + 1;
return q + "px";
}
--------------------------------------------------
例③
--------------------------------------------------
function test1() {
var e = document.getElementById('id');
setInterval(function() {
e.style.marginTop = test2();
});
}
function test2() {
var q = q + 1;
return q + "px";
}
--------------------------------------------------
分かる方がいたらお願いします。
953 ：Name_Not_Found：2011/01/16(日) 20:05:00 ID:???
alert(q)してみなよ
954 ：Name_Not_Found：2011/01/16(日) 20:08:36 ID:???
HTML5策定でAPIがかなり充実するからFAQ大幅書き換えしないと駄目だろうな
ajaxなファイルアップロードなんかも簡単に実装できるようになるし。
function fileUpload () {
var files = document.getElementById("file").files; // Blobの配列
var req = new XMLHttpRequest();
var data = new FormData();
for (var i = 0; i < files.length; i++) {
data.append("file[]", list[i]);
}
req.open("POST", "index.php", false);
req.send(data);
}
ajaxなファイルアップロードなんかも簡単に実装できるようになるし。
function fileUpload () {
var files = document.getElementById("file").files; // Blobの配列
var req = new XMLHttpRequest();
var data = new FormData();
for (var i = 0; i < files.length; i++) {
data.append("file[]", list[i]);
}
req.open("POST", "index.php", false);
req.send(data);
}
955 ：Name_Not_Found：2011/01/16(日) 20:17:27 ID:0Aw6tvjD
>>953
あ、すいません(><)初歩的なミスでした。
--------------------------------------------------
function test1() {
var e = document.getElementById('id');
var q = 0;
setInterval(function() {
e.style.marginTop = test2(q);
});
}
function test2(q) {
var q = q + 1;
return q + "px";
}
--------------------------------------------------
これでいけました。
あ、すいません(><)初歩的なミスでした。
--------------------------------------------------
function test1() {
var e = document.getElementById('id');
var q = 0;
setInterval(function() {
e.style.marginTop = test2(q);
});
}
function test2(q) {
var q = q + 1;
return q + "px";
}
--------------------------------------------------
これでいけました。
956 ：Name_Not_Found：2011/01/16(日) 21:16:32 ID:???
それじゃまあ、もう956だから今回は無理で、大幅改訂するのなら
次スレで早めに具体案を出してほしい。ということで、次スレは
本スレとおなじままで975超えたら。
次スレで早めに具体案を出してほしい。ということで、次スレは
本スレとおなじままで975超えたら。
957 ：Name_Not_Found：2011/01/16(日) 21:19:10 ID:???
>>912からの流れは無視なの？
958 ：Name_Not_Found：2011/01/16(日) 21:24:32 ID:???
合意ができた気がしないんですけど、>>912 からの流れだと「何をどう
直す」という合意ができたと思いますか？それを出してください。それに
反対がなければ変更したらいいんじゃないだろうか。具体的にFAQの何番を
どのように変更すると？
直す」という合意ができたと思いますか？それを出してください。それに
反対がなければ変更したらいいんじゃないだろうか。具体的にFAQの何番を
どのように変更すると？
959 ：Name_Not_Found：2011/01/16(日) 21:29:11 ID:???
そもそも900からテンプレ議論開始して
950で打ち切りで次スレ持ち越しとか
質問スレ内で間にレスをはさむのに50レスでどうにかしようってのが間違い
こんなことばかり毎回続けてるから変わりようがないんだよ
950で打ち切りで次スレ持ち越しとか
質問スレ内で間にレスをはさむのに50レスでどうにかしようってのが間違い
こんなことばかり毎回続けてるから変わりようがないんだよ
960 ：Name_Not_Found：2011/01/16(日) 21:44:49 ID:???
それは同感なんだけど、いつもじゃあ次スレになったらさっさと
やろうねと言って、実際に次スレになったらいまいちテンプレ
論議が盛り上がらない、ということを繰り返してるから。
次は800でテンプレ論議してみるとかどうでしょうか？
やろうねと言って、実際に次スレになったらいまいちテンプレ
論議が盛り上がらない、ということを繰り返してるから。
次は800でテンプレ論議してみるとかどうでしょうか？
961 ：Name_Not_Found：2011/01/16(日) 22:56:20 ID:???
いや今度こそ最初にやればいいだろ。
950あたりでその辺りにレスアンカー張ってもらえればみんな思い出すし。
950あたりでその辺りにレスアンカー張ってもらえればみんな思い出すし。
962 ：1（ホントに1です）：2011/01/17(月) 04:19:34 ID:5DKJvtc5
と思って書いたのが>>8ですしおすし。
>>926
やりたいことはそれなんですが、ちまちま弄っているんですが、全然できません
htmlファイルにjavascriptをまとめてしまうとうまく行くのですが、分離するとうまくいきません
upするのでどこがおかしいかヒントもらえないでしょうか？
http://www1.axfc.net/uploader/Sc/so/195127
pass:q（半角小文字のQ)
御手数おかけしますが、よろしくお願いします
やりたいことはそれなんですが、ちまちま弄っているんですが、全然できません
htmlファイルにjavascriptをまとめてしまうとうまく行くのですが、分離するとうまくいきません
upするのでどこがおかしいかヒントもらえないでしょうか？
http://www1.axfc.net/uploader/Sc/so/195127
pass:q（半角小文字のQ)
御手数おかけしますが、よろしくお願いします
964 ：Name_Not_Found：2011/01/17(月) 06:32:44 ID:5DKJvtc5
>>963
>htmlファイルにjavascriptをまとめてしまうとうまく行くのですが、分離するとうまくいきません
ファイル見てないけど、getElementById( ID )っていうのは
「DOMツリーからid属性値がIDの要素を取ってこい」っていうメソッド
つまり、少なくとも目的とする要素がDOMツリーにぶら下がるまでは、実行しても意味がない
なので、分離したときに適切なタイミングで実行できてないのが原因だと思う
んで、一般的に「DOMツリー完成したよイベント」に、実行したい関数をアタッチするのが
主流なんだけれども、旧IEとかで書き方が違うから、あえてレガシーな書き方をすると
body.onload = function(){
for(var i=0 ; i<10 ; i++){
document.getElementById("menu" + i).onclick = function(){ hoge(i); };
}
}
って外部ファイルに書いて<script>要素で読みこめばいいんじゃないかな
HTMLとDOMとJSについて考えながら、調べたり書いたりするといいかも
>htmlファイルにjavascriptをまとめてしまうとうまく行くのですが、分離するとうまくいきません
ファイル見てないけど、getElementById( ID )っていうのは
「DOMツリーからid属性値がIDの要素を取ってこい」っていうメソッド
つまり、少なくとも目的とする要素がDOMツリーにぶら下がるまでは、実行しても意味がない
なので、分離したときに適切なタイミングで実行できてないのが原因だと思う
んで、一般的に「DOMツリー完成したよイベント」に、実行したい関数をアタッチするのが
主流なんだけれども、旧IEとかで書き方が違うから、あえてレガシーな書き方をすると
body.onload = function(){
for(var i=0 ; i<10 ; i++){
document.getElementById("menu" + i).onclick = function(){ hoge(i); };
}
}
って外部ファイルに書いて<script>要素で読みこめばいいんじゃないかな
HTMLとDOMとJSについて考えながら、調べたり書いたりするといいかも
965 ：Name_Not_Found：2011/01/17(月) 06:34:14 ID:5DKJvtc5
主流は言い過ぎでした
俺はよくやる、とでも置き換えてくださいまし
すまんこ
俺はよくやる、とでも置き換えてくださいまし
すまんこ
966 ：Name_Not_Found：2011/01/17(月) 06:34:52 ID:5DKJvtc5
あああ。
body.onloadもwindow.onloadですな
body.onloadもwindow.onloadですな
967 ：Name_Not_Found：2011/01/17(月) 06:56:50 ID:???
>>964
最初の質問と同じミスしてるよ
最初の質問と同じミスしてるよ
968 ：922：2011/01/17(月) 08:01:50 ID:Cu9XeuHV
tab.view()の引数見てると変な数値が渡されていました・・・
しかもすべてのタブが同じ引数を渡しているみたいです・・・
しかし、なぜこの数値が渡されているのか理解できません
init関数のfor文の変数iの現在の値が渡されています
しかもすべてのタブが同じ引数を渡しているみたいです・・・
しかし、なぜこの数値が渡されているのか理解できません
init関数のfor文の変数iの現在の値が渡されています
970 ：Name_Not_Found：2011/01/17(月) 08:28:14 ID:???
971 ：Name_Not_Found：2011/01/17(月) 08:31:58 ID:oKVu1L+F
>>967
ああああああああ！！
for(var i=0 ; i<10 ; i++)(function(n){
document.getElementById(n).onclick = function(){ hoge(n); };
})(i);
書き方はともかく、スコープつくってその中に封じ込める感じで
ほんとすんません…
ああああああああ！！
for(var i=0 ; i<10 ; i++)(function(n){
document.getElementById(n).onclick = function(){ hoge(n); };
})(i);
書き方はともかく、スコープつくってその中に封じ込める感じで
ほんとすんません…
972 ：922：2011/01/17(月) 08:52:19 ID:Cu9XeuHV
973 ：1：2011/01/17(月) 18:36:50 ID:uRyN2JFp
テンプレ議論スレ、別途たてますかね？
さして迷惑にもならんと思うんですが
さして迷惑にもならんと思うんですが
974 ：Name_Not_Found：2011/01/17(月) 18:48:57 ID:???
質問です。Win7のIE8において、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
と宣言して、
<body id="MA_body" onload="EventA();" onScroll="EventA();">
と書くと、ロード時には動きますが、スクロール時に動きません。
色々検索してみましたが、サッパリです。解決方法がありましたら教えて下さい。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
と宣言して、
<body id="MA_body" onload="EventA();" onScroll="EventA();">
と書くと、ロード時には動きますが、スクロール時に動きません。
色々検索してみましたが、サッパリです。解決方法がありましたら教えて下さい。
975 ：Name_Not_Found：2011/01/17(月) 18:53:25 ID:x25E+EsE
本に書いてあることをほとんどそのまま実行しているんですが出来ません。
function getText(){
cacheTime=(new Date()).getTime();
httpObj=new XMLHttpRequest();
httpObj.open("get", "http://***/getNewText.php?time="+cacheTime, true);
httpObj.send(null);
newText=httpObj.responseText;
alert(newText);
}
alertを使って確認してみたら関数はちゃんと呼び出されていました。
リクエスト先のURLにブラウザでアクセスしたらちゃんと文字データが帰ってきました
しかし、上のスクリプトではalertは表示されますが中に何も書いてありません
正しくテキストデータが取得出来ていないようです。
どこが間違っているか教えてください。
function getText(){
cacheTime=(new Date()).getTime();
httpObj=new XMLHttpRequest();
httpObj.open("get", "http://***/getNewText.php?time="+cacheTime, true);
httpObj.send(null);
newText=httpObj.responseText;
alert(newText);
}
alertを使って確認してみたら関数はちゃんと呼び出されていました。
リクエスト先のURLにブラウザでアクセスしたらちゃんと文字データが帰ってきました
しかし、上のスクリプトではalertは表示されますが中に何も書いてありません
正しくテキストデータが取得出来ていないようです。
どこが間違っているか教えてください。
976 ：Name_Not_Found：2011/01/17(月) 19:18:28 ID:???
>>941
できた。
ただ・・・
ググれば解るだろとタカを括っていたけど、ほとんど掛からなかった。
日本人でこれを理解できてる人は、きっと28人ぐらいしかいない特殊な手法
なんだろう、と勝手解釈することにした。
できた。
ただ・・・
ググれば解るだろとタカを括っていたけど、ほとんど掛からなかった。
日本人でこれを理解できてる人は、きっと28人ぐらいしかいない特殊な手法
なんだろう、と勝手解釈することにした。
977 ：Name_Not_Found：2011/01/17(月) 19:26:39 ID:uRyN2JFp
>>974
スクロールするのってbodyでいいんだっけか？windowな気が
>>975
非同期なんよ。
だからsendメソッド叩いても、返答があるまで待ったりしない。
xhrにreadystateってプロパティがあって、通信状況によって値が変わる。
で、変わるたびにreadystatechangeイベントが発生するから
それを使ってレスポンスを受け取ります。
つか、そんなふうに本に書いてあった？
スクロールするのってbodyでいいんだっけか？windowな気が
>>975
非同期なんよ。
だからsendメソッド叩いても、返答があるまで待ったりしない。
xhrにreadystateってプロパティがあって、通信状況によって値が変わる。
で、変わるたびにreadystatechangeイベントが発生するから
それを使ってレスポンスを受け取ります。
つか、そんなふうに本に書いてあった？
978 ：Name_Not_Found：2011/01/17(月) 19:35:15 ID:x25E+EsE
979 ：Name_Not_Found：2011/01/17(月) 19:35:22 ID:???
function getText(){
cacheTime=(new Date()).getTime();
httpObj=new XMLHttpRequest();
httpObj.open("get", "http://www.yahoo.co.jp/", true);
httpObj.send(null);
httpObj.onreadystatechange = func;
function func(){
if( (httpObj.readyState == 4) && (httpObj.status == 200) ){
newText=httpObj.responseText;
alert(newText);
}
}
}
>>977がおっしゃったようにこんなかんじ
200以外が返ってきたときのことも考えておけ
cacheTime=(new Date()).getTime();
httpObj=new XMLHttpRequest();
httpObj.open("get", "http://www.yahoo.co.jp/", true);
httpObj.send(null);
httpObj.onreadystatechange = func;
function func(){
if( (httpObj.readyState == 4) && (httpObj.status == 200) ){
newText=httpObj.responseText;
alert(newText);
}
}
}
>>977がおっしゃったようにこんなかんじ
200以外が返ってきたときのことも考えておけ
980 ：Name_Not_Found：2011/01/17(月) 20:46:47 ID:uRyN2JFp
>>979
補足なんだけど、ロードする対象をキャッシュしてしまうと
糞ブラウザでreadystateが4のまま変化しないことがある
ので
if(xhr.readyState == 4 && !!xhr.responseText) //やりたい事;
else onreadystatechange = function(){
if(xhr.readyState == 4 && !!xhr.responseText) //やりたい事
}
みたいな周りくどいことしてます、自分は。
補足なんだけど、ロードする対象をキャッシュしてしまうと
糞ブラウザでreadystateが4のまま変化しないことがある
ので
if(xhr.readyState == 4 && !!xhr.responseText) //やりたい事;
else onreadystatechange = function(){
if(xhr.readyState == 4 && !!xhr.responseText) //やりたい事
}
みたいな周りくどいことしてます、自分は。
981 ：Name_Not_Found：2011/01/17(月) 20:48:58 ID:uRyN2JFp
980過ぎちゃった
とりあえずテンプレはママで次スレたててきます
テンプレ議論スレ建てるかどうか決めましょう
とりあえずテンプレはママで次スレたててきます
テンプレ議論スレ建てるかどうか決めましょう
982 ：Name_Not_Found：2011/01/17(月) 20:58:00 ID:uRyN2JFp
983 ：Name_Not_Found：2011/01/17(月) 23:05:48 ID:???
>>981-982 おつかれ様でした、ありがとうございます(今日は全然アクセス
できませんでした)
できませんでした)
984 ：Name_Not_Found：2011/01/17(月) 23:23:07 ID:???
>>975
考え方
考え方
>>977
chrome、Firefoxはbodyでonscrollイベントが発生します。
IE用にbody.onscrollで書くと、「document.getElementById(...)はNULLまたはオブジェクトではありません。」と言われます。
それでものすごく困っています…。どうにかIE上でbodyから呼び出す方法はありませんか？
chrome、Firefoxはbodyでonscrollイベントが発生します。
IE用にbody.onscrollで書くと、「document.getElementById(...)はNULLまたはオブジェクトではありません。」と言われます。
それでものすごく困っています…。どうにかIE上でbodyから呼び出す方法はありませんか？
986 ：Name_Not_Found：2011/01/18(火) 02:53:12 ID:???
onscrollは発生しているってことかな？
他に原因ありそうだから、もう少しコードが見たい
他に原因ありそうだから、もう少しコードが見たい
987 ：Name_Not_Found：2011/01/18(火) 09:06:34 ID:???
988 ：Name_Not_Found：2011/01/18(火) 10:56:50 ID:???
>>985
間違っている部分を修正する事です。
間違っている部分を修正する事です。
989 ：Name_Not_Found：2011/01/18(火) 15:56:42 ID:???
990 ：Name_Not_Found：2011/01/19(水) 00:32:43 ID:HfWvC9SN
"ppppp"というようにｐを５個作る
一番簡単な方法を教えてください。
一番簡単な方法を教えてください。
991 ：Name_Not_Found：2011/01/19(水) 00:37:52 ID:???
993 ：Name_Not_Found：2011/01/19(水) 01:58:37 ID:???
994 ：Name_Not_Found：2011/01/19(水) 02:22:29 ID:???
Array.joinは配列の要素を文字列により連結する
[1,2,3].join('-'); // "1-2-3"
[1,2,3].join('-'); // "1-2-3"
995 ：Name_Not_Found：2011/01/19(水) 02:27:40 ID:???
996 ：Name_Not_Found：2011/01/19(水) 08:55:14 ID:???
997 ：Name_Not_Found：2011/01/19(水) 16:47:24 ID:6/sbTjZN
埋めますわよ
998 ：Name_Not_Found：2011/01/19(水) 20:09:21 ID:???
>>991
効率は良くないような気はするが、短く書けるな。
効率は良くないような気はするが、短く書けるな。
999 ：Name_Not_Found：2011/01/19(水) 20:29:26 ID:???
999
1000 ：Name_Not_Found：2011/01/19(水) 20:30:37 ID:???
1001 ：１００１：
このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。
もう書けないので、新しいスレッドを立ててくださいです。。。