ブログ本文からサイズ指定の別窓リンクしたい

このQ&Aのポイント
  • 本文にリンクを貼り、クリックで別窓をサイズ指定で開くようにしたいです。
  • 現在はリンクをクリックするとフルサイズで開いてしまいます。
  • どのようにすればサイズを指定して開けるでしょうか?
回答を見る
  • ベストアンサー

ブログ本文からサイズ指定の別窓リンクしたい

本文にリンクを貼り、クリックで別窓をサイズ指定で開くようにしたくて、下記のように書いてみたのですが、フルサイズで開いてしまいます。 どうしたらサイズを指定して開けるのでしょうか? <h3>ヒューマン編</h3> <script language="JavaScript"> <!-- function openWindow() {window.open("","movie1",'width=420,height=330');} //--> </script> <a href="http://otsdestiny.xxxxxxxx.jp/movie1.html" onClick=openWindow() target="movie1"><img src="http://image.blog.livedoor.jp/ots_destiny/imgs/a/4/a4b74f28.gif?blog_id=1219642" border="0"></a> <h3>ホラー編</h3> <script language="JavaScript"> <!-- function openWindow() {window.open("","movie1",'width=420,height=330');} //--> </script> <a href="http://otsdestiny.xxxxxxxx.jp/movie2.html" onClick=openWindow() target="movie1"><img src="http://image.blog.livedoor.jp/ots_destiny/imgs/6/c/6c8705cd.gif?blog_id=1219642" border="0"></a>

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

  • ベストアンサー
  • Muller3
  • ベストアンサー率81% (800/979)
回答No.2

#1です。すみませんちゃんと書きます。 <a href="開くページのURL" onclick="window.open('開くページのURL','popup','width=420,height=330,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no'); return false"><img alt="" src="表示する画像URL" width="画像幅" height="画像高さ" border="0"/></a> <script language="JavaScript">~</script>はいりません。

ots_tatuya
質問者

お礼

完璧なまでに的確なお答えありがとうございます。 早速やってみました。 バッチリでした。 本当にありがとうございます。

その他の回答 (1)

  • Muller3
  • ベストアンサー率81% (800/979)
回答No.1

<a href="開くページのURL" onclick="window.open('開くページのURL)','popup','width=420,height=330,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no'); return false"> これでどうでしょう(全部noになってますがyesでもnoでも好きなように)

関連するQ&A

  • 別窓リンクの問題点は?

    画像リンクによる別窓表示で下記の一行のみのソースをリンクとして別窓表示しています。この方法でのデメリットはありますでしょうか? -------------------------------------------------------------- <body> <a href="javascript:void window.open('test.html',null,'height=450,width=300,menubar=no,toolbar=no,scrollbars=no');"><img src="test.gif"></a> </body> -------------------------------------------------------------- サイト検索で見かける別窓表示のソース↓ <head> <script language="JavaScript"> function openWindow(i) { window.open("sample" + i + ".html","","width=700, height=600"); } </script> </head> <body> <a href="javascript:openWindow('1')">sample1.html</a><br /> </body> これとの比較したときの問題は?

  • プルダウンメニューで選んだリンクを別窓で表示させたい

    こんにちは。 プルダウンメニューで選んでもらうと 選んでもらった日にちのところに飛ぶように作っています。 ★GO★を押してもらった日にちの日記を 別窓で表示させるにはどこに _blank を入れたらいいのでしょうか? よろしくお願いします○┓ペコリ <script language="JavaScript"><!-- function myGo(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --></script> <form name="myForm"> <select name="myMenu"> <option value="http://blog.livedoor.jp/***"> ■ブログTOP■ <option value="http://blog.livedoor.jp/01**" > *2/2の日記 <option value="http://blog.livedoor.jp/02**" > *2/3の日記 </select> <input type="button" value="★GO★" onClick="myGo()"> </form>

  • 別ウィンドウをそれぞれ違うサイズで位置指定で開きたい

    現在ウェブサイトを作っておりまして、別ウィンドウをそれぞれ違うサイズで位置指定で開きたいと思い、headの中に以下の記述をしました。 <SCRIPT language="JavaScript"> <!-- w = 800; h = 600; function season2009ss() { x = (screen.width - w) / 2; y = (screen.height - h) / 2; subWin = window.open("look/season2009ss.html","season2009ss","screenX="+x+",screenY="+y+",left="+x+",top="+y+",width="+w+",height="+h+",scrollbars=yes"); } //--> </SCRIPT> <SCRIPT language="JavaScript"> <!-- w = 500; h = 660; function contact() { x = (screen.width - w) / 2; y = (screen.height - h) / 2; subWin = window.open("mail/contact.html","contact","screenX="+x+",screenY="+y+",left="+x+",top="+y+",width="+w+",height="+h+",scrollbars=yes"); } //--> </SCRIPT> 開きたい画面は二つあり、位置は両ウィンドウとも画面の真ん中で、サイズのみ違います。 しかし、この形ですとなぜかウィンドウサイズは両方とも同じになってしまい、狙い通りにいきません。 何が原因なのでしょうか。

  • 中央に、アドレスバー表示した別窓を表示

    別窓を中央に開くため、 次のものを用意したのですが、その別窓にアドレスバーを表示させたいのです。 どこをどうしたらよいのでしょうか。 locationってのをどこかに書き込めば良いのかと思っていろいろやってみておりますが、うまくいきません。 ぜひご教授ください。 ↓現在、用意したもの <head> <SCRIPT language="javascript"> var win = null; function NewWindow(mypage,myname,w,h,scroll){ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' win = window.open(mypage,myname,settings) } </SCRIPT> </head> <body> <a href="demo.html" onclick="NewWindow(this.href,'myname','450','375','no' );return false">[こちら]</A> </body>

  • 小窓が見れない

    マック・ネスケープの環境の方から指摘を受けました。 <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("*****.html","window1","WIDTH=500,HEIGHT=400"); } </SCRIPT> <BODY> <A HREF="javascript: openWindow1()"><IMG src="../images/*****.gif" width="60" height="25"> </BODY> 上記のタグで、各10ほど(openWindow1~openWindow10)小窓を出せるようにしています。 IE&Windowsでは問題無く表示されます。 見れるようにする方法はあるのでしょうか? 説明・勉強不足かもしれませんが、宜しくお願いします。

  • ハイパーリンクをクリックしてサイズ指定のウィンドウを表示したい

    ブラウザ上のハイパーリンクをクリックすると サイズ指定したウィンドウを表示したいのですが、 サイズ指定となるとJavaScriptを使用しないと ダメなのでしょうか?? JavaScriptを使用してウィンドウを出すという処理 自体はわかっているのですが、<A>(アンカータグ)を 使用している為、onclickイベントで処理しようとしても その前に<A>でアドレスと指定していないのでエラーに なってしまいます。何かいい方法はないでしょうか? よろしくお願いします!!! 一応、ソースを記載しておきます。 <A HREF="" onclick="output();">ハイパーリンク</A> <script language="JavaScript"> function output() { window.open("test.htm,"","width=500,height=600"); } </Script>

  • 親、子、孫のウインドウを同時に表示するのは?

    親と子のウンドウを同時に開くのは 親のファイルに以下のように書けば <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--// function openWindow() { window.open("","windowname"); } //--> </SCRIPT> </HEAD> <BODY> <A HREF="ko.html" onClick=openWindow() TARGET="windowname">子ウインドウ</A> </BODY> 出来るんですが、子のファイルに同じように書くと 子のウインドウが孫に変わってしまいます。 親、子、孫を同時に表示するのには、どうすればよいか、よろしくお願いします。

  • 指定サイズウィンドウが開かない

    ビルダーでサイトを作成しているのですが JAVAスクリプトを使用したサイズ指定ウィンドウが ビルダーのプレビューではちゃんと開くのにFTPツールで転送し、ネット上で開こうとすると開きません。 タグの書いてあったサイトのサンプルでもちゃんと開きます。 タグは <A href="javascript:void(0);" onClick="window.open('file:///○○.html', 'newwin', 'width=900,height=600')" ><IMG src="○○.gif" width="68" height="79" border="0"></A> です。これを<BODY></BODY>に埋め込んでいます。 ○○はファイル名です。一体何処が悪いのでしょうか? 教えてください。

  • ページのエラー

    始めまして 任意大きさのウインドウをたち上げる際 (ブラウザ上で) どうしても、「表示されました。」の横に ビックリマーク「!」が出て 暫くすると、ページエラーと表されます。 任意のウインドウは正常に表示されます。 色々と調べましたが、どうも私のスキルでは 限界です。 <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> 今の所、一つしかリンクしていません。 いずれ、9個を同じような形で アイコンから、したいと思ってます HPビルダーのソースから記入したのですが 何処が可笑しいのでしょう? また、他の方法(タグ)はあるのでしょうか? どうか、お知恵を下さい 宜しくお願いします。

  • javaでサムネイルをクリックして別窓で表示したいのですが…

    はじめまして!たつやです。 現在OSはXPでビルダー9を利用して画像アルバムのホームページを作成してますが、サムネイルと元画像はhtmlファイルとして用意し、それぞれのサムネイルをクリックするとタイトルバーなどが無い別画面で表示したいと考えております。別画面はクリックした画像の数だけ開くようにしたいとも考えています。 ヘッド部には <script Language="JavaScript"><!-- function nwin1(){ sub=window.open("jpeg/001.html","subwin1","width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30");} function nwin2(){ sub=window.open("jpeg/002.html","subwin2","width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30");} } // --></script> と記入して、ボディー部には <A href="jpeg/001.html" onclick="nwin1()"><IMG src="jpeg/s001.jpg" width="90" height="68" border="0"></A> <A href="jpeg/002.html" onclick="nwin2()"><IMG src="jpeg/s002.jpg" width="90" height="68" border="0"></A> と記載下のですが、upすると、 auto;blank と出てうまくいきません。 どのように対処すればよいでしょうか? 取り急ぎご回答をお待ちしています。