![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_05.png?8acaa2e)
初めて投稿します。
今、新しくBBSを作っています。
ココです→http://otdi5.jbbs.livedoor.jp/2015140/bbs_tree
アイコンをプルダウンメニューで選択してその上に選ばれた画像を表示させたいのですがうまくいきません。
テーブルが邪魔をしているのでしょうか?
単独だと思っていることができるのですが、名前フォームやコメント書く欄を作ってその中に入れると画像が切り替わりません。
また、投稿もできなくなってしまいました。
初心者でいろんな検索かけながら作り上げたのですが、あと一歩のところで苦戦しています。
わかる方がいらっしゃいましたら力を貸してくださいm(__)m
No.3ベストアンサー
- 回答日時:
こんにちは(^^)
ん?見比べてみても分かりませんでした?
仕方ありませんね~~見比べて発見していただけると一番良かったのですが・・・(><)
<SELECT name="etc5" onchange="look();">の上
『<FORM method="post" name="change">』の部分がおかしいと思います
おそらくselect boxにname属性を持たせようとしてつけたのだと思いますがこの22行上
<form action="bbs_write" method="post" name="change">
この部分でフォーム全体にname属性をつけてるので新たに命名する必要は無いのです
『document.change.change.etc5.selectedIndex』って感じになってしまいます
まぁフォームの中にまたフォームを作ってるのでそれもおかしくなってる原因かも(><)
ですので
<FORM method="post" name="change">
とその20行下
</FORM>
を削除すれば動くと思います
あー、私いらないところにフォームつけてたんですね;;
なんかまだまだわからないほんとの初心者なもので見比べるのいっぱいいっぱいでどこが違うのかがいまいちわかりませんでした。。
すいません><!
でも、親切に教えてくださったおかげで自分のやりたいものができました!
ありがとうございます。
自力でやろうと思って頑張ってたのですが、ここを発見して質問してよかったです。
No.2
- 回答日時:
こんにちは(^^)
こちらが正規だったんですね(笑)
失礼ながらご提示のページのソース拝見させてもらいましたm(--)m
僕もどちらかといえばアマチュアの方なので所々分からない部分もありましたが
とりあえず見た目が同じで(文字の部分が<th>なのでちょっと強調されてますが・・・)機能もほぼ同じに(set_cookieの方はまだ手をつけてないので分からないのですが)して次ページに送信することができましたのでテーブル部だけ書きますね(^^)
<SCRIPT language="JavaScript">
<!--
function look()
{
iti=document.change.etc5.selectedIndex;
image=document.change.etc5.options[iti].value;
document.war.src=image;
}
//-->
</SCRIPT>
<STYLE type="text/css">
<!--
form tbody { background:FFFF75;
color:black;
text-align: left; }
form tbody td { background:FFC8C8; }
form tbody img { width:100px;
height:100px;
border:0px;
}
-->
</style>
<form action="****.cgi" method="post" name="change">
<table border="0">
<tr><tbody>
<th >※Name(名前)</th>
<td nowrap><input type="text" name="handle" size="20"></td>
</tr><tr>
<th>※Subject(タイトル)</th>
<td><input type="text" name="subject" size="15"></td>
<th>アイコン(icon)</th>
</tr><tr>
<th>※Mesage(コメント)</th>
<td><textarea name="message" cols="35" rows="7"></textarea></td>
<td>
<img src="****.jpg" name="war"><br>
<select name="etc5" onchange="look();">
<option selected value="">アイコン
<option value="****.jpg">John-Hoon01
<option value="****.jpg">John-Hoon02
<option value="****.jpg">John-Hoon03
<option value="****.jpg">John-Hoon04
</select>
</td>
</tr><tr>
<th>Mail(メール)</th>
<td><input type="text" name="email" size="35"></td>
</tr><tr>
<th>URL</th>
<td><input type="text" name="url" size="35"></td>
</tr><tr>
<th>※削除キー</th>
<td>
<input type="text" name="key" size="6">
cookie:<input type="checkbox" name="ck_box" style="border-style:solid;border-color:#cccccc" checked>
<input type="submit" value="Submit[投稿]" onclick="set_cookies();">
</td>
</tr>
</tbody></table></form>
<form action="****.cgi" method="post" name="change">と
****.jpgは変更してくださいね(^^)
あと1個1個書くのが面倒だったのでスタイルシート使ってます(><)
元の書き方でも構わないと思うので見比べて参考にするなどしてください
わざわざこちらにまで来てくださってすいません。。
ありがとうございます><!
えーっと、画像の表示は出来るようになりました。
もう一方の欄にもお返事で少し書いていますが、投稿ボタンが反応しなくなりました;
アイコンの欄だけ変な位置に作ってるからでしょうか?
投稿ボタンを押して前のように全部がきちんと反映されるようにしたいのですが、今回は全く原因がわかりません。。
もしわかるようでしたらもう一度お力を貸してくださいm(__)m
No.1
- 回答日時:
look()のなかで
iti=document.change.etc5.selectedIndex;
としていますが、肝心のformにchangeと言う名前がついていません。
セレクトボックスの入っているformに
<form action="bbs_write" method="post" name="change">
としてあげてください。
ありがとうございます!
肝心なところを見落としてたんですね。
助かりました^^
ただ・・投稿ボタンが反応しなくなってしまったのですが原因とかわかりますでしょうか?
度々すみませんがもしわかったら教えていただけたら嬉しいです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) Access 複数条件検索の設定が上手く行きません 1 2022/07/22 20:37
- Visual Basic(VBA) VBAリストボックスで選択した後 5 2022/11/07 17:50
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- Instagram インスタの画像を複数枚投稿出来るものと出来ないものがある問題についてどなたか教えて下さい。 インスタ 4 2022/06/07 13:53
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- JavaScript テーブルの中のセレクトボックスの値が0のとき、非表示にしたい 3 2022/05/29 10:13
- pixiv pixivのマンガの検索結果はイラストに含まれますか? 1 2023/06/01 07:54
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力チェックの外部スクリプト...
-
画面の2重起動をチェックする...
-
Javascriptの電卓で最初の何も...
-
Formのシリアライズができない
-
JavaScriptの「.querySelectorA...
-
jQuery テキストボックス読み取...
-
画面表示とともにtableの指定の...
-
tableの各セルに同じ関数を対応...
-
チェックボックス付きのテーブ...
-
テーブル内のチェックボックス...
-
表の中のセルの位置を把握した...
-
占いのプログラムについて
-
追加ボタンを押した際に ok ボ...
-
return trueとreturn falseの用...
-
value内に変数を入れたい
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
onchangeイベントを強制的に発...
-
チェックボックスのON/OFFでVal...
-
<JavaScript>tableタグを入力不...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
画面表示とともにtableの指定の...
-
複数のselect値で1つも選択され...
-
localStorageでのcheckbox制御
-
文字数を数える際に空白、改行...
-
JavaScriptの「.querySelectorA...
-
Javascriptの電卓で最初の何も...
-
formで項目を連結したい
-
ラジオボタンが選択されたらテ...
-
javascriptで表(テーブル)の自...
-
テーブル内のチェックボックス...
-
横へスクロール
-
history.backの前に値をクリア...
-
java scriptで問題集を作りたい...
-
送信ボタン連打を抑止したいです
-
Java Scriptで・・・
-
フォームタグの中のラジオボタ...
-
jQuery テキストボックス読み取...
-
【緊急】リアルタイムでエラー...
-
JavaScriptを使って九九の表を...
おすすめ情報