• 締切済み

ページ内リンクについて

お世話になります。 よく分からないまま本を見て、ナビゲーションにポップアップメニューをつけてみました。同じページに色々果物の説明をしていて、選んだらそこへ飛ぶようにしたいのですが、本には同一ページ内に飛べるような例が書いていなくて、困っています。locationのあとの#にはどのように記述したら良いのか教えて下さい。よろしくお願いします。 <script language="JavaScript"> <!-- function mmLoadMenus() { if (window.mm_menu_0330133902_0) return; window.mm_menu_0330133902_0 = new Menu("root",158,18,"",12,"#CC9999","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true); mm_menu_0330133902_0.addMenuItem("ブラッドオレンジ","location='#'"); mm_menu_0330133902_0.addMenuItem("たんかん","location='#'"); mm_menu_0330133902_0.addMenuItem("いよかん","location='#'"); mm_menu_0330133902_0.addMenuItem("はっさく","location='#'"); mm_menu_0330133902_0.hideOnMouseOut=true; mm_menu_0330133902_0.bgColor='#555555'; mm_menu_0330133902_0.menuBorder=1; mm_menu_0330133902_0.menuLiteBgColor='#FFFFFF'; mm_menu_0330133902_0.menuBorderBgColor='#777777'; mm_menu_0330133902_0.writeMenus(); } // mmLoadMenus() //--> </script>

みんなの回答

  • luka3
  • ベストアンサー率74% (312/418)
回答No.1

推測ですが、 mm_menu_0330133902_0.addMenuItem("ブラッドオレンジ","location='#bloodorange'"); のように書いて、ブラッドオレンジの説明のところに <a name="bloodorange"> と書くのではないでしょうか。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • ポップアップメニューをテキストで

    下記はDreamWeaverMXが書き出したポップアップメニューのスクリプトです。 これはkame2_s.jpgに対してなのですが、画像でなくテキストに対してポップアップしたいのです。 javascriptは良くわからないので、困っています。 CSSでの位置や見栄えの設定は避けたいです。 よろしくお願いします。 ------------------------------------------- <script language="JavaScript"> <!-- function mmLoadMenus() {if window.mm_menu_0515002601_0) return; window.mm_menu_0515002601_0 = new Menu("root",53,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true); mm_menu_0515002601_0.addMenuItem("kame","window.open('1.htm', '_self');"); mm_menu_0515002601_0.addMenuItem("next","location='1.htm'"); mm_menu_0515002601_0.hideOnMouseOut=true; mm_menu_0515002601_0.bgColor='#555555'; mm_menu_0515002601_0.menuBorder=1; mm_menu_0515002601_0.menuLiteBgColor='#FFFFFF'; mm_menu_0515002601_0.menuBorderBgColor='#777777'; mm_menu_0515002601_0.writeMenus(); } // mmLoadMenus() //--> </script> <script language="JavaScript" src="mm_menu.js"></script> </head> <body> <script language="JavaScript1.2">mmLoadMenus();</script> <a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0515002601_0,97,72,null,'image1')" onMouseOut="MM_startTimeout();"><img src="file:///E|/dive/story/kame2_s.jpg" name="image1" width="100" height="75" border="0" id="image1"></a></p> </body>

  • プルダウンメニューからインラインフレームに飛ばすタグ

    ホームページビルダー９を使用しています。 サイトのトップページのメニューをプルダウンメニューにしています。 このメニューの一部をクリックしたら、同ページのインラインフレーム内にサブメニューを 表示するようにしたいのです。 スクリプトはこんな感じです。 <SCRIPT language=JavaScript> <!-- function mmLoadMenus() { if (window.mm_menu_1118095635_0) return; window.mm_menu_1118095635_0 = new Menu("root",132,28,"left","middle",8,0,1000,-5,7,true,true,true,0,true,true); mm_menu_1118095635_0.addMenuItem("1 ページ","location='○○○/○○○.htm'"); ↑↑↑↑ これは別ウィンドウを開いて表示するタグ。ちゃんと動作します。 うまくいかないのが、nameという名前のインラインフレーム内に表示させようとする以下のスクリプトです。 mm_menu_1118095635_0.addMenuItem("２ページ","location='sub_window/sub1.htm' target="main"); Java Scriptを使わないノーマルな、インラインフレームに飛ばすタグを使用しているのでうまくいかないのだと思います。 どなたかご教授いただければ幸いです。 よろしくお願いします。

  • 補足です。

    ポップアップメニューをつかったページを、JavaScriptで作ったのですが、表示動作ともにＩＥで正常におこなわれるのですが、ＩＥ終了時にアプリケーションエラーで「"0x041c5f6c"の命令が"0x041c5f6c"のメモリを参照しました。メモリが"read"になることはできませんでした」と表示されてしまうのですが、原因はなんでしょうか？お分かりになる方がいらっしゃいましたら教えてください。 *********************************************** ページ内のスクリプト <title>Home</title> <meta http-equiv="Content-Style-Type" content="text/css"> <LINK HREF="style.css" TYPE="text/css" REL="stylesheet"> <script language="JavaScript"> <!-- function mmLoadMenus() { if (window.mm_menu_0215191834_0) return; window.mm_menu_0215191834_0 = new Menu("root",96,17,"ＭＳＰゴシック",11,"#8f8f8f","#ffffff","#ffffff","#52a9ba","left","middle",3,3,500,-5,7,true,false,true,5,false,false); ------------中略--------------------------------- mm_menu_0215191856_2.hideOnMouseOut=true; mm_menu_0215191856_2.bgColor='#beeaeb'; mm_menu_0215191856_2.writeMenus(); } // mmLoadMenus() //--> </script> <script language="JavaScript1.2" src="mm_menu.js"></script> ************************************************ 外部に　mm_menu.js ファイルを設置しています。

  • ページを表示すると同時に複数のサブウィンドウを開く方法について

    ページを表示すると同時に複数のサブウィンドウを開く方法について、 プログラムを作成したらよいのか教えてください。 下記のプログラムは、ページを表示すると同時に１枚のサブウィンドウを開くプログラムですが、３枚ほどサブウィンドウを開きたいのです。 よろしくお願い致します。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // サブウィンドウの表示方法を指定する function openWindow1() { window.open("sample.html","OpenWindow",scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no"); } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="openWindow1()"> </BODY> </HTML>

  • フレームページの画面サイズ設定

    トップ、メイン、アンダーって縦に３つに別れたフレームで画面サイズの設定をしたいのですが、どの様にすればよろしいでしょうか？ また、ＷＩＮとＭＡＣでサイズが違う様にしたいです。 下記まではできたのですが、ブラウザーを立ち上げてもサイズが設定できません。 <script type="text/javascript"> <!-- function test(){ if(navigator.platform=="MacPPC"){ window.resizeTo(500,500); }else{ window.resizeTo(750,600); } } //--> </script> <body bgcolor="#FFFFFF" text="#000000" onload="javascript: test();"> よろしくお願いします。

  • Safariを判別し別ページに飛ばすには

    javascriptでブラウザを判別して、ブラウザによって違うページに飛ばしています。 基本的にはIEとそれ以外なのですが、Safariだけが別ページに飛んでくれません。（index.htmlにいたままになる） 下記のようにしていますが、どうすれば飛ぶようになるでしょうか？ よろしくお願いします。 <script type="text/javascript"> if(navigator.userAgent.indexOf("MSIE") != -1){ window.location.href = "index.html";} 　　　　： else if(navigator.userAgent.indexOf("safari") != -1){ window.location.href = "index2.html";} </script>

  • submit時に違うページに飛びたい

    アンケートに答えて頂いた方がsubmitを押すと、 ありがとうメッセージのページに飛ぶということがやりたいのです。 尚、メール送信に問題はないのですがページが移動しない状況です。 どなたか、私の間違いを教えていただけますか？ <script language="JavaScript"> <!-- function move(url){ window.location=a.html; } --></script> <form action="mailto:info@○○.co.jp" method="post" enctype="text/plain" name="form1" onSubmit="javascript:move()"> </form> と打ちまして、その後 function move(){ window.location("a.html"); } と変えてもダメでした。 これがだめなら「ありがとう」とアラートと出して置いて、このページろリロードする方法でも良いです。 どなたか教えていただけますか？ 宜しくお願い致します！！！

  • JavaScriptでページを一度だけリロード

    とあるページにアクセスした際、JavaScript(jQuery)を使って一度だけページをリロードしたいと思っております。 <script language="JavaScript"><!-- function reload() { if (window.name != "test") { location.reload(); window.name = "test"; } } // --></script> 上記のような記述で試みたのですが、リロードしてくれません。 他に対応できる方法がございましたら、ご教授いただけますと幸いです。 以上、よろしくお願い致します。

  • 単独で開かれたiframeを親ページに表示したい

    ブログ記事(blog1.html、blog2.html、blog3.html)を親ページ(index.html)のiframeとして表示しています。 親ページを開いた際には、デフォルトで最も新しいブログblog3.htmlが表示されるようになっています。 ブログ記事が単独で開かれた場合には、 if (window == window.parent) { location.href = "./index.html"; により自動的に親ページに導くようにしていますが、その際に開かれたブログ記事を表示したいと思います。 当たり前ですが、現在はblog3が開かれてしまいます。 どのようにしたらいいでしょうか。 以下、現在確認中のサンプルスクリプトです。 ■親ページ■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> <p>index.html</p> <iframe src="./blog3.html" frameborder="2" width="300" height="100"></iframe> <div id="result"></div> </body> </html> ■ブログ1■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>blog1</title> </head> <body> <p>blog1.html</p> <script> // 単独で開かれている場合 if (window == window.parent) { location.href = "./index.html"; // iframeで開かれている場合 } else { } </script> </body> </html> ■ブログ3■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>blog3</title> </head> <body> <p>blog3.html</p> <script> // 単独で開かれている場合 if (window == window.parent) { location.href = "./index.html"; // iframeで開かれている場合 } else { } </script> </body> </html>

  • リンク先の違うページの指定場所へスクロールさせ表示させたいです。

    リンク先の違うページの指定場所へスクロールさせ表示させたいです。 リンクをクリックすると、アンカー先に飛ばし 画面を、常に下に-100ずらして表示させています。 同ページ内の場合は、 location.href = "#●●"; window.scrollBy( 0, -100 ); で対処できましたが、 違うhtmlのアンカーに飛ばし、下にずらして表示させる場合は どのようにするのか方法がわかりません。 Javaスクリプトに不慣れなので、 どなたかご存知の方、よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する