別窓を開くリンクで画像を使用したい方法
- javaScriptを使用して別窓を開くリンクでリンク元に画像を利用する方法について教えてください。
- 要望は、検索しても文字からのリンクしか見つからず画像からのリンクを知りたいというものです。
- 具体的には、<SCRIPT>タグのコードをどのように書き換えれば画像からリンクできるかを教えてください。
- ベストアンサー
別窓を開くリンクでリンク元に画像を使用したいのですけども・・・
いつもお世話になります。 また、問題が発生致しました。 javaScriptで別窓を開くリンクでリンク元に画像を利用したいのですけども検索しても文字からのリンクしか見つからず画像からのリンクを教えて頂きたいのですが、よろしくご指導お願い致します。 <SCRIPT LANGUAGE="JavaScript"> <!--- function wopen1(){ window.open("http://www.yahoo.co.jp","yahoo", "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=500,height=300") } //---> リンク元で画像を使いたいです。 <A HREF="javascript: wopen1()">ウィンドウ1</A> これをどのように書き換えれば画像からリンクできますでしょうか？ お手数かけますがお願いいたします。
- kaito7
- お礼率82% (139/168)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
画像の載せ方は分かりますか？それを<A>タグで挟むだけですよ。 <A HREF="javascript: wopen1()">ウィンドウ1</A> を <A HREF="javascript: wopen1()"><img src="画像Url"></A> に変更してください。
関連するQ&A
- Javascriptを使わないで別窓
サイトの作成で、現在以下のjavascriptを使用したつくりになっているんですが、 function subWin1(){ window.open("top_ss.htm","lunanueva","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=800,height=620");} ※ステータスバーとか消した別窓を出すjavascript Javascriptを使用せず、ステータスバーを消す別窓など、それに近いことを行うことはできないでしょうか。
- ベストアンサー
- HTML
- リンク画像に触れると文字
ブログに、アイコンをクリックしたら小窓（新しいウインドウ）を出すようにしています。そのアイコン（リンク）に触れると説明文が出るようにするには、どこのタグにどのように入れたらいいのでしょうか？ とりあえず、 <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のＵＲＬ" width="幅" height="高さ" border="0"></A> ↑こういう設定をしています。
- ベストアンサー
- レンタルサーバ・ASP
- java script作ったのですがうまく出来ません １
下記のを作成したのですがウインドウが３つめまでしか開きません。 ご指摘お願いします。初心者です。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function window_open(){ w1 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w2 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w3 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w4 = window.open("http://www.yahoo.co.jp/"," _blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w5 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w6 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes");
- 締切済み
- JavaScript
- ブラウザサイズをフルサイズで表示させる方法
ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 XPはOKで、WIN98でうまくいきませんでした。リンク先をクリックすると別ウィンドウが立ち上がる仕組みです。画面サイズに合わせて変わるようなのですが、WIN98では、スクロールバーが途中で切れてしまい、 一番下まで、綺麗に表示できませんでした。これ以外の方法でもかまいませんので、どなたかご伝授いただければと思います。 function wopen(url){ if(screen.width <= 640){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=640,height=480,left=0,top=0") }elseif(screen.width <= 800){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=800,height=600,left=0,top=0") }else if(screen.width <= 1024){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1024,height=768,left=0,top=0") }else if(screen.width <= 1152){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1152,height=864,left=0,top=0") }else if(screen.width <= 1280){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1280,height=1024,left=0,top=0") }else{ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1600,height=1240,left=0,top=0") } return; } ： <A href="javascript:wopen('/index.html')">
- ベストアンサー
- JavaScript
- java script作ったのですがうまく出来ません ２
続きです。 w7 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w8 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w9 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w10 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w11 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w12 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); } </SCRIPT> </HEAD> <BODY onLoad="window_open()"> 関連URL:http://www.okweb.ne.jp/kotaeru.php3?q=380405
- ベストアンサー
- JavaScript
- ジャバスクリプトでウィンドウサイズ指定を複数
ご覧いただきありがとうございます。 ネットで調べながら独学でジャバスクリプトの設置をしております。 色々ためしたのですが解決できないのでご教授願います。 ウィンドウサイズを指定して新しいウィンドウを開くジャバスクリプトのリンクを、異なる条件で同じページに複数指定することはできるでしょうか。 同ページ内にあるAのリンクはサイズ400×300で、Bのリンクは600×500といった具合にです。 自分なりに考えてみて下記のように記述してみましたが、BのリンクにもAが適用されてしまいました。 ■head内の記述 <head> <script language="JavaScript"> <!-- function wopen1(){ win=window.open("リンクAのURL","new","width=400,height=300","resizable=no","scrollbars=no","menubar=no","toolbar=no","directories=no","status=no","left=100","top=100","screenX=100","screenY=100"); win.moveTo(100,100); } // --> </script> <script language="JavaScript"> <!-- function wopen2(){ win=window.open("リンクBのURL","new","width=600,height=500","resizable=yes","scrollbars=yes","menubar=no","toolbar=no","directories=no","status=no","left=100","top=100","screenX=100","screenY=100"); win.moveTo(100,100); } // --> </script> </head> ■リンク箇所の記述 <a href="javascript:wopen1()">リンクAのテキスト</a> <a href="javascript:wopen2()">リンクBのテキスト</a> head内の記述をひとつだけにすると正常に動作するので、head内の記述が間違っていると思うのですが、よくわかりません。ご教授おねがいいたします。
- ベストアンサー
- JavaScript
- 外部jsファイルにwindow.openを記述するとmacIEで動かない場合
他の質問にこの条件のケースがなかったので質問させていただきます。よろしくお願いします。 親ページからサブウインドウを開こうとして、 macのＩＥだけ確認できません。 ファイルは以下のように作成しました。 wopen.jsファイルを作成して、そこに function wopen(URL){ window.open("aaa.html", "wopen", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=600,height=600"); } と記述して HTMLに <head> <SCRIPT TYPE="text/javascript" SRC="wopen.js"></SCRIPT> </head> <body> <a href="javascript:wopen( )"><img src="a.gif"></a> </body> なぜなのかわからないので、 すみませんがよろしくお願いします。
- 締切済み
- JavaScript
- 別窓についての質問です。
別窓の開くJavaScriptは分かるのですが、 別窓を多く開く方法が分かりません (1)大きめの窓で開きたい (2)小さめの窓で開きたい (↑サイズ指定をして) という場合、別窓を共有(？)する形になってしまい、 (1)を開いたまま、(2)を開こうとすると、 (1)の大きさの窓なので、 (2)のページを開くと余白ができてしまいます。 <HEAD>～</HEAD>内に <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("★★★","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500,left=10,top=10"); } --> </SCRIPT> <BODY>～</BODY>内に <A href="javascript:subWin1();" style="text-decoration:none" style="color:black"> <FONT onmouseover='this.color="#FF0000";' onmouseout='this.color=""'> <b>掲示板</b> </FONT> </A> (1)・(2)共、この書き方をしているのですが… ご意見お待ちしています。
- ベストアンサー
- JavaScript
- ジュゲムのブログですが。。
プロフの蘭に、リンクを貼りたいのですが、リンクに飛べません。 とりあえず、編集欄に <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のＵＲＬ" width="幅" height="高さ" border="0"></A> ↑を入れたのですが、飛んでくれません。 編集欄に入れるんではないのですか？？？
- ベストアンサー
- ブログ
- 開かれる側のファイルに、ツールバー非表示記述
開かれる側のファイルに、ツールバー非表示やウィンドウサイズ指定などの記述をしたいのですが（"width=300,height=400,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes"など？）、どう記述したらよろしいでしょうか。よろしくご回答のほど、お願いいたします。
- 締切済み
- JavaScript
お礼
さっそくお返事頂きましてどうもありがとうございます。ご指導のとおりにやりましたら希望通りにできました。誠にありがとうございました。また、宜しくお願い申し上げます。