• 締切済み

ポップアップメニューからページジャンプ方法

htmlでonmouse時にjavaでaddmenuitem location="/Ａフォルダ/a.html"と"/Bフォルダ/b.html"という２行を選択出来るようにしています。topページから/Aフォルダ/a.htmlへジャンプはしますが、a.htmlからポップアップメニューで/bフォルダ/b.htmlを選択すると、ページが見つからず、urlには/a/b/b.htmlとなっており、ジャンプする前のaというフォルダが残ってしまいます。 参考元は自社のものですが、今までの方が退職されてしまい、新規で作ろうと模索してます。 htmlに記載されている、cssやJSもコピーしております。 この現象を回避するにはcssかjavaはhtmlのどこのどの部分を見れば良いか教えて下さい。

  • owsi
  • お礼率0% (0/1)
  • CSS
  • 回答数1
  • ありがとう数0

みんなの回答

  • 4649panda
  • ベストアンサー率68% (15/22)
回答No.1

>htmlでonmouse時にjavaでaddmenuitem location="/Ａフォルダ/a.html"と"/Bフォルダ/b.html"という２行を選択出来るようにしています。topページから/Aフォルダ/a.htmlへジャンプはしますが、a.htmlからポップアップメニューで/bフォルダ/b.htmlを選択すると... まず、この部分の"Bフォルダ"と"bフォルダ"は同じものですよね？ javascriptについてはあんまり詳しくないのでちょっと解りませんが、ちょっと気になったので。 リンクの指定はあっていますか？ 相対パスの場合、 Aフォルダ/a.html Bフォルダ/b.html とあり、その二つのフォルダ(AフォルダとBフォルダ)がtopページのあるフォルダに入っているなら、 ・topからa.htmlへのリンクは "/Aフォルダ/a.html" ・topからb.htmlへのリンクは "/Bフォルダ/b.html" ・a.htmlからb.htmlへのリンクは "../Bフォルダ/b.html" となると思います。 urlが"/a/b/b.html"となっているということは、 Aフォルダの中にBフォルダがあり、そのBフォルダの中にb.htmlページがある と言う指定になっています。 一度、絶対パスでurlを指定してみてはいかがですか？ もしすでに絶対パスで指定されていて、なおかつ今までは正常に作動していた場合、フォルダの構成を変えたということはありませんか？ 見当違いだったらごめんなさい。

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

関連するQ&A

  • ジャンプするページが作りたい

    xhtml+cssでＨＰを作成してます。 例えば３秒後に自動的にジャンプするページを作りたいのですが、作り方がいまいちわかりません・・・ どうしたらいいでしょうか。 アドバイス願いますm(__)m サーバー引越しのため、現在のＡというページから新サーバーのＢというページに自動ジャンプさせたいんです。 こういうのってＪＡＶＡでやるんでしょうか？ 回答頂ける際にはお手数でも、html等のソースが参照できるようお願いします。

  • ポップアップメニューAの選択によってポップアップメニューBの内容を変更させる方法

    一つのフォーム内にポップアップメニューが２つあり、ポップアップメニューAが変更されたときに、ポップアップメニューBの内容を変更したいのですが、そういうことは出来るのでしょうか。 もし、出来るのであればどのようにすれば出来るでしょうか。 よろしくお願いします。 ＜例＞ ポップアップメニューAの内容 １．選択A ２．選択B ポップアップメニューBの内容 　○ポップアップメニューAで「１．選択A」が選択されているとき 　　１．値A 　　２．値B 　　３．値C 　○ポップアップメニューBで「２．選択B」が選択されているとき 　　１．結果A 　　２．結果B 　　３．結果C

  • 二つのプルダウンメニューから違うページにジャンプしたい

    以前ここで"steel gray"さんから教えて頂いたのですが、自分で手を加えている内に分からなくなってしまいました。ご指導お願い致します。 　　　　　　　　function jump(Form){ //以下、selectの組み合わせとジャンプ先のリスト。 var jumpList = new Array( ['1','A','http://www.k2.dion.ne.jp/~namae/osietea1.html'], ['1','B','http://www.google.co.jp/'], ['2','A','http://www.yahoo.co.jp/'], ['2','B','http://www.infoseek.co.jp/'], ['','','']); for(var i=0;i<jumpList.length;i++) { if(jumpList[i][0] == Form.elements[0].value && jumpList[i][1] == Form.elements[1].value) window.location.href=jumpList[i][2]; } } //--> </script> <OPTION value="A">選択肢A</OPTION> 以下選択肢Aに6種類 <OPTION value="1">選択肢B</OPTION> 以下選択肢Bに9種類 合計54種類の条件があります。どこをどの様にすればよいのでしょうか？宜しくお願いします。

  • youtubeの動画をポップアップで流したい。

    ホームページでyoutubeの動画をポップアップで流したいのですが、 うまくいきませんでした。 動画がバナーや文字の下に隠れてしまいます。 スタイルシートの関係だと思うのですが見よう見まねで作っているのでよくわかっていません。 テストで設置したページは　http://www.kumano-meisui.jp/test.html　です。 ポップアップのコードは下記のとおりです。 headに 　　<!-- ここから YouTubeポップアップ表示コード --> 　　<script type="text/javascript" src="video/js/mootools.js"></script> 　　<script type="text/javascript" src="video/js/swfobject.js"></script> 　　<script type="text/javascript" src="video/js/videobox.js"></script> 　　<link rel="stylesheet" href="video/css/videobox.css" type="text/css" /> 　<!-- ここまで YouTubeポップアップ表示コード --> bodyに 　 <a href="http://www.youtube.com/watch?v=4pvUaQ2gUMI" rel="vidbox 600 450" title="紀州熊野の命水"><img src="img/youtube1a.png" width="255" height="145" border="0"></a> 作成の時に参考にしたのは　http://php-sample.steppers-hi.net/jquery/001youtube/#run　 のVideoBoxというjQueryです。 如何したらよいのかよろしくお願いします。

    • ベストアンサー
    • CSS
  • ポップアップメニューから別ページへアンカー

    同じサイト内AというページーのリンクボタンのポップアップメニューからBという別ページ内の該当する箇所にアンカーを貼りたいのですが、可能でしょうか。 使用ソフトはDreamweaverMXまたは、Expression webです。

  • 外部読み込みJSファイルで読み込まれたページの文字列によってジャンプしたい

    JSファイルを外部読み込みで行い、 そのページの文字列を解析して、文字列"れもん" があればＡのページにジャンプ、 文字列"りんご"があればＢのページにジャンプしたいのですが、 そう言ったことは可能でしょうか？ 参考になるURLを教えて頂ければ幸です。m(__)m

  • jQueryでポップアップの中にポップアップ

    <html> <head></head> <style type="text/css"> .popup { position:absolute;bottom:0;left:0;width:300px;padding:1px 5px;border:solid 1px #000;background:#fff;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('.b').live({ /* <= bind? */ mouseenter:function(){ var target = $( $(this).children().filter('.c').attr('href') ); $(this).css('position','relative'); $(this).append('<div class="popup">'+target.html()+'</div>'); }, mouseleave:function(){ $(this).css('position','static'); $(this).children().filter('div').remove(); } }); }); </script> <body> <div id="a1"><p>a1a1a1</p></div> <div id="a2"><p>a2a2<span class="b"><a href="#a1" class="c">#a1</a></span>a2</p></div> <div id="a3"><p>a3<span class="b"><a href="#a2" class="c">#a2</a></span>a3a3</p></div> </body> </html> このような感じで、#a2にマウスカーソルを合わせたらid="a2"の内容が吹き出しのような感じでポップアップし、 その中に含まれる#a1にマウスカーソルを合わせたらそこからさらにid="a1の内容がポップアップする仕組みを作りたいのですが、 ポップアップの上にマウスカーソルを合わせることができずに困っています。 参考：jQuery の hover() について調べたことのまとめ http://d.hatena.ne.jp/tilfin/20080615/1213608859 参考：.live()でhoverイベントに複数の関数をバインドできない http://jsdo.it/cancer6/mh9t 自分で調べてみて分かったことは ・hover(fn1,fn2)はfn1=mouseover,fn2=mouseoutではなくfn1=mouseenter,fn2=mouseleave ・後から追加した要素(ポップアップ)の中の要素にもhoverを有効にするにliveでhoverを設定する必要がある ・liveでhoverイベントを指定するときはmouseenter,mouseleaveの2つに分けて指定する必要がある 上記のコードを保存して見ていただけると分かると思うのですが、 liveにするとポップアップの上にカーソルを合わせることができず、 bindにするとポップアップの上にカーソルを合わせることができます。 ポップアップはclass="b"の子要素となるようにしているので、 ポップアップにマウスカーソルが合わさっている状態＝class="b"からmouseleaveしてない状態となっていると思うのですが…。 どのようにすれば「後から追加された要素(ポップアップ)」内にもhoverイベントを適用させつつ、 「後から追加された要素(ポップアップ)」内にマウスカーソルを乗せられる状態にできますか？ よろしくお願い致します。

  • ポップアップ画面についてお尋ねします。

    ポップアップ画面についてお尋ねします。 javaスクリプトで function openWinT001(){window.open("Terms.htm#アート","","width=700,height=200,scrollbars=yes,resizable=1");} と書き、他のページに下記のようなラベルを作り、 <A name="アート"></A> <A href="javascript:openWinT001()">アート</A> で他のページのアートにポップアップの小窓で飛べるようにしました。 IEですとうまくいくのですが、safariやoperaではピンポイントで その部分に飛ぶことができません。 （そのページの最初の部分が指定した大きさでポップアップします。） どうしたらいいのでしょうか。 よろしくお願いいたします。

  • styleswitcherについて(ページ間での情報の維持)

    現在作成しているページで、CSSが切り替えられるstyleswitcherというJavaScriptを使用したいと考えていますが、別ページに移動した際に切り替えたCSSが元に戻ってしまって困っています。 環境は、 WindowsXP InternetExplorer6.0　です。 作成は、http://www.zakimi.com/archives/2004/06/05/214447.phpに書かれている通りに行いました。 具体的には、 ●jsフォルダにstyleswitcher.jsを作成 ●cssフォルダにdefault.cssと2.cssというCSSファイルを作成 ●<head></head>内に <script type="text/javascript"src="js/styleswitcher.js"></script> <link href="css/default.css" rel="stylesheet" type="text/css" title="default" /> <link href="css/2.css" rel="alternate stylesheet" type="text/css" title="2" /> と記述したhtmlファイルを2つ(AとB)を作成 ●htmlファイルAとBの<body></body>内に、それぞれ <a href="#" onclick="setActiveStyleSheet('default'); return false;">CSS1</a>&nbsp;<a href="#"onclick="setActiveStyleSheet('2'); return false;">CSS2</a> と記述 ●htmlファイルAとBに、それぞれのファイルへのリンクを作成 私が実現したいのは、htmlファイルAをブラウザで表示した後、『CSS2』をクリックしてCSSファイルを2.cssに切り替え、さらにファイルBへのリンクをクリックします。この時、ファイルBにはdefault.cssファイルではなく、2.cssを適用するというものです。 現状は、htmlファイルAでCSSをCSS2に切り替えた後にファイルBへ移動すると、default.cssファイルが適用されてしまいます。 これではページ間を移動するたびにCSS2に切り替えなくてはいけなくなってしまうので、困っています。 どなたかお分かりの方がいらっしゃいましたら、お知恵をおかしください。宜しくお願いいたします。

  • chromeのポップアップについて

    お世話になります。 サイトを制作しており、その中でポップアップを表示させるページが 3つあります。 ポップアップが表示され、ページ内の選択肢を選択すると、 画面が消え、新たなポップアップが表示され…が3回ほどあります。 FirefoxとIE10では上記の3つのポップアップはちゃんと表示されておりますが chromeだけは、最初の2つまではポップアップが表示されますが 最後の１つだけ表示されません。 htmlやJavaScript等で、最後までポップアップを表示させる設定を することは可能でしょうか？ また、ポップアップの仕様によって表示されない事はあるのでしょうか。 ちなみに、ポップアップ自体は<a＞タグを使ったポップアップで、 JavaScriptではありません。 ご教示頂けると助かります。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する