Q&A
回答ありがとうございました
画像はpng(sample.png)です
このpngをクリックするとJavaScriptが実行されるようにしたいです
またこのJavaScriptはHTMLのファイルとは別に作っています
以下のプログラム(一部省略)を書いてみたのですがこのHTMLを開いたときにJavaScriptが実行されてしまいpngのボタンとうまくひも付きません
どこを改善したらよいのか教えてください
html
1<body> 2 <script src="foo.js"></script> 3 <img src="javascript/sample.png"> 4</body>
この質問の投稿者はすでに退会しているため、質問者からの返信がない点にご留意ください。
回答3件
0
imgタグのonclickイベントに、実行したい関数を設定すればよいと思いますが、
いかがでしょうか？
HTML
1<head> 2<script type="text/javascript" src="./js/foo.js"></script> 3</head> 4<body> 5<img src="javascript/sample.png" onclick="popup();"> 6</body> 7 8foo.js 9function popup() { 10 alert("onClick!"); 11}
投稿2015/10/05 06:47
総合スコア924
0
HTMLの方にidを付与し
HTML
1<img id="hoge" src="javascript/sample.png">
jQueryなら
jQuery
1$("#hoge").click(function(){ 2 //クリック後の処理 3});
Javascriptなら
Javascript
1var p = document.getElementById('hoge'); 2function hogehoge(){ 3 クリック後の処理 4} 5 6p.attachEvent('onclick', hogehoge);
こんな感じで紐付けられるかと
投稿2015/10/05 06:33
総合スコア992
> p.attachEvent('onclick', hogehoge);
attachEvent は IE の独自拡張の為、addEventListener にも触れると良いと思います。
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener
addEventListenerというのもあるのですね
ありがとうございます
0
ベストアンサー
以下のようにして画像にリンクをつけてやれば出来るはずです。
HTML
1<a href="#" onclick="imgClick();"><img src="javascript/sample.png"></a>
imgClickの箇所に実行したい関数を書いて下さい。
また、HTMLを開いた時に実行されるのは関数化されていないのでは？と思いますが。
以下のように関数を定義してやれば実行出来るはずです。
JavaScript
1function imgClick() { 2 alert("クリックされました"); 3} 4
投稿2015/10/05 06:27
総合スコア70
できました、ありがとうございます
今回は個人的にもっともわかりやすかったriceさんの回答をベストアンサーにさせていただきます
ありがとうございました
この質問の投稿者はすでに退会しているため、質問者からの返信やベストアンサーの選定がない点にご留意ください。
あなたの回答
tips
プレビュー
退会済みユーザー
2015/10/05 22:19