複数のfunctionをonclickで実行するには？

質問

こんばんは。
複数のfunctionを実行するにはどうしたらいいんでしょうか？
後、追加でなんですが、areaにhref属性を使わず（#を指定すると、ページの上に戻ってしまうため）にポインタを指（リンクに乗せたときのやつです）にするにはどうすればいいんでしょうか？

インラインフレーム１
<script>
<!--
function change１(picname) {
parent.frames['インラインフレーム２'].document.getElementById("ＩＤ１").src = picname;
}
function change２(picname) {
parent.frames['インラインフレーム２'].document.getElementById("ＩＤ２").src = picname;
}
・・・
function change３(picname) {
parent.frames['インラインフレーム２'].document.getElementById("ＩＤ８").src = picname;
}
//-->
</script>
上のfunctionを複数実行したいんです。（全てではありません）
<map name="">
<area shape="rect" coords="0,0,0,0" alt="" onclick="change１('ファイル')">
・・・
<area shape="rect" coords="0,0,0,0" alt="" onclick="change８('ファイル')">
</map>

インラインフレーム２
<div style="position: absolute; top: 0px; left: 0px; z-index: 0;"><img src="ファイル" id=ＩＤ１ alt="" border="0"></div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 1;"><img src="ファイル" id=ＩＤ２ alt="" border="0"></div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 2;"><img src="ファイル" id=ＩＤ３ alt="" border="0"></div>
・・・
<div style="position: absolute; top: 0px; left: 0px; z-index: 8;"><img src="ファイル" id=ＩＤ８="0"></div>
どうでしょう？
自分なりに試してみたんですが、成功しませんでした。（onclickにいっぱいくっつけたりとか・・・）
どうかお願いします。

回答No.2

fujillin · ベストアンサー

簡単にするために、まず、functionもまとめてしまいましょう。
現状では、画像のファイルパスが引数になっていますが、変更するエレメントの指定も引数にしてしまえば、以下のひとつで済んでしまいます。
function change0(idn.picname){
parent.frames['インラインフレーム２'].document.getElementById(idn).src = picname;
}
呼び出す側は　onclick="change0('ID1','ファイル')"　などとなります。

処理を2種類以上行いたい場合は、
　onclick="change0('ID1','ファイル1'); change0('ID2','ファイル2');"
などのようにしてあげればよいです。

他にもいろいろ方法は考えられるけれど、一例です。
（関係ないけど、質問文はいろんなところが全角文字だけど、
　それは質問文用ということですよね？）

お礼

functionのまとめかたも教えていただいてとてもうれしいです！
ちょっとごちゃごちゃしていたのがきになっていたので・・・。
複数処理はカンマで区切るんですね！しっかりと覚えておきます。
>>（関係ないけど、質問文はいろんなところが全角文字だけど、
　それは質問文用ということですよね？）
そうですｗあまり気にしないでくださいませ。
本当にありがとうございました！

回答No.1

chara0-m

<area href="javascript: void(0)" shape="rect" coords="0,0,0,0" alt="" onclick="change1('ファイル'),change2('ファイル'),change3('ファイル')">

複数のfunctionは、カンマ区切りで実行されます！

リンクさせたくないのであれば
上にもかきましたが
href="javascript: void(0)"

これで大丈夫ですよ！！

お礼

ありがとうございます！
カンマで区切るだけだったんですね・・・ｗ
問題なく動きましたよ！本当にありがとうございました！！