関数内でonclickをさせたい

締切済

質問者：shizer
質問日時：2009/05/03 17:37
回答数：6件

以下に示すような動作をさせたいのですが、手段はあるでしょうか？
ご教示の方よろしくお願いいたします。

<html>
<head>
<script type="text/javascript">
function test1(){
ここでtest2というリンクをクリックしたことにしたい。
document.getElementById("test2").onclickとか勘でやってみたけどダメでした。
}
</script>
</head>
<body>
<img src="hoge.jpg" name="test1" onclick="test1();">
<a href="hoge.html" id="test2">test2</a>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

最新から表示
回答順に表示

No.6

回答者： think49
回答日時：2009/05/11 01:02

質問者さんのHTMLなら以下のコードで動くこと確認しました。

----
<img src="hoge.jpg" name="test1" onclick="test1();">
<a href="hoge.html" id="test2">test2</a>
<script type='text/javascript'>
function test1(){
location.href=document.getElementById("test2").href;
}
</script>
----

> document.getElementById("test2").onclick とか勘でやってみたけどダメでした。
document.getElementById("test2").onclick() は <a href="hoge.html" id="test2">test2</a> にも onclickが定義されていないと働きません。

----
<img id="test1" src="test.gif" onclick="document.getElementById('test2').onclick();">
<a id="test2" href="test.html" onclick="test2();">test2</a>
<script type='text/javascript'>
function test2(){
location.href=document.getElementById('test2').href;
}
</script>
----

これで動きますが、これなら両方とも test2() を実行した方がスマートですね。

- 0
- 件

通報する

No.5

回答者： vonvonvon
回答日時：2009/05/08 14:47

<html>

<head>
<script type="text/javascript">
window.onload=function(){
document.getElementById("test2").onclick=Test2_wo_click;
}
function Test2_wo_click(){
window.location="hoge.html";
}

function test1(){
document.getElementById("test2").onclick();
}
</script>
</head>
<body>
<img src="hoge.jpg" name="test1" onclick="test1();">
<a href="javascript:Test2_wo_click()" id="test2">test2</a>
</body>
</html>