リンクを順番にクリックしながら同じ別窓に上書きで表示する方法

このQ&Aのポイント
  • リンクを順番にクリックしながら、同じ別窓に上書き表示する方法について教えてください。
  • クリックしたリンクを30秒ごとに別窓に表示し続ける方法を知りたいです。
  • クリックしたリンクを開いたまま、読み込み完了後に戻ることなく表示し続ける方法を教えてください。
回答を見る
  • ベストアンサー

リンクを順番にクリックしながら同じ別窓に上書きで表示したい

下記のようなリンクURLの羅列サイトを表示したあとに、 リンクを順番にクリックしながら、 同じ別窓(例えばターゲットを指定して)に、 30秒ごとに上書き表示することは可能でしょうか。 <html> <body> <a href="http://okwave.jp/">OKwave</a> <a href="http://yahoo.co.jp/">Yahoo!</a> <a href="http://google.co.jp/">Google</a> </body> </html> クリクリックスというソフトが近かったのですが、 こちらですと開いた後に閉じてしまうので、 読み込み完了後に「戻る」の操作で読むことができません。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • redfox63
  • ベストアンサー率71% (1325/1856)
回答No.2

ごめんなさい m(__)m 少々タイプミスがあったようです <html> <!-- myloadに修正 --> <body onload="myload()"> <input type=hidden id=myData value=0> <a href="http://www.google.co.jp/" target="test">Google</a> <a href="http://yahoo.co.jp/" target="test">Yahoo!</a> <a href="http://goo.ne.jp/" target="test">goo</a> <!-- typeの後ろに『"』が必要でした --> <script type="text/javascript"> <!--   var myID;   function myload()   {     // 30秒なら30000 40秒なら40000とします     myID = setInterval( "mytimer()", 5000 );   }   function mytimer()   {     // タイマーを解除     clearInterval( myID );     // getElementByIdに修正     var n = new Number( document.getElementById("myData").value );     // getElementsByTagNameに修正     var len = document.getElementsByTagName("A").length     document.getElementsByTagName("A")[n].click();     n++;     n %= len;     // getElementByIdに修正     document.getElementById("myData").value = n;     // 次回起動用のタイマーを設定     // mytimerを呼ぶように修正     if ( n != 0 )       myID = setInterval( "mytimer()", 30000 );   } //--> </script> </body> </html> これで大丈夫だと思います

peraman
質問者

お礼

こちらで希望していた動きができました。 ありがとうございました!

その他の回答 (1)

  • redfox63
  • ベストアンサー率71% (1325/1856)
回答No.1

setIntervalを使えば可能なようです 現在何番目のリンクをクリックしたのかを覚えておくhiddenフィールドを作成しておきます <input type=hidden id=myData value=0> Aタグには target="main" といった属性つけておけば同じ別ウィンドウに表示されます bodyタグのonloadイベントsetIntervalを設定してタイマーイベントでAタグのclickメソッドを呼ぶようにします <body onload="myclick()"> <script type=text/javascript"> <!-- var myID;   function myload()   {     // 30秒なら30000 40秒なら40000とします     myID = setInterval( "mytimer()", 30000 );   }   function mytimer()   {     // タイマーを解除     clearInterval( myID );     var n = new Number( document.getByElementById("myData").value );     var len = document.getByElementsByTagName("A").length     document.getByElementsByTagName("A")[n].click();     n++;     n %= len;     document.getByElementById("myData").value = n;     // 次回起動用のタイマーを設定     if ( n != 0 )       myID = setInterval( "myclick()", 30000 );   } //--> </script> といった具合です

peraman
質問者

お礼

お返事ありがとうございます。 すみません、やり方が悪いのかうまく動きませんでした。 それはこんなソースにするということでしょうか。 <html> <body onload="myclick()"> <input type=hidden id=myData value=0> <a href="http://www.google.co.jp/" target="test">Google</a> <a href="http://yahoo.co.jp/" target="test">Yahoo!</a> <a href="http://google.co.jp/" target="test">Google</a> <script type=text/javascript"> <!-- var myID;   function myload()   {     // 30秒なら30000 40秒なら40000とします     myID = setInterval( "mytimer()", 5000 );   }   function mytimer()   {     // タイマーを解除     clearInterval( myID );     var n = new Number( document.getByElementById("myData").value );     var len = document.getByElementsByTagName("A").length     document.getByElementsByTagName("A")[n].click();     n++;     n %= len;     document.getByElementById("myData").value = n;     // 次回起動用のタイマーを設定     if ( n != 0 )       myID = setInterval( "myclick()", 30000 );   } //--> </script> </body> </html> それとも別々のファイルにしてもいいということでしょうか。

関連するQ&A

  • リンクを張り、別窓を表示されるがその大きさを設定したい

    <a href="xxxx.htm" target="_blank"飛ぶ</a> とします。その時、xxxx.htmが別窓として開きますが(ここまではOK)この窓の大きさを小さな窓で表示したいのですがどのようにすればいいでしょうか?(小さくてツールバーなども無い枠だけの表) この別窓は(3行くらいの60文字くらい)小さくして、元の画面を後ろにそのまま表示させて見えるようにしておきたいからです。 また、この別窓に「戻る」をつけて、この別窓だけ消したいのですが どのようにHTMLを書けばいいいでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 別窓リンクの問題点は?

    画像リンクによる別窓表示で下記の一行のみのソースをリンクとして別窓表示しています。この方法でのデメリットはありますでしょうか? -------------------------------------------------------------- <body> <a href="javascript:void window.open('test.html',null,'height=450,width=300,menubar=no,toolbar=no,scrollbars=no');"><img src="test.gif"></a> </body> -------------------------------------------------------------- サイト検索で見かける別窓表示のソース↓ <head> <script language="JavaScript"> function openWindow(i) { window.open("sample" + i + ".html","","width=700, height=600"); } </script> </head> <body> <a href="javascript:openWindow('1')">sample1.html</a><br /> </body> これとの比較したときの問題は?

  • javascriptでのリンク表示

    サンプル図(http://lancerevolution.tuzikaze.com/sampletest.html) main.htmlと言うページとmenu.htmlと言うページがあります。 main.htmlと言うページには、  ⇒<a href="b.html?url=http://yahoo.co.jp" target="_blank">Yahoo Japanへ!</a>  ⇒<a href="b.html?url=http://www.google.co.jp/" target="_blank">Googleへ!</a>  ⇒<a href="b.html?url=http://jp.msn.com/" target="_blank">msnへ!</a> と言う3つのリンクがあります。 この3つリンクの内どのリンクでもいいのでクリックした時に、サンプル図の(3)の部分に、  ⇒<a href="http://yahoo.co.jp" target="new">Yahoo Japanへ!</a>  ⇒<a href="http://www.google.co.jp/" target="new">Googleへ!</a>  ⇒<a href="http://jp.msn.com/" target="new">msnへ!</a> として出力することはできますでしょうか? つまり、main.htmlにあるリンクをクリックした時に、main.htmlの「b.html?url=」を含んでいる、リンク全てを(3)の部分に出力("b.html?url="の部分を削除、targetを"new"にして出力)できますか?ってことです。 もし、できるようならどのようなjavascriptが必要でしょうか?どうぞ、よろしくお願いします。

  • HTMLでフレームから隣のフレームにリンクすると別窓になる

    タイトル通り、どうやっても別窓になってしまうんです;;; 今の状況です↓ <html> <head> <title>MAIN</title> </head> <frameset cols="290,65%" bordercolor="#ffff55" frameborder="1" framespacing="1"> <frame src="menu.html"  name="menu" scrolling="yes"> <frame src="top.html"  name="top" scrolling="yes"> </frameset> </html> ↑これがmain.htmlです <html> <head> <title>MENU</title> </head> <body> <frame src="main.html" name="main"> <a href="top.html" target="top.html">TOP</a> <a href="about.html" target="top.html">ABOUT</a> <a href="gallry.html" target="_blank">GALLRY</a> <a href="memo.html" target="top.html">MEMO</a> <a href="link.html" target="top.html">LINK</a> <a href="index.html" target="_top">ENTER</a> </body> </html> ↑こっちがmenu.htmlです ショートカットは、main.htmlとmenu.html(左側)とtop.html(右側)を用意してあります まだ初心者なのでタグがごちゃごちゃしてて分かりづらいかもしれないですが((汗 どうすればtopの方に表示されるのでしょうか??

  • ほとんど別窓で表示される。

     はじめて「教えて!goo」で質問します。 今自分のホームページを作っています。 ホームページの構成をなるべく簡単に説明します。 まず目次のサイトがあります。そのサイトは リンクを張っています。それをそれぞれ、 a,b,c,……とします。それぞれのリンク先はみんな 最初の目次サイトとメインの2つのフレームからなっています。その目次フレームでリンクをクリックしたら、 メインのフレームに表示されるようにしたいのです。 最初の目次サイトでaのリンク先のサイトに入ったら、 普通に全て指定したフレームに表示できるのに、 b,c,…のリンク先のサイトだと、 別窓になってしまうのです。 target先のフレームにnameを付けて、 そのnameのフレームにtargetで指定してちゃんとやったのにできませんでした。targetで指定したフレーム名は 複数個で全て同じです。aのリンク先のサイトだと 普通に全て指定したフレームに表示できているし、結構いろいろな細かい所を確認したので、 フレーム名が間違っているとも思えないのですが、……。  どのようにしたら指定したフレームで全て表示できるのでしょうか?コンピュータについてあまり知識がないので、難しいことを言われても分かりませんが、回答よろしくお願いします。

  • リンク先がjspファイルなのですが、別窓で開きません。

     こんにちは。ご教示いただきたく、投稿させて頂きます。  ホームページを作っておりまして、リンク先を別窓で開きたいのですが、リンク先がJSPの時だけ、別窓で開くことができません。  色々と調べてみたのですが、原因がわかりません。。。  大変、お手数ではございますが、原因をご存知の方は、ご教示いただけないでしょうか。 例と致しましては、下記のような感じのタグを使っております。 <a href="index.jsp" TARGET="_BLANK">リンクボタン</a> OSは、windows2000で、IEは、6.0を使っております。  大変お手数ではございますが、ご返信お待ちしております。  

  • 一つのリンクに複数のURLを表示した場合の画面

    QNo.6787451について 一つのリンクに複数のURLを指定できますでしょうか?の回答で 下記などいろいろありますが <a href="http://www.google.co.jp/" onclick="window.open('http://www.yahoo.co.jp/')" target="_blank">リンク</a> リンクは 開いても googleだけです。具体的にどのようにリンクを開くと表示されるのですか。表示画面を張り付けて観たいのですが お願いできますか。 よろしくお願いします。

  • リンク先が別ウィンドーで開いてしまう

    初心者です。htmlでHPを作成しています。 開いているウィンドウにリンク先を表示したいのですが、<a href="access.html"target="blank">とすると3っに分割したフレームの1つにしかリンク先が開きません。 <a href="access.html">や <a href="access.html"target="top">とすると別の ウインドーが開いてしまいます。 現在開いているウインドーにリンク先を開く方法を 教えてください。

  • リンクにマウスポインタが触れると、別フレームにリンク先が表示するには?

    リンクにマウスポインタが触れると、別フレームにリンク先が表示するにはどうすればイイのでしょうか? クリックするのではなく、マウスポインタが触れるだけでそうなるようにしたいのですが、誰か教えていただけませんでしょうか? 私は今HTMLのタグ打ちでHPを作成しています。 ◆◆◆menu.html◆◆◆ <body> <a href="javascript:void(0)" onmousedown="func(this, '​http://www.yahoo.co.jp',​ 'hidari')" onmouseover="func(this, '​http://www.google.co.jp'',​ 'ue')" onmouseout="func(this, '​http://jp.msn.com/'',​ 'ue')"><img src="gazou.bmp" border="0" ALIGN="middle"></a> <script language="JavaScript" type="text/javascript"> function func(obj, url, target) { obj.href = url; obj.target = target; obj.click(); } </body> 画像を押下した時に「hidari」フレームにヤフーを表示。 マウスが画像に触れた時に「ue」フレームにグーグルを表示。 マウスが離れた時に「ue」フレームにMSNを表示。 こうしたいのですが、画面は切り替わるのですが、表示したいURLが表示されません。 何か足らない部分があるようなのですが、教えていただけませんでしょうか? ※ 当方かなり初心者のため、面倒臭がりでタグを省略したり、省き省き教えるような方は、その都度質問しなきゃいけなくなり、必要以上にご迷惑をおかけしてしまい、手間がかかってしまうため遠慮いたします。

  • HPビルダーでの別窓表示・・・

    Windows MeでHPビルダー7を使ってます。 フレームページからさらに、別窓でフレームページを作りたいのですが、新窓は出ても上手く繋がってくれなくて、「画像が表示できません」になってしまいます。 どうすれば、上手く表示されるようになりますか? 今現在のタグは、 <a href="○○.html" target="_blank" style="text-decoration:none">○○○</A> こうなってます。

専門家に質問してみよう