• 締切済み

別ページの指定した座標へリンクしたい

こんにちは。 以前 http://oshiete1.goo.ne.jp/kotaeru.php3?q=725989 で現在表示中の指定した座標へリンクする方法で <A href="javaScript:scroll(x,y)">●●</a> を教えて頂きました。 これを応用して別ページの指定した座標へリンク できるようにしたいと思い、 <A href="javaScript:index.asp#scroll(x,y)">●●</a> と指定を変えてみたのですが、うまくいきません。 別ページはaspなのですが、別ページへは座標指定で リンクはできないのでしょうか? どなたかご存知の方は教えて下さい。 よろしくお願いします。

  • m_f
  • お礼率66% (28/42)
  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

回答No.2

こんにちは。ふたたびです。 <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ win=window.open("index.asp","_self");   win.MoveTo(300,450) } // --> </SCRIPT> なんだ~、できてるじゃないですか!? あと一歩ですよ。 なんだかこちらのほうが(私が言ってたのより)、 いいと思いましたのでクエリの件は一度忘れてください。 まずは、これを修正しましょう。 この場合、openメソッドで新しいwindowを開き、 新しいwindowオブジェクトをwinに代入しています。 そのwindowオブジェクトのMoveToメソッドを使って・・・ と行きたいところですが、ここでエラーになっていると思います。 windowオブジェクトのメソッドはMoveToではなく moveToです。 さらにこのメソッドは、開いたウィンドウ自体を画面上の指定した位置に移動させるメソッドです。 Mをmに直して動かせばわかると思います。 しかし、これではやりたいことをできてません。 そこで、以前使っていたscrollを使いましょう。 単純にmoveToをscrollに変更するだけです。 これで、スクロールできたのではないでしょうか? ここでこの方法は実は、リンクしているのではなく、 新しいウィンドウを開いています。 見る分にはかわりないんですが・・・。 クエリとは、キーと値の組み合わせなんですが、 よくいろんなページをみていると、URLの中に http://・・・・・?key=3&value=5 のようなものが、出てくると思います。 この?以降がクエリ文字列です。 ?の後に自分で決めた変数名と値の組み合わせを指定することができます。 これに、座標を表わすキーと値をリンクに埋めることで、 今回のことが実現できると考えましたが、ここから ASPで受け取るためにはVBScriptを書く必要があります。 ですので、その説明が多くなることと、 より混乱させてしまう恐れがあること、 との理由から今回は省略させてください。 ASPを勉強されているのでしたら、きっとVBScriptも 必要になってきますので、頑張ってください。 これで、解決できるとうれしいです。

m_f
質問者

補足

おはようございます。 わかりやすく解説して頂き、うれしいです。 ありがとうございます。 クエリについては追々勉強していきたいと思います。 早速Move.Toをscrollにして <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ win=window.open("index.asp","_self"); win.scroll(300,450); } // --> </SCRIPT> ↑こんな感じで直してみたのですが、 やはりindex.aspには戻るのですが座標までは みてくれません。何が原因なのでしょうか? 再度教えてください。よろしくお願いします。

回答No.1

こんにちは。 以前のご質問も参照させていただきました。 まず、 <A href="javaScript:index.asp#scroll(x,y)">●●</a> をやってみたという事ですが、構文自体が誤っています。 scroll()は、javaScriptの関数です。 自分では定義した覚えがないと思いますが、 javaScript:scroll(x,y)と指定することで、関数を 呼び出した、という事になります。 ここで、scroll()は、間単に言えば、最初から 機能として持っている関数で、いつでも使えます。 次に、 <A href="javaScript:index.asp#scroll(x,y)"> と指定したことで、index.asp#scroll(x,y)のような 関数を実行させる命令をしたことになります。 しかし、それは定義していないので何も起きないという結果となります。 本題の、別ページの指定した座標にリンクするためには その新しいページに、希望している座標を知らせてやる必要があります。 縦、もしくは横だけのスクロールの位置を指定するだけなら アンカを埋めるだけで解決できそうですが、 縦にも横にも長い画像なんですよね!? そうなると知らせる方法としては、クエリで渡すのが スマートでしょう。 受け取る側のページはASPですので、ページのロード時に 座標を解釈して、そこへ移動させるのがいいのでは ないでしょうか?

m_f
質問者

補足

こんにちは。ご回答ありがとうございます。 そうなんです。縦にも横にも長い画像なので どうしてもxy座標を指定したいのです。 <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ win=window.open("index.asp","_self");   win.MoveTo(300,450) } // --> </SCRIPT> としてリンク元には <A href="javascript:OpenWin1()">●</a> としてみましたが、index.aspにリンクはできたの ですが、座標までは移動しませんでした。 blue_murderさんのおっしゃる >クエリで渡すのがスマートでしょう。 >受け取る側のページはASPですので、ページの >ロード時に座標を解釈して、そこへ移動させる >のがいいのではないでしょうか? とはどのような方法になるのですか? 初心者なもので初歩的なことを質問していると思いますが再度教えてください。よろしくお願いします。

関連するQ&A

  • 別ページの指定した座標(x.y)へリンクしたい

    はじめまして http://okwave.jp/qa/q751783.html で、既に質問されている方とほぼ同じ内容の質問です。 上記質問では一見解決がなされておらず、参考にしたくとも当方でも結局出来ませんでした。 よって、改めて、私の問題点を率直に質問をさせて頂こうと思います。 http://freeeeeze.web.fc2.com/scrollin/scroll.html 上記URL、こちらに、つたないながらうまく行かないで困っているhtmlを置いてあります。 要は、パララックスに興味を持ち「skrollr-master」を素に作り始めましたが ページ内のリンクは「<a onclick="window.scroll(0,1000);" />●●</a>」で解決したのですが、リンクした別ページのページ途中(例えばスクロール量4000の座標)への設定がどうしてもできません。 <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ win=window.open("link01.html","_top"); win.scroll(0,500); } // --> <!-- function OpenWin2(){ win=window.open("link01.html","_top"); win.scroll(0,4000); } // --> <!-- function OpenWin3(){ win=window.open("link02.html","_top"); win.scroll(0,500); } // --> <!-- function OpenWin4(){ win=window.open("link02.html","_top"); win.scroll(0,4000); } // --> </SCRIPT> http://okwave.jp/qa/q751783.htmlで紹介されている内容が使えるかなと思い 上の様なものを真似て書き、 <a href="javascript:OpenWin1()">●●</a> からリンクをとやってみたのですが、うまく行きません。 見よう見まね、パクったり、繋ぎ合わせたり、素人がちょっと無理な事に首を突っ込んで いる感じなのですが、 ペラ1のパララックスを作ってみるという、課題をなんとかクリアしたく、 どうか、お知恵ある方々にアドバイス頂ければと思い質問させて頂く事にしました。 何となく、htmlやcssやjavascriptを使っているレベルです。 今回「bootstrap」も使ってスマホ対応という課題も課してやってみています。 いろいろ、理解をしてやっているのではないので ご面倒かと思いますが、できるだけ噛み砕いてご教示頂けると助かります。 もちろん、htmlを書き直して頂いて示して頂けるに越した事はありません。 何卒、どうか宜しくお願い致します。

  • リンク先ページの指定した位置へ移動するには??

    おせわになります。 早速ですが質問させていただきます。 <a>タグを使ってリンク先ページへ移動するようにしています。 質問内容はただリンク先へ移動するのではなく、リンク先ページ内の指定した位置へ移動させるにはどうすれば宜しいでしょうか。 同じページ内で指定位置へ移動する場合は <a href="#samp">リンク元</a> <a name="samp">指定位置</a> で行えることはわかりました。 このやり方を応用してやるのか、はたまた別のやり方があるのか全く検討つきません。。 どなたかご教授のほど宜しくお願い致します(_ _)

    • ベストアンサー
    • HTML
  • 別ページの指定先へのリンクができません

    初めて質問させていただきます。 Yahoo!ジオシティーズでHPを作成しています。 リンク指定で、別のページの指定の位置(画像)に行くようにしたいのですが、   <a name="○○"><画像></a> と、   <a href="●●.html#○○">~~</a> のタグを使っても画像の位置からではなく、一番上からになります。   <a href="http://△△/●●.html#○○">~~</a>としてもできません。 過去の質問や本、HTML講座など調べてみたのですが、何故だか上手くいきません(T▽T;ゥゥゥ‥ 上手く説明できずに申し訳ありませんが、よろしくお願いします。

  • 動的に切り替わる指定座標へ、スムーススクロール

    window.scrollTo("0",Y);で、 ウインドウを指定位置に移動させているのですが、 これをスムーススクロール対応するには、 どうすればよいでしょうか? Yは、指定座標(モニタ上の絶対位置)で、 任意のタイミングで、動的に取得してます。 イメージとしては、 関数みたいなのに、Y座標を渡して、 その都度、スムーススクロールさせるような使い方を想定してます。 jQueryとか、プラグインを使ってもいいですが、 なるべくシンプルに行きたいと思ってます。 また、結果的に、ページ内リンクも、スムーススクロールすることになったとしても別に構いませんが、 やりたいのは、リンクをスムーススクロールすることではなくて、 「動的に、都度切り替わる、Y座標へ、スムーススクロールしたい」ってことです。 難しいようであれば、 厳密なスムーススクロールじゃなくても、 何となくそれっぽく見えれば構いません。

  • javascript リンク先の変更

    遅くに失礼致します。 Javascriptで可能かどうかは分からないのですが リンク先を変更する手段を探しています。 現在ホームページを組んでおり、jQueryのスクリプトお導入した所、 リンク先に数値が指定してありその数値を変更したいのですが 変更するとjQueryが動作しなくなり困っております。 html側のソースは <a href="a?x=344&y=-53" class="a_a"><img src="#"></a> <a href="b?x=-50&y=0" class="a_b"><img src="#"></a> 等となっており、 画像をクリックしたら一度 a?x=344&y=-53.html に移動してから自動で別ページへ誘導する事を 考えてみたのですがその様なファイルが作れるはずもなく行き先を失いました。 クリックしてリンクが a?x=344&y=-53 なら ****.html に誘導等といった事はjavascriptで可能なのでしょうか? また、対策として何か方法があるようでしたらご教授頂ければ幸いです。 何卒、宜しくお願い致します。

  • 複数の画像をリンク設定し、サイズ、位置を指定してそれぞれ別ページにリンク設定する場合

    ホームページを作成している最中です。 画像をクリックした際に、リンク先はリンク元の拡大画像を表示し 画像サイズと位置を指定するよう設定しています。 例えば、そのリンク元の1ページに縮小画像が複数有る場合、 どのように記述すればよいのでしょうか。 現在はこんな感じとなっています。 -=-=-=-=-=-=-=-=-=-= <SCRIPT language="JavaScript"> <!-- function openwin() { window.open("http://●●●.net/guide_a.html", "", "scrollbars=yes,width=420,height=270,top=100,left=80,scrollbars=no"); } //--> </SCRIPT> -=-=-=-=-=-=-=-=-=-= 省略 -=-=-=-=-=-=-=-=-=-= <TD><A href="javascript:openwin();"><IMG src="image27.jpg" width="150" height="94" border="0"></A></TD> ↑この画像をクリックすると、上記で指定したサイズ、位置で画像が表示されますが 同じページにリンク元が複数ある場合、どのように記述すればよいでしょうか。 例えば、下記の別の画像も同じように、違うページに設定したいです。 <TD><A href="javascript:openwin();"><IMG src="image17.jpg" width="150" height="94" border="0"></A></TD> リンクしたいページ http://●●●.net/guide_b.html 今の状態ですと、リンク元の画像は同じページ内にあるため image17もimage27も同じリンク先(http://●●●.net/guide_a.html)に飛んでしまいます。 これをそれぞれ別ページにリンク設定したいです。 image27→http://●●●.net/guide_a.html image17→http://●●●.net/guide_b.html 大変わかりずらい説明で申し訳ありません。 素人なのでいまいち説明の仕方がよくわかってないです。。。 どうぞよろしくお願いいたします。

  • onclickで表示/非表示させている動きに、別ページからリンクさせるには

    JavaScript初心者です。 A.htmlを作成し、リンクをクリックするとidとnumberを呼び出すことで、同じhtml内に存在する3つのページが1つだけ表示されるように、cssとJavaScriptで表示/非表示させています。 【JavaScript】 function Page(id, nu){ Num = new Array ('01', '02', '03'); for (i=0; i<3; i++) { if(Num[i] == num){ document.getElementById(id + Num[i]).style.display = "block"; } else { document.getElementById(id + Num[i]).style.display = "none"; } }; } 【CSS】 #test01 {display:block;} #test02 {display:none;} #test03 {display:none;} 【html】 <a href="javascript:void(0);" onclick="Page('test','01')">link1</a> <a href="javascript:void(0);" onclick="Page('test','02')">link2</a> <a href="javascript:void(0);" onclick="Page('test','03')">link3</a> <div id="test01">  ・・・ </div> <div id="test02">  ・・・ </div> <div id="test03">  ・・・ </div> このとき別のhtml(B.html)から、A.htmlのid="test02"が表示された状態にリンクを作成することはできるのでしょうか? 恐れ入りますがよろしくお願い致します。

  • 外部ページから指定場所にリンクをさせる

    ページ内で、リンクをするとき、hrefに飛ばしたい場所を#で指定すれば、name属性のところに ページ移動させれることは知っているのですが、 外部ページから、指定の場所に飛ばすことはできないでしょうか? ==========内部ページ内でリンクを作成する時(link.html)============= <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul> <h3><a name="section1" id="section1">セクション1</a></h3> <p>メニュー1の内容。 ...</p> <h3><a name="section2" id="section2">セクション2</a></h3> <p>メニュー2の内容。 ...</p> <h3><a name="section3" id="section3">セクション3</a></h3> <p>メニュー3の内容。 ...</p> <p><a href="#menu">メニューに戻る</a></p> 上記ソースのメニュー部分を別ページ(top.html)に作成し、 リンクページの指定部分をメインで映るようにしたいのです。 例えば、下のメニュー3がクリックされたとき、 link.htmlのsection3の内容部分(link.htmlの下にある、セクション3)が画面中央に来るようにしたいのです。 ご教授お願いします。 ===top.hmtml(メニュー部分抜粋)================== <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul>

    • ベストアンサー
    • HTML
  • 指定のページの指定した位置にリンク。

    指定のページの指定した位置にリンクしたいのですが。  例えばリンク1とリンク2とリンク3があってリンク1はページAの1行目へリンク2はページAの10行目へリンク3はページAの20行目へ って感じみたいにしたいのですが。どうすればいいのか教えてください。

    • ベストアンサー
    • HTML
  • 別ページのa name指定

    フレームを上下2分割しています。(menu.htmlとmain.html) そのうち下のフレーム(main.html)にあるボタンから違うページの特定の場所にリンクしたいのです。 同一ページの場合、 <a href="#01">○○○</a> <a name="01"></a> でいくのですが、違うページなのでどう指定していいかわかりません。 <a href="2.html #01" target="_parent">○○○</a> ではだめでした。 どなたか教えて下さい。お願いします。

専門家に質問してみよう