こんばんは。
複数のfunctionを実行するにはどうしたらいいんでしょうか?
後、追加でなんですが、areaにhref属性を使わず(#を指定すると、ページの上に戻ってしまうため)にポインタを指(リンクに乗せたときのやつです)にするにはどうすればいいんでしょうか?
インラインフレーム1
<script>
<!--
function change1(picname) {
parent.frames['インラインフレーム2'].document.getElementById("ID1").src = picname;
}
function change2(picname) {
parent.frames['インラインフレーム2'].document.getElementById("ID2").src = picname;
}
・・・
function change3(picname) {
parent.frames['インラインフレーム2'].document.getElementById("ID8").src = picname;
}
//-->
</script>
上のfunctionを複数実行したいんです。(全てではありません)
<map name="">
<area shape="rect" coords="0,0,0,0" alt="" onclick="change1('ファイル')">
・・・
<area shape="rect" coords="0,0,0,0" alt="" onclick="change8('ファイル')">
</map>
インラインフレーム2
<div style="position: absolute; top: 0px; left: 0px; z-index: 0;"><img src="ファイル" id=ID1 alt="" border="0"></div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 1;"><img src="ファイル" id=ID2 alt="" border="0"></div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 2;"><img src="ファイル" id=ID3 alt="" border="0"></div>
・・・
<div style="position: absolute; top: 0px; left: 0px; z-index: 8;"><img src="ファイル" id=ID8="0"></div>
どうでしょう?
自分なりに試してみたんですが、成功しませんでした。(onclickにいっぱいくっつけたりとか・・・)
どうかお願いします。
No.1
- 回答日時:
<area href="javascript: void(0)" shape="rect" coords="0,0,0,0" alt="" onclick="change1('ファイル'),change2('ファイル'),change3('ファイル')">
複数のfunctionは、カンマ区切りで実行されます!
リンクさせたくないのであれば
上にもかきましたが
href="javascript: void(0)"
これで大丈夫ですよ!!
No.2ベストアンサー
- 回答日時:
簡単にするために、まず、functionもまとめてしまいましょう。
現状では、画像のファイルパスが引数になっていますが、変更するエレメントの指定も引数にしてしまえば、以下のひとつで済んでしまいます。
function change0(idn.picname){
parent.frames['インラインフレーム2'].document.getElementById(idn).src = picname;
}
呼び出す側は onclick="change0('ID1','ファイル')" などとなります。
処理を2種類以上行いたい場合は、
onclick="change0('ID1','ファイル1'); change0('ID2','ファイル2');"
などのようにしてあげればよいです。
他にもいろいろ方法は考えられるけれど、一例です。
(関係ないけど、質問文はいろんなところが全角文字だけど、
それは質問文用ということですよね?)
functionのまとめかたも教えていただいてとてもうれしいです!
ちょっとごちゃごちゃしていたのがきになっていたので・・・。
複数処理はカンマで区切るんですね!しっかりと覚えておきます。
>>(関係ないけど、質問文はいろんなところが全角文字だけど、
それは質問文用ということですよね?)
そうですwあまり気にしないでくださいませ。
本当にありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
#include <Windows.h>というヘ...
-
binファイルを解凍したいの...
-
アクセス 壊れた? 「ファイ...
-
バッチ処理で追記コピーしたい
-
ファイルが開かれているかどう...
-
既に開いているエクセルを閉じ...
-
実行ファイル(.exeファイル)...
-
Word VBA MSGBOX 内で降順表示
-
iniファイル
-
exeファイルをデータ転送サービ...
-
公文書のxmlファイルの開き方が...
-
「ブルーファイル」と「グリー...
-
jarファイル
-
frm、frxファイル
-
【VBA】EXCELブックを開かずに...
-
C言語---ファイルに出力したデ...
-
WININET.DLL FtpCommand(TYPE)...
-
.NETアプリを作ったときの .man...
-
reaper音声ファイルについて
-
ハッシュ値を取る時はファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アクセス 壊れた? 「ファイ...
-
#include <Windows.h>というヘ...
-
Latexで図番号だけを「図1.1」...
-
binファイルを解凍したいの...
-
.NETアプリを作ったときの .man...
-
ファイル構造が破損しているフ...
-
2つのファイルのバイナリをコン...
-
CSSを1ページに1枚作るのって変...
-
Word VBA MSGBOX 内で降順表示
-
公文書のxmlファイルの開き方が...
-
jarファイル
-
バッチ処理で追記コピーしたい
-
自分で作成した重要ファイルを...
-
ファイルは何で構成されている...
-
exeファイルをデータ転送サービ...
-
リンクの張り付けかたを教えて...
-
exeファイルの中身を見る方法は...
-
参照するファイルをワイルドカ...
-
CRCが一致する確率
-
C言語---ファイルに出力したデ...
おすすめ情報