リンク画像に触れると文字

このQ&Aのポイント
  • ブログに、アイコンをクリックしたら小窓(新しいウインドウ)を出すようにする方法を教えてください。
  • アイコン(リンク)に触れると説明文が出るようにするために、どのタグにどのように入れれば良いでしょうか?
  • 画像でリンクを貼るときの設定方法を教えてください。
回答を見る
  • ベストアンサー

リンク画像に触れると文字

ブログに、アイコンをクリックしたら小窓(新しいウインドウ)を出すようにしています。そのアイコン(リンク)に触れると説明文が出るようにするには、どこのタグにどのように入れたらいいのでしょうか? とりあえず、 <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="画像でリンクを貼るときはココに画像のURL" width="幅" height="高さ" border="0"></A> ↑こういう設定をしています。

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

  • ベストアンサー
noname#48234
noname#48234
回答No.2

Windows版のブラウザ、InternetExplorer6とFirefox1.5しか試していませんが、 <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のURL" width="幅" height="高さ" border="0"></A> ↓ <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のURL" width="幅" height="高さ" border="0" alt="説明文" title="説明文"></A> として、画像にaltとtitleを付けてみてください。

suwahiri
質問者

お礼

二度もお返事ありがとうございます!! 出来ました!!助かりました!!

その他の回答 (1)

noname#48234
noname#48234
回答No.1

その”説明文”をどこに出したいのですか? ステータスバー(ウィンドウ下部の帯)ですか? 画像に当てたマウスポインタ付近ですか?

suwahiri
質問者

お礼

すみません!!画像に当てたマウスポイント付近です。

関連するQ&A

  • ジュゲムのブログですが。。

    プロフの蘭に、リンクを貼りたいのですが、リンクに飛べません。 とりあえず、編集欄に <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="画像でリンクを貼るときはココに画像のURL" width="幅" height="高さ" border="0"></A> ↑を入れたのですが、飛んでくれません。 編集欄に入れるんではないのですか???

  • 別窓を開くリンクでリンク元に画像を使用したいのですけども・・・

    いつもお世話になります。 また、問題が発生致しました。 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> これをどのように書き換えれば画像からリンクできますでしょうか? お手数かけますがお願いいたします。

  • htmlでHP作成・1つのページに複数の小窓を出すには・・・

    メモ帳を使い、タグを打ち込んでHPを作っています。 1つのページに3つのリンク元を置いて、それぞれ違う 小窓が出るようにしたいのですが、やってみたら 全部同じ小窓が出てしまいます。何度やっても直りません。 打ち込んだタグはこれです。(<BODY></BODY>内に) 同じタグを、リンク先のURLとリンク元の文を変えただけで3つ続けて書き込みました。 これだと、どのリンク元を押しても3つめの小窓が開いてしまいます。 ちゃんと個々の小窓が開くようにするにはどうすればいいのでしょうか??教えてください!! <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("1つめ.html","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500"); } --> </SCRIPT><A href="javascript:subWin1();" STYLE="text-decoration:none" title="" onfocus="this.blur()"><font color=gold size="1" face="verdana"onMouseOver="this.style.color='red'" onMouseOut="this.style.color = 'GOLD'">1つめリンク元</font></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
  • 小窓について。

    現在、クリックすると小窓が開くようにして注意事項等を表示しています。 サイト内で小窓が3カ所あり、全てサイズが違います。 私は開いた小窓を閉じて次のアクションをおこすので気付かなかったのですが、 どうやら開いた小窓をそのままで次のアクションをおこし別の小窓を開く人には「見えない」(実際には開いているけれど、元々のページの下に隠れている。&小窓のサイズが最初に開いた小窓のままで次に開いた小窓の内容とはサイズが合ってない)という事です。 現在使用中のタグは以下のものです。 どのように訂正すれば快適に表示することができるのでしょうか。 =HEAD内= <script type="text/javascript"> <!-- function subwin1(){window.open('△△.htm','miniwin', 'resizable=no,menubar=no,status=no,location=no,scrollbars=yes,toolbar=no,width=430,height=620');} --> </script> =BODY内= <A href="javascript:subwin1()"> 過去ログをどのように調べたらいいかわからなかった(適切な検索語句がわからない)ので新しく質問しました。 もし過去に同じような質問があれば、リンクを張っていただくだけでも構いません。 お手数おかけしますが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • IEのタイトル変更方法について

    JavaScriptについて素人ですのでご教授願います。 素人ながらいろいろと調べて以下のようなJavaScriptを作成しました。 このJavaScriptは、PDFファイルを表示する為に使用します。 <script language="JavaScript"> function pdf_open(jump){ subwin = window.open('pdf_open.html','subwin','width=800,height=600,menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=no");'); subwin = window.subwin.location.href = jump; } このままPDFファイルを表示するとIEのタイトルにアドレスが表示されてしまいます。 例えばIEのタイトルに[PDF_OPEN]と表示することが可能でしょうか? ご存知の方が居ましたら、ご回答宜しくお願い致します。

  • ブラウザサイズをフルサイズで表示させる方法

    ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 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は分かるのですが、 別窓を多く開く方法が分かりません (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)共、この書き方をしているのですが… ご意見お待ちしています。

  • エラー

    JAVA SCRIPTでWINDOWが開くように以下のようにヘッダに入力しました。 <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ window.open("http://www.******.htm","new_win","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=yes,resizable=no,Width=500,Height=700"); win.moveTo(0,0); } //--> </SCRIPT> それをブラウザから見ると、ウインドウを開いた後にもとのウインドウの下に 「ページでエラーが発生しました」 とでてしまいます これは、構文が間違っているのでしょうか? それともほかに何か原因があるのでしょうか? よろしくおねがいします

  • ジャバスクリプトでウィンドウサイズ指定を複数

    ご覧いただきありがとうございます。 ネットで調べながら独学でジャバスクリプトの設置をしております。 色々ためしたのですが解決できないのでご教授願います。 ウィンドウサイズを指定して新しいウィンドウを開くジャバスクリプトのリンクを、異なる条件で同じページに複数指定することはできるでしょうか。 同ページ内にある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内の記述が間違っていると思うのですが、よくわかりません。ご教授おねがいいたします。