• 締切済み

JavaScriptで画像に連動してテキストの内容

ジャバスクリプトを使って3枚の画像をクリックで入れ替え(ここまではできています。)その画像に連動した形で写真下のテキストフィールド内の文字を変えたいのですが、やり方がわかりません。 クリックで画像と同時に変えるにはなにかテクニックがいるのでしょうか?(withなんてのがあったんですが、これを使えば良いのでしょうか? <script language="javascript"> var no=1; var su=3; var text11=1; function func3() { var img1 = document.getElementById('img1'); no++; if (no>su){ no=1; } var gazo='s5_'+no+'.jpg'; img1.src=gazo; } </script> <img src="s5_1.jpg" width="320" height="481" hspace="125" vspace="10" id="img1" onclick=" func3();" /> <div class="syasinnsita"> <textarea name="text11" cols="78" id="text11">写真をクリックしてください。解決法を指南します</textarea>

みんなの回答

  • nobb_hero
  • ベストアンサー率45% (9/20)
回答No.1

質問者様のスクリプトへ追加した形になります。 どうでしょうか? <script language="javascript"> var no=1; var su=3; var text11=1; var msg = new Array("msg1","msg2","msg3");//追加 function func3() { var img1 = document.getElementById('img1'); var txt = document.getElementById('text11');//追加 no++; if (no>su){ no=1; } var gazo='s5_'+no+'.jpg'; img1.src=gazo; txt.value=msg[no-1];//追加 } </script>

関連するQ&A

専門家に質問してみよう