jumpを利用した時の戻るボタン

前へ 次へ
このQ&Aのポイント
  • JavaScriptの関数jumpを利用してフレームを切り替える方法について質問があります。
  • 現在の設定ではブラウザの戻るボタンを押すと1つのフレームしか戻らないため、戻るボタンを1回押すだけで元の表示に戻る方法を知りたいです。
  • また、2ページ戻るボタンを作成して、一度クリックするだけで2ページ戻るようにする方法も教えてください。
回答を見る
  • ベストアンサー

function jumpを利用した時の戻るボタン

htmlでフレームを上下分割し、上フレームをさらに左右分割して左上フレームをframe1、右上フレームをframe2、下フレームををframe3として <script type="text/javascript"> <!-- to hide script contents from old browsers function jump(a1, a2) { window.open(a1,"frame1"); window.open(a2,"frame3"); } // end hiding contents from old browsers --> </script> と言うjavascriptを書いて、 <a href="javascript:jump('a.html', 'b.html')">リンク</a> のように呼び出し、二つのフレームを一つのリンクで変えられるようにしたのですが、これを使うとブラウザの戻るボタンを利用すると１つのフレームしか戻らず、２回戻るボタンを使わないと元の表示に戻れません。 戻るボタンを１回押すだけで戻るようにするか、ページに戻るボタンを作り、一度クリックすると２ページ戻ると言うようにしたいのですが、どうすればできますか？ 教えてください。

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

  • ベストアンサー
回答No.1

JavaScriptで「戻る」リンクの一般例を挙げます。 -- <a href="javascript:history.back(-1)">戻る</a> -- これの-1を-2にすれば用が足りそうですが如何でしょう。 それはさておき、タイトルで「function jump」云々と書かれても、あなた以外にそれが何物か 判らないのでもう少し判りやすいタイトルをお願いしたいところです。

migrant
質問者

お礼

回答ありがとうございました。 このjavascriptで確かに二つ戻れたのですが、間を通して戻るのではなく、間をとばして戻るので、通常の戻るを二回押すのとは違うようで、うまくフレームが作動しませんでした。 なので、トップページへのリンクを張るようにしました。 タイトルについては今後注意したいと思います。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 複数フレームで「戻る」ボタンを押すと、1フレームしか戻らない

    お忙しいところ申し訳ありませんが、教えてください。 「複数フレームを同時に書き替える」まではわかったのですが、「戻る」ボタンを押すと、1フレームしかページがもどりません。3フレームに分けているのですが、3フレームが同時に「戻る」ことはjavascriptでできるのでしょうか？ちなみにスクリプトは function viewWin(p1,p2,p3){window.open(p1,"frame1");window.open(p2,"frame2");window.open(p3,"frame3");} です。 基本的な質問だと思うのですが、わからなくて困ってます。どなたか教えてください。よろしくお願いします。

  • FLASHからのリンクの設定

    いつもここには大変お世話になってます。 少しややこしいんですが、質問なんです。 ここのカテゴリーでいいのかわかりませんが・・・ HPでトップページ(index.html)はフレームをきらずにフラッシュをベタ貼りしてます。 そこからフラッシュのボタンでframeフォルダのtest.htmlにリンクを飛ばします. test.htmlはフレームを上下の3つにわって上から head.html body.html foot.htmlに設定しています。 この時にフラッシュのボタンを押したらbody.htmlが任意の画面に変わるようにしたいのですが、思うような結果ができません。 スクリプトは index.htmlに function link(p1){ window.open("frame/test.html"); window.open(p1,"mainFrame"); window.open("frame/head.html","topFrame"); window.open("frame/foot.html","bottomFrame"); } フラッシュのボタンに on(release){ getURL("JavaScript:void(link(\"frame/a.html\"))"); } としています。 フラッシュの項目は全部で5コあり、それぞれにa.html～e.htmlとボディーを変えたいんです。 このスクリプトですと一応はできるのですが、新しい画面が開いてしまいます。 元のindex.htmlが変わるようにしたいのですが、どうしたらいいのでしょうか？ わかりにくいと思いますがよろしくお願いします。

  • フレームからサイズ指定したポップアップを開く

    教えてください。 上下二段にフレームをきったページを作っています。 上がメニューで下がメインコンテンツです。 下に配置したボタン画像をクリックすると、サイズ指定したポップアップが開くということをしたいのです。 <SCRIPT language="JavaScript"> <!-- function openmenu02() { str=" window02.html"; menuWin = window.open(str,'menu2','width=350,height=350'); window.open(str,'menu2','width=350,height=350'); menuWin.opener = self; } //--> </SCRIPT> <A HREF="javascript:openmenu02()" TARGET="_top">画像のボタン</a> これだとマックのIEでしか反応しませんでした。 どこが間違っているのでしょうか？

  • JAVAにて新しい画面を表示される方法

    教えてください。 "(1).htm"内に、リンク先"(2).htm"を入れます <a href="javascript:jump_0('(2).htm');">として "(1).htm"を残したまま"(2).htm"が表示されます。 "(2).htm"内に、リンク先"(3).htm"を入れます。 <a href="(3).htm">とした時、 "(1).htm"の画面→残しておきます "(2).htm"の画面→<a href="(3).htm">のクリック時、画面は閉じる "(3).htm"の画面→表示される にしたいのですが...... 困ってます！教えてください。 ちなみに、(1).htmには <script language="javascript"> <!-- function jump_0(my_url) {window.open(my_url,"","width=500,height=400,scrollbars=1");} // --> </script> となっております。 宜しくお願いいたします。

  • java scriptでhttp://A....のサイトにボタンを押さ

    java scriptでhttp://A....のサイトにボタンを押さずに10秒後に飛びたいのですが、 ボタンを押さずに飛べるのでしょうか？ <script language="JavaScript"><!-- function jump() { location.href = "http://A...."; } // --></script> </head> <body onLoad="setTimeout('jump()',10000)"> を使うと[別サイトにジャンプします はい いいえ]とテロップが出てきてしまい、はい を選択しなければジャンプできません。 10秒後に自動的にhttp://A....のサイトに飛ぶにはどうすればいいですか？ボタンを押した事にはできないでしょうか？ 困っています。よろしくお願いいたします。

  • 別なページにジャンプさせたい

    ボタンをクリックすると指定のページに飛ぶようにしたいのですが、 <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form onSubmit="jump()"> <input type="submit"> </form> </body> </html> でも <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form> <input type="submit" onClick="jump()"> </form> </body> </html> でも動きません。（そのページを表示したままです） <body onload="jump()">にしたときは正常にジャンプできるので、クリックのイベントが拾えていないと思うのですが、どのように記述すればいいのでしょうか。 よろしくお願いいたします。

  • 簡単なfunctionが完成できません

    素人です。 <a href="javascript:OpenDetail("001.htm");">詳細はこちら</a> <a href="javascript:OpenDetail("002.htm");">詳細はこちら</a> <a href="javascript:OpenDetail("003.htm");">詳細はこちら</a> というのを作りました。これが延々と200.htmまで続きます。引数のファイル名を別ウィンドウで開くようにしたいのですが、headタグにあるOpenDetailメソッドはどのように作ればいいでしょうか？ 以下のように作ってみたのですが、正常に動きません。よろしくお願いします。 <script language="JavaScript"> <!-- function OpenDetail(var file){ win1=window.open(file,"win1","width=800,height=630,scrollbars=yes"); } // --> </script>

  • Java Script　自動ジャンプ

    Java Scriptで自動ジャンプで別ウインドウに出したいのですができません。 只今下記でやってるんですけど、これだと、親ページまでどっかに飛ぼうとするので、すごく困っています。助けてください。 <SCRIPT LANGUAGE="JavaScript"> <!-- function autoLink(){ location.href=window.open"リンク先"; } setTimeout("autoLink()",3000);// --> </SCRIPT>

  • ページが数秒たってもジャンプしません。

    いま、私的ホームページを作っています。 最初のページのロードが終わったら７秒後に次のページにジャンプするようにジャバスクリプトを使ってかいたのですが、うまくいきません。 どこが間違っているのかわからないので、どなたかご指摘下さい。（そのまんまコピペします） まず、元ページの<head>タグの間に、 <script language="JavaScript" type="text/JavaScript"> <!-- function jump(){location.href="リンク先のURL";} //--> </script> を挿入しそして、<body>タグのなかに、 <body onLoad="settimeout('jump()',7000)"> と入れました。 何が間違っているのでしょうか？ 助けてください！おねがいします。 リンク先のURLは間違い無いです。 ちなみにdreamweaverMXをつかって制作しています。

  • 親windowに戻る際に・・・

    過去に似たような質問があるのですが、解決出来ませんでしたので質問させて頂きます。今作成中のＨＰは、親windowが上下の２つのフレームに分かれています。その下のフレーム内から別windowとしてリンクを作成しています。その時に別windowとして開いた子windowからさらに、form actionを利用して元の親windowに表示を戻したいのです。 ＝＝子windowのスクリプト一部記述＝＝ <script type='text/javascript'> function jump(){ window.opener.location.href='AAA.cgi' window.close();} </script> ＝＝子windowのform内一部記述＝＝ <input type='submit' name='submit' value='戻る' onclick='jump()'> このような感じの記述で取り合えず子windowは閉じて元の親windowにAAA.cgiのページが表示されたのですが、フレームの下の部分に表示します。これを、target="_top"のような感じで1つのフレームの状態に戻して表示したいのですが、何か良い方法はありますでしょうか？？お願い致します。M(v_v)M

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する