- ベストアンサー
reloadの方法
a-kumaの回答
- a-kuma
- ベストアンサー率50% (1122/2211)
> Timeout関数でreloadができれば更新できるのではと思うのですが、どのオブジェクトなのかもわかりません・・・・。 window のプロパティである location オブジェクトが reload() メソッドを持っています。 ブラウザの reload と同じことをするのでいけるかも。 window.location.reload() ＃ 本当は img だけを reload できるのが良いんでしょうけど、わかりません (^^;
関連するQ&A
- *.jsをHTMLで読み込んでHTMLに書かれたスクリプトを外部スクリプトで処理したいんですが。。
JAVAスクリプトを外部ファイルに下記の様に書き出して外部ファイルをHTMLファイルに読み込んで、 読み込んだHTMLに書かれたスクリプトを外部ファイルで処理したいんですが 上手くいきません。読み込みの方法とか記述方法について教えてもらいたいのですが、よろしくお願いします。 [load.js] var win1; function openwin(){ win1 =window.top.frames[3]; } function loading_mes(message){ if(win1.closed==true){ openwin(); } win1.focus(); win1.document.open("text/html"); win1.document.write("<HTML><BODY bgcolor=\"#000000\" text=\"#ffffff\">"); win1.document.write("<p style='margin-top: -10'>"); win1.document.write("<H3>" + message + "</H3>"); win1.document.write("</p>"); win1.document.write("</BODY></HTML>"); win1.document.close(); } openwin(); loading_mes("load stert"); [ＨＴＭＬでの処理したい事] <BODY onLoad="setTimeout('win1.close()',1000)"></BODY> <script type="text/javascript"> loading_mes("■■■■■■"); </script> <script type="text/javascript"> loading_mes("Loading Done"); </script> です。よろしくお願いします。どん詰まり状態で手も足も出ません（＾＾；
- ベストアンサー
- JavaScript
- リロード
すいません。私JavaScriptはまったくの素人です。 あるページを５分ごとにリロードさせたくて、 <script language="JavaScript"> <!-- function reload_me() { document.location.reload(); setTimeout("reload_me()",300000); } //--> </script> <BODY onLoad="reload_me()"> と書いたところ、ロードしてくると同時に次のロードが始まってしまい、 300000という時間が全くきいてないような感じです。 （間髪を入れず無限にリロードが続いている状態） <body>のonLoadに書いてはいけないのでしょうか？ それとも書き方がよくないのでしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- このスクリプトのどこが間違っているか教えてください
ブラウザウィンドウの背景を10秒ごとに、 1.jpg→2.jpg→3.jpg・・・ というふうに変化させたいとします。 以下のスクリプトを考えたんですが、 「オブジェクトを指定してください。」 とエラーが出ます。 ただ単に背景を表示させるだけならうまくいくのですが、 setTimeoutメソッドを追加して背景を変化させようとすると エラーが出ます。 一体どのようにすればうまくいくのでしょうか? よろしくお願いします<(_ _)> ********************************************* <html> <head> <script> <!-- function FUNC(){ jikan=new Date(); ss=jikan.getSeconds(); if(ss>=0 || ss<10){ document.write("<body background='1.jpg'>"); } if(ss>=10 || ss<20){ document.write("<body background='2.jpg'>"); } if(ss>=20 || ss<30){ document.write("<body background='3.jpg'>"); } if(ss>=30 || ss<40){ document.write("<body background='4.jpg'>"); } if(ss>=40 || ss<50){ document.write("<body background='5.jpg'>"); } if(ss>=50 || ss<60){ document.write("<body background='6.jpg'>"); } setTimeout("FUNC()",1000); } //--> </script> </head> <body onLoad="FUNC()"> </body> </html> *********************************************
- ベストアンサー
- JavaScript
- JavaScript Ajax テキストの更新時間
var reload = ""; var reload = function() { \$.ajax({ url: 'test.cgi', type : 'get', dataType: 'text', success: function(data) { \$('#text').html(data); return false; }, error: function(data) { //alert('読込に失敗しました…'); } }); setTimeout("reload()", 3000); } 現在3秒毎に更新としているのですが、 これを「log/log.txt」 の更新時間で、test.cgiを リロードさせるようにするには、 どうすればいいでしょうか？ できればソースで教えて頂けるとありがたいです。 どうかよろしくお願いいたしますm(_ _)m
- 締切済み
- AJAX
- 画像を順にフェードインフェードアウトで表示
ＨＰのＴｏｐページのw900×h300位のスペースに 順に画像をフェードインフェードアウトしながら表示させ,最後の画像でストップさせたい Flashムービーを作成するのは簡単なのですが、iPadに対応しない為 jQueryなどで表示させたいのですが、javaが全然わからず困っています。 一応下記のように自分で調べてみて見つけた、近いものを作っては見たものの <script language="JavaScript"><!-- myImageCnt = 7; // 画像の数 myImage = new Array( // 画像ファイル名の設定 "img/main/f01.jpg", "img/main/f02.jpg", "img/main/f03.jpg", "img/main/f04.jpg", "img/main/f05.jpg", "img/main/f06.jpg", "img/main/f07.jpg" ); myNowCnt = 0; // 現在表示している画像番号 function myChange(){ // 定期的に画像を更新する関数 if (myNowCnt == myImageCnt-1){ // 最後の画像まで表示したのなら myNowCnt=0; // 最初の画像に戻す }else{ // 最後の画像まで表示していないのなら myNowCnt++; // 次の画像へ } document.myFormImg.src = myImage[myNowCnt]; // 次の画像を表示する setTimeout( "myChange()" , 6000 ); // ２秒周期に画像を更新する } // --></script> <img src="img/main/f01.jpg" width="900" height="300" name="myFormImg"> <script language="JavaScript"><!-- myChange(); // --></script> こんな感じでやってみたもののこれではフェードインフェードアウトにはなりません どこに何を足せばいいのか、または全く違うコードを書けばいいのかどなたかお教えいただけませんでしょうか。 jQueryだと記述はもっと簡単なのでしょうか？
- ベストアンサー
- その他([技術者向] コンピューター)
- アクセス毎に画像を順番に切替表示させるには
いつもお世話になっております。タイトルの件で質問が御座います。 ページにアクセスするごとに、画像を順番に切替たく調べていましたところ、 以下のような質問・解答を見つけました。 http://oshiete1.goo.ne.jp/qa1683979.html http://oshiete1.goo.ne.jp/qa2988372.html 上記を参考にし、Javascriptは画像を表示させるHTMLには記述せず、HTML＋外部jsファイルにて表示させることにしましたが、 Win IE6、IE7、Opera9.5にて画像自体が表示されず困っております。 IEにおいては、画像部分が×印になり、×印のプロパティを見ると『undefined』となっております。 他のブラウザでは問題なく表示され、アクセスごとに画像も切り替わります。 画像切替の為のjsファイルには『top_image.js』と名づけ、以下の記述をしております。 ////////////////////// <!-- var limit = 14;//Cookieの有効期限(14日間) var imgNo = 0; //以下、画像のリスト var imgList = new Array; imgList[0] = 'image/top/img_main_1.jpg'; imgList[1] = 'image/top/img_main_2.jpg'; imgList[2] = 'image/top/img_main_3.jpg'; imgList[3] = 'image/top/img_main_4.jpg'; imgList[4] = 'image/top/img_main_5.jpg'; if(document.cookie.length > 0) imgNo = parseInt(document.cookie.substring(6,99)); document.write('<img src="'+imgList[imgNo]+'" alt="">'); if( ++imgNo >= imgList.length) imgNo = 0; var d=new Date(); d.setTime(d.getTime()+24*limit*60*60*1000); document.cookie='imgNo='+ imgNo +' ; expires='+d.toGMTString(); //--> ////////////////////// また、画像を表示させるHTMLには以下のように記述しました。 ////////////////////// <script src="top_image.js" type="text/javascript"> </script> <noscript><img src="image/top/img_main_1.jpg" width="500" height="500"></noscript> ////////////////////// ブラウザによって結果が違うという事は、 Javascriptに問題があるのかと思うのですが、 原因が分かる方がいらっしゃいましたら何卒ご教授お願い致します。
- ベストアンサー
- JavaScript
- <DIV id=""></DIV>勘でいれたら・・・
はじめまして。JavaScript初めてです。 わからないことがあるので、教えてください。 画面を左右にフレームで分割して、左フレームのリストボックスから要素を選択すると、その要素に該当した表が右フレームに表示される、というものを作成しました。 左フレーム：name = index 右フレーム：name = main こんな感じ(左フレーム)↓ <HTML> <HEAD> <SCRIPT language="JavaScript"> <!-- function disp(obj){ 右フレームの表のHTML作成をしている parent.main.document.open(); parent.main.document.write (desc.innerHtml = 上で作成したHTML); parent.main.document.close(); } --> </SCRIPT> </HEAD> <BODY onload="disp(form)"> ※<DIV id="desc"></DIV> <FORM name="form"> <SELECT name="MListBox" onchange="disp(form)"> <xsl: apply-templates select="～"/> </SELECT> </FORM> ＊<DIV id="desc"></DIV> </BODY> </HTML> ・ ・ <xsl文章> ・ 初めは、※←のところがなく、右と左のフレーム両方に表が出力されてしまっていました。でも※←のところに<DIV id="desc"></DIV>を勘で入れたとたん、右フレームだけに表が出力されるようになりました。（期待の結果） 自分の予想では、＊←のところのみで期待の結果が得られる予定で、（disp()でHTMLの出力を右フレームに指定しているから）何故※のところを追加したことで期待通りの動きをしたのかが謎です。 わかりづらい説明で申し訳ないですが、教えてくださる方がいらっしゃいましたら、どうぞお願いします。
- ベストアンサー
- JavaScript
- アクセス毎に画像を順番に切替表示させる方法について
アクセス毎に画像を順番に切替表示させる方法について お伺いしますm(__)m アップル社ホームページ（http://www.apple.com/jp/）のように、 アクセス毎にメイン画像を順番に切替表示させるようにしたいと考え、 下記を参考に試してみました。 【参考】http://okwave.jp/qa/q4113556.html 実際に動作確認をしたところ、 上記の参考URL内「ANO.3」のお礼に書かれたものと同じように、 IE6（Win）、IE7（Win）、FireFox（Win＆Mac）で確認したとき、 ローカルでは動作確認できるにもかかわらず、 サーバーへアップロードして確認すると動作が確認できない状況となっております。 ※Safari（Win＆Mac）に関しては、サーバー上での動作確認ができました。 HTMLソースと外部jsファイル（top_image.js）の内容は下記の通りです。 【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>読み込みごとに画像を順番に変えるJavascript</title> </head> <body> <script src="top_image.js" type="text/javascript"></script> <noscript><img src="img_1.jpg" /></noscript> </body> </html> 【外部jsファイル（top_image.js）】 var limit = 14;//Cookieの有効期限(14日間) var imgNo = 0; //以下、画像のリスト var imgList = new Array; imgList[0] = "image/top/img_main_1.jpg"; imgList[1] = "image/top/img_main_2.jpg"; imgList[2] = "image/top/img_main_3.jpg"; imgList[3] = "image/top/img_main_4.jpg"; imgList[4] = "image/top/img_main_5.jpg"; //if(document.cookie.length > 0) imgNo = parseInt(document.cookie.substring(6,99)); function getCookie(key) { tmp = document.cookie + ";"; tmp1 = tmp.indexOf(key, 0); if (tmp1 == -1) { return ""; } tmp = tmp.substring(tmp1, tmp.length); start = tmp.indexOf("=", 0) + 1; end = tmp.indexOf(";", start); return (unescape(tmp.substring(start, end))); } var cook1 = getCookie("imgNo"); if (cook1 == "") { imgNo = 0; } else { imgNo = parseInt(cook1); } document.write("<img src=\"" + imgList[imgNo] + "\" alt=\"\">"); if (++imgNo >= imgList.length) { imgNo = 0; } var d = new Date(); d.setTime(d.getTime() + 24 * limit * 60 * 60 * 1000); document.cookie = "imgNo=" + imgNo + " ; expires=" + d.toGMTString(); 以上となります。 原因が分かる方がいらっしゃいましたら何卒ご教授お願い致しますm(__)m！！
- ベストアンサー
- JavaScript
- SafariのIframeで高さが取得できません
<script language="JavaScript"> <!-- function frame_check(){ if(main.document.body){ if(navigator.userAgent.indexOf("Opera") != -1){ // 文字列に「Opera」が含まれている場合 var f = main.document.body.scrollHeight; } else if(navigator.userAgent.indexOf("MSIE") != -1){ // 文字列に「MSIE」が含まれている場合 var f = main.document.body.scrollHeight; } else if(navigator.userAgent.indexOf("Firefox") != -1){ // 文字列に「Firefox」が含まれている場合 var f = main.document.body.offsetHeight; } else if(navigator.userAgent.indexOf("Netscape") != -1){ // 文字列に「Netscape」が含まれている場合 var f = main.document.body.offsetHeight; } else if(navigator.userAgent.indexOf("Safari") != -1){ // 文字列に「Safari」が含まれている場合 var f = main.documentElement.offsetHeight; } if(f) document.getElementById("frame_set").height=f+20; setTimeout("frame_check()",100); }else{ setTimeout("frame_check()",100); } } setTimeout("frame_check()",10); --></script> <iframe name="main" id="frame_set" src="mainf.html" width="800" height="4000" frameborder="0" scrolling="no"></iframe> 上記のスクリプトを作成しましたが、IE7、 Firefoxではうまくいきますが、SafariではIframeに表示するページの高さが取得できません。 どこが問題なのかご教授お願いいたします。
- 締切済み
- JavaScript
- 自動ページ遷移について
VS2005でASP.NETで開発しています。 自動でページ遷移させたいのですが、手法がわからず困っています。 ・初期設定ファイルがありここに TimeOut値 を任意に設定 ・Application_Start で初期設定を読込み ・複数aspxページで TimeOut後 に任意のページに遷移 ということを行いたいのです。 TimeOut値を固定にすれば <body onload="setTimeout('fncHoge()', 5000 ～ というように body タグに埋め込むことで可能なのですが、この場合の「5000」という 値を動的に変更したいと思っています。 どのようにするのが良いのでしょうか？ コーディングで body タグの内容を変更できればとても楽なのですが... javascriptを動的に埋め込むことで、遷移先を任意に変更することはできています。
- ベストアンサー
- Microsoft ASP