締切済み

JavaScriptについて

2005/01/05 18:32

サイト作成中なのですが、JavaScriptのところでつまづいています。ボタンをクリックすると別窓で画像が出てきて表示されるというJavaScriptを作ると、ボタンは表示されていたのですが、ボタンを押しても画像が表示されません。つまり押しても何も反応がありません。恐らく画像の保存場所が違うのではないかとにらんでみたのですが見当違いかな？？タグは以下の通りです。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> function cl(){ popwin=window.open(",'img','width=150,height=150'); popwin.document.write('<IMG SRC="image3.jpg">'); } </SCRIPT> </BODY> クリックしてください。 <FROM> <INPUT type="button" VALUE="クリック" onClick="cl()"> </FROM> </BODY> </HTML> 私はここの部分で間違えてると思いました。 popwin.document.write('<IMG SRC="***.jpg">'); デスクトップに置いてるmyhomepageにimageというフォルダを置いてそこに画像を保存しています。その場合、<IMG SRC="image/***.jpg">かなと思い実行してみましたがダメでした。。 JavaScriptのときは何か特別なファルダを作る必要があるんでしょうか？？ JavaScriptに関しては最近はじめたばかりでチンプンカンプンなのでわかりやすく説明していただけるとありがたいです。ちなみに上記のタグは説明本通り記載しました。よろしくお願いいたします。

BLITZ-KRIEGS
お礼率36% (36/99)

みんなの回答 （3）
専門家の回答

みんなの回答

kai123
ベストアンサー率53% (88/163)

2005/01/05 20:48 回答No.3

function使うのも面倒なんで下記のようにしたらどうですか？ function cl(){}の部分を無くして <FROM>の後に <a href="＊＊＊.jpg" target="_blank" onclick=javascript:window.open("＊＊＊.jpg","imge","width=横のサイズ,height=縦のサイズ");return(false)> を入れて、そのあとに <INPUT type="button" VALUE="クリック" onClick="cl()">を入れその後に、</a>を入れます。タグの説明としては、 javascriptが有効でないときは、サイズ指定なしのただの新規ウインドウで開きます。 javascriptが有効の時はjavascriptを利用してサイズ指定つきで新規ウインドウを開きます。 "width=横のサイズ,height=縦のサイズ"のところはプロパティなのでここにはスクロールバーの有無、メニューバーの有無など設定できます。プロパティは width（横のサイズ）設定方法　width=100 height（縦のサイズ）設定方法　height=100 toolbar（ツールバーの有無）設定方法　toolbar=0又はtoolbar=1又はtoolbar=yes又はtoolbar=no menubar（メニューバーの有無）設定方法　上と同じ指定方法 status（メニューバーの有無）設定方法　上と同じ指定方法 location（ロケーションバーの有無）設定方法　上と同じ指定方法 scrollbars（スクロールバーの有無）設定方法　上と同じ指定方法 resizable（リサイズの許可非許可）設定方法　上と同じ指定方法例としては、横サイズ382、縦サイズ511、リサイズ非許可という指定の場合 "width=382,height=511,resizable=no" プロパティを「,」で並べます。初期値は「yes」や「1」になります。 BLITZ-KRIEGSさんの場合は <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> </SCRIPT> </BODY> クリックしてください。 <FROM> <a href="***.jpg" target="_blank" onclick=javascript:window.open("***.jpg","imge","width=150,height=150");return(false)> <INPUT type="button" VALUE="クリック" onClick="cl()"> </a> </FROM> </BODY> </HTML> って感じになりますね。って感じでどうでしょうか？

ログインすると、全ての回答が全文表示されます。

gura_
ベストアンサー率44% (749/1683)

2005/01/05 19:43 回答No.2

　window.openの中の、シングルクォーテーション（'）２個がダブルクォーテーション（"）になっているのが、一番大きな原因でしょう。↓ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> function cl(){ popwin=window.open('','img','width=150,height=150'); popwin.document.write('<IMG SRC="image3.jpg">'); } </SCRIPT> </HEAD> <BODY> クリックしてください。　 <FROM> <INPUT type="button" VALUE="クリック" onClick="cl()"> </FROM> </BODY> </HTML> 　

ログインすると、全ての回答が全文表示されます。

yukaself
ベストアンサー率45% (22/48)

2005/01/05 19:36 回答No.1

<head>～</head>の中に <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <body>から</body>の間に <FORM> <INPUT TYPE="button" VALUE="ボタン名" onClick="newwin()"> </FORM> こん感じのタグでどうでしょうか？

ログインすると、全ての回答が全文表示されます。