• ベストアンサー

ポップアップ表示の後のreturn false

onclickで小ウィンドウを出した後、元のページが最上部に戻らないようにするための処理として <a href="#" onclick="sWin('./popup.html'); return false; "> というように書いています。このreturn falseを 何とか全ての<a>タグ内に書かなくて済む様に、 sWin()関数の中に入れてしまうような方法はないでしょうか? return false; を関数の最後にそのまま書いてもダメでした。 よろしければご指導ください。m(_ _)m

  • r_bel
  • お礼率95% (81/85)

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

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

event.preventDefaultなどを使ってください。 あらかじめeventを渡す必要があります。 IE7、Firefox1.5、Opera9、Safari1.0で動作確認。たぶんIE6、Opera8.0でも動きます。 <a href="#" onclick="sWin('./popup.html',event);">open</a> <script> function sWin(url,e){ if(e.preventDefault){ e.preventDefault(); e.stopPropagation(); } e.returnValue=false; e.cancelBubble=true; open(url); } </script>

r_bel
質問者

お礼

できました~!!!第二引数はいつもeventで良いので、そのままにし、 if(event.preventDefault){ event.preventDefault(); event.stopPropagation(); } event.returnValue=false; event.cancelBubble=true; として関数に挿入することでバッチリ解決しました!! 各行の意味はこれからじっくり勉強させていただこうと思います。 たくさんの動作確認までしてくださり感謝感謝です。 ありがとうございました。

関連するQ&A

  • リンクにおける挙動の参照と範囲指定

    ほぼ初心者です。 html内に、javascriptを参照させて、以下のように作成しました。 <SCRIPT language="javascript"src="popup.js"></script> <□□> <a href="1.jpg" onclick="popup(href);return false;">テスト1</a> <a href="2.jpg" onclick="popup(href);return false;">テスト2</a> <a href="3.jpg" onclick="popup(href);return false;">テスト3</a> </□□> 普通にポップアップされたのですが、以下の方法ができないかと思っております。 (1)「onclick="popup(href);return false;"」の部分をほかから参照させる (2)特定の範囲のリンクのみ「onclick="popup(href);return false;"」を適用させる。 (1)はLightboxのように、「rel="thumbnail"」みたいに参照できないか、ということです。 (2)は上の「<□□>~</□□>」のように囲われた範囲のリンクで、「onclick="popup(href);return false;"」を適用できないか、ということです。 よろしくお願いします。

  • IE7のJavascriptで return false をしてもリンクしてしまう

    これまでjavascript無効の人のために <a href="test.html" onclick="test();return false;">link</a> という感じで、無効の人はリンク先へ飛んで、有効の人はJavascriptを実行して処理する、といったコードを使っていました。 しかし、IE7では、onclickで false が帰ってきても、そのままリンクにいってしまうようで困っています。 IE6、Firefox2では思うように(onclickだけで止まる)動いてくれます。 もうこれは仕様のため、全面的に書き直さなければならないのでしょうか? ご存じの方おられましたらご教示いただけると幸いです。

  • onclickのfalseとtrue

    <a href="#" onclick="history.back(); return false;">[戻る]</a> と <a href="#" onclick="history.back(); return true;">[戻る]</a> の違いを教えてください。

  • onclick属性を使ってreturn false

    リンクを設置するにあたり、SEOを意識しつつ、かつ、ウインドウサイズを指定したい為、onclick属性を使って、下記のような記述してみました。 <a href="link.html" onclick="window.open(this.href,'nullwin','width=500,scrollbars=yes');return false;">リンク</a> これだと、FireFoxでは、開いた別窓にスクロールバーが表示されません。 何かいい方法は無いでしょうか?

  • 勝手に onClick="return (false);"が付いてしまう

    こちらで作成したHTMLを、先方にメールで送信すると、 何故か<a>タグのすべてに  onClick="return (false);" が付いてしまうようです。 どちらもWindows XP Outlook 2003です。 ファイルは、htmlをzip形式で圧縮して送付しています。 圧縮しないで送った場合も同じでした。 一体何が原因でこうなってしまうのでしょうか? 回避する方法はありますか。 よろしくお願いいたします。

  • javascriptで困っています。

    htmlのaタグの<a href="" onClick"hoge(); return false">からjavascriptの関数を呼び出したいのですが、html内に記述したものではなく、外部ファイルに記述した関数を呼び出したい場合はどのようにaタグを記述すればよいのでしょうか?

  • javascript return について

    javascript return の使い方について こんにちは。 javascriptでhtmlとjavascriptを分けて書く方法を勉強中です。 ○html文 <a href="" name ="linkMaxcd" id ="linkMaxcd">最大値</a> ○javascript文 1)document.getElementById("linkMaxcd").onclick=function(){return maxcd();} 2)function maxcd(){    省略   return false;   } この構文の流れは、 (1)htmlの最大値というテキストリンクをクリックする (2)javascript 1)のonclickしたら、maxcdのfunctionを実行する (3)javascript 2)の省略を行い、return false;でfalseを返す ということだと思います。 javascript 2)のreturn false; のfalseは、何処に戻るのですか? ○javascript参考 1')document.getElementById("linkMaxcd").onclick=function(){maxcd();} 2')function maxcd(){    省略   } もともと上記のjavascript参考にreturnを付け加えたところで、理解できなくなりました。 returnの付け方は、javascript参考サイトの手順に書いてありました。 よろしくお願いします。 以上

  • modalboxで表示したページでのcssについて

    お世話になります、 modalboxで <a href="**.html" title="//..//" onclick="Modalbox.show(this.href,{title: this.title}); return false;">modalBox</a> で開いたページにCSSはきかないのでしょうか? 開くページを単体で見るとCSSを見てるみたいなのですが、 よろしくお願いいたします。

  • javascript:void(0)。return

    ■質問1 ・「<a href='javascript:void(0);'"」と、「a href="#" onclick="return false;"」の違いを教えて下さい ・どちらもリンクを無効にする、のだと思いますが、どちらの書き方が現在の主流なのでしょうか? ■質問2 ・この例に限らずJavaSriptで検索すると色々な書き方がヒットするのですが、現在の標準的な書き方を知るにはどうすれば良いでしょうか? ※色々な書き方があるみたいですが、どれが現在の主流か判断するにはどうすればよいのでしょうか?

  • ポップアップウィンドウでswfをリピートしない

    リンク元ページから、ポップアップウィンドウが開きswfを表示します。 ポップアップウィンドウはJavaScriptでウィンドウサイズを指定して開きます。 <a href="#" onclick="window.open('swf/aaa.swf','popup1','width=400,height=300');">ポップアップ </a> ポップアップウィンドウで表示させるswfをリピートなしにしたいです。 よろしくお願いします。

専門家に質問してみよう