元ページを動かさずに新しいページを開く方法
- 元ページを動かさずに新しいページを開く方法を探しています。
- サイズを指定した新しいページを作る方法はありますか？
- ボタンを用意せずに普通のリンクの形で新しいページを開きたいです。
- ベストアンサー
元ページを動かさずに新しいページを開く方法
今あるWebページから新しいページを開くようにしたいと思います。ただし、サイズなどの制御をしたいので、JAVAスクリプトを使うことになるかと思います。 現在、以下のようなスクリプトですが、これでは元のページが動いてしまいます。元のページを動かさずに、サイズを指定した新しいページを作る方法はないでしょうか？ ボタンを用意すると出来るのはわかりますが、ボタンを用意したくありません。見た目は普通のリンクの姿をとりたいとおもいます。 <A HREF="#kokunai" onClick="window.open('newpage.htm','','width=300,height=250')"> 新しいページ </A>
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
#kokunaiへのジャンプはやめてよろしいんですよね？？ <A HREF="#kokunai" onClick="window.open('newpage.htm','','width=300,height=250')"> 新しいページ </A> ↓ <A HREF="javascript:void(0);" onClick="window.open('newpage.htm','','width=300,height=250')"> 新しいページ </A> でいかがでしょう？？
関連するQ&A
- JavaScript:メインページからサブウィンドウページを遷移させる際
メインページにボタン画像3つを配置して、それぞれからサブウィンドウを任意のサイズで開こうとしています。サブウィンドウの中身はそれぞれ別のものですが、サイズは同じなのでサブウィンドウ内でwinNameを同一にして、遷移させようとしています。ただ、遷移自体はうまくいくのですが、最初のクリックでサブウィンドウはメインウィンドウより前にでますが、そのまま２つ目のボタンで遷移させようとするとサブウィンドウはメインウィンドウの後ろにいってしまいます。どうしたら、サブウィンドウを絶えずアクティブにできるのでしょうか。 メインぺージのＪＳにwindow.focus();をいれたり、サブウィンドウのbodyにonBlur="focus()"をいれたり、サブウィンドウのＪＳにwindow.focus();をいれてもうまくいきませんでした。 どうぞよろしくお願いいたします。 メインページのＪＳ <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> ボタン画像のＪＳ Ａボタン：<A href="javascript:void(0); " onClick="MM_openBrWindow('a.html','LA','width=320,height=255')"><IMG SRC="images/t_large.jpg" ALT="Large" WIDTH="120" HEIGHT="28" VSPACE="5" border="0"></A> Bボタン：<A HREF="javascript:void(0); " onClick="MM_openBrWindow('b.html','LA','width=320,height=255')"><IMG SRC="images/t_large.jpg" ALT="Large" WIDTH="120" HEIGHT="28" VSPACE="5" BORDER="0"></A>
- ベストアンサー
- その他（インターネット・Webサービス）
- 別のウィンドウを開いた時に、元のウインドウがトップに移動してしまう
ページの下の方に小さな画像を張り、クリックするとウィンドウのサイズを指定した別のウィンドウが開くようにしました。 すると元の（小さな画像を張った）ウィンドウがそのページのトップに移動してしまいます。固定できないのでしょうか？ ソースは <A href="#" onclick="window.open('リンク先名','win1','width=820,height=520,toolbar=no,nebubar=no');"> です。 よろしくお願いします。
- ベストアンサー
- HTML
- 複数のアラートから複数のジャンプページへリンクしたい
サイトの1ページに6個のリンクボタンをつけ、それぞれに違うページにジャンプしたいです。 http://www.sky.sannet.ne.jp/masapine/java_alert8.html を参考に下記のようにしてみましたが、複数ページへのリンクの記述がわかりません。 どこかを変更すればよいのでしょうか。 よろしくお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- function link1(){ if(confirm('本当にご覧になりますか。')){ location.href='xxx.html'; } } //--> </SCRIPT> <p><a href="xxx.html" onClick="JavaScript:link1();return false"><img src="photo.gif" alt="手術の写真を見る" width="150" height="37" /></a></p>
- ベストアンサー
- JavaScript
- ＜Dw＞新しいページの作成方法＜html＞
親ページがあり、開く子ページをｘｘｘ.htmlとｙｙｙ.htmlとします。 <a href="javascript:void(0)" onClick="window.open('ｘｘｘ.html', 'newwin','width=520,height=250')"> ｘｘｘページが開きます</a> これでクリックするとｘｘｘ.htmlが開くには開くんですが、親ページに戻ると、（親ページをアクティブにする）ｘｘｘページは親ページの後ろに隠れてしまいました。そこでもう一度リンクをクリックしても、xxx.htmlはアクティブになりません。親ページをずらさないと見えないのです。 次に、 <a href="javascript:void(0)" onClick="window.open('ｙｙｙ.html', 'newwin','width=520,height=250')"> ｙｙｙページが開きます</a> クリックすると、ｙｙｙ.htmlが開きません。 ・・・と思ってよく見たら、親ページの後ろに隠れていた、先ほど開いたｘｘｘページがｙｙｙページに切り替わっていました。 そこで質問なんですが、 1.ｘｘｘとｙｙｙを別々のウィンドウで開きたい。 2.一度開いたページでも、リンクをクリックしたら隠れていたページがもう一度表示されるようにしたい。 jsでなくとも、問題がなければ方法は問いません。 博識な方、お返事どうぞよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ページのエラー
始めまして 任意大きさのウインドウをたち上げる際 （ブラウザ上で） どうしても、「表示されました。」の横に ビックリマーク「！」が出て 暫くすると、ページエラーと表されます。 任意のウインドウは正常に表示されます。 色々と調べましたが、どうも私のスキルでは 限界です。 <HEAD> <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("***.htm","window1","WIDTH=300,HEIGHT=310"); } function openWindow2() { window.open("***.htm","window2","WIDTH=300,HEIGHT=310"); } function openWindow3() { window.open("***.htm","window3","WIDTH=300,HEIGHT=310; } </SCRIPT> <HEAD> ・・・・・・・・・・・・・ </BODY> <A HREF="javascript: openWindow1()"><IMG src="con_syousai.gif" width="65" height="20"></A></TD> </BODY> 今の所、一つしかリンクしていません。 いずれ、９個を同じような形で アイコンから、したいと思ってます ＨＰビルダーのソースから記入したのですが 何処が可笑しいのでしょう？ また、他の方法（タグ）はあるのでしょうか？ どうか、お知恵を下さい 宜しくお願いします。
- ベストアンサー
- JavaScript
- 特定の時間帯だけ有効にする
以下のスクリプトはウィンドウを同時に2つ開くものですが、20～23時の時間帯だけスクリプトを有効にしたいです。 どのように記述すればできますか? <SCRIPT TYPE="text/javascript"> <!-- function WindowOpen(){ window.open("ttp://192.168.0.12/cgi-bin/music/","window","toolbar=no, height=200, width=200"); window.focus(); } //--> </SCRIPT> </HEAD> <BODY> <A HREF=ttp://192.168.0.12/ onClick="WindowOpen();window.focus();">トップページへ</A>
- ベストアンサー
- JavaScript
- ハイパーリンクでウインドウを開いて開いたウインドウで複数のぺージに変えれるようにしたい
この質問と同じ様な質問があったのですが「複数のページを変える」方法がわからなかったので質問させてください。 ハイパーリンクをクリックしてサイズ指定のウィンドウを表示するところまではうまくいくのですが、複数のハイパーリンクの項目があってそれをクリックしてウインドウを出して、そのウインドウで次の項目をクリックすると同じウインドウ内でページが変わるようにしたいのですが、どうしたらよいでしょうか？ 一応これがソースです。 <SCRIPT language="JavaScript"> function soll(num) { if(num==0){ window.open("http://www.yahoo.co.jp/","","width=635,height=260") } if(num==1){ opener.window.location="http://www.google.com/"; } if(num==2){ opener.window.location="http://jp.msn.com/"; } } </SCRIPT> <a href="#" onClick="0">YAHOO!JAPAN</a><br> <a href="#" onClick="1")">google</a><br> <a href="#" onClick="2">MSN</a> おわかりになる方、どうかご教授お願いいたします。
- ベストアンサー
- その他([技術者向] コンピューター)
- 親htmlから小画面を表示させる方法
親htmlのクリックで、jpg小画面を多数表示させるJavaScriptで悩んでいます。 どなたかの知識で、お助けください。 http://amenti.usamimi.info/windowopen.html にあるものを応用しました。<body><div><table>の<tr><td>部に横に並べた4個のサムネイルのjpg画像に、ｊpg元画像へのリンク指示をしています。 ■問題点 1. 最初のサムネイルをクリックすると、ｊpg元画像と「ファイルが見つかりませんでした」のエラーメッセージも同時に出る。 2. 2番目のサムネイルをクリックしても、最初と同じｊpgを表示してしまう。3/4番目は正常に表示する。 ■記述状態 1. <head>～</head>部は、～windowopen.htmlにある記述をそのまま移しました。以下です。 <script type="text/javascript"> <!-- function m_win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></script> 2. <body><div><table>の<tr><td>部に横に並べた4個のサムネイルのjpg画像に、リンク指示をしています。～windowopen.htmlにある記述を少し変えただけです。以下です。 （style 記述省略） <a href="album/aaaa.jpg" onclick="m_win(this.href,null,656,496); return false;"> <img src="album/aaaa_thumb.jpg" width="120" border="0" alt="ああああ"></a> <a href="album/bbbb.jpg" onclick="m_win(this.href,null,656,496); return false;"> <img src="album/bbbb_thumb.jpg" width="120" alt="いいいい"></a> <a href="album/cccc.jpg" onclick="m_win(this.href,null,656,496); return false;"> <img src="album/cccc_thumb.jpg" width="120" alt="うううう"></a> <a href="album/dddd.jpg" onclick="m_win(this.href,null,656,496); return false;"> <img src="album/dddd_thumb.jpg" width="120" alt="うううう"></a> ■変更点と疑問 1. ～windowopen.htmlでは、<a href="～"は、htmlですが、上記では直接jpgになっています。 2. onclick="m_win(this.href,null,656,496); return false;" 文は、オリジナルは第1のリンクが、 具体名ですが、上記ではすべて null にしました。 変更点が少ないのにエラーが出て困っています。 小画面の表示される位置など、自分にとってジャストなJavaScriptなので、何とかこれをきちんと使い たいので、どこが悪いか教えてください。
- ベストアンサー
- ホームページ作成ソフト
- フレームからサイズ指定したポップアップを開く
教えてください。 上下二段にフレームをきったページを作っています。 上がメニューで下がメインコンテンツです。 下に配置したボタン画像をクリックすると、サイズ指定したポップアップが開くということをしたいのです。 <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でしか反応しませんでした。 どこが間違っているのでしょうか？
- 締切済み
- JavaScript
- javascriptでのポップアップウィンドウが開かなくて困っています＞＜
初歩的な質問ですいません。 <script language="JavaScript"> <!-- function OpenWin(){ win=window.open("sample.html","new","width=100,height=100"); } //--> </script> <a href="javascript:OpenWin()"><img src="img/1.jpg" width="60" height="60" onClick="MM_openBrWindow('sample.html','sample','scrollbars=yes,width=460,height=460')" border="0"></a> 上のスクリプトで下のリンクで開こうとする時に、 どうしても開けません。＞＜ どうしてなのでしょうか！？ どこかが間違えているのでしょうか！？ 誰か助けていただけませんでしょうか；＞＜；；
- ベストアンサー
- JavaScript
お礼
素早い解答ありがとうございました。 まさにこれです。早速使わせていただきます。