アイコン選択

質問

アイコンとボタンが表示されている状態で
ボタンをクリックするとアイコン一覧が表示し、
その中のアイコンを選択すると一覧は閉じて、
元あったアイコンのボタンのアイコンの方が選択したアイコンに変わる
といったJavaScriptの解説など何処かに無いでしょうか？

回答No.1

leap_day · ベストアンサー

こんにちは（＾＾）

＞ボタンをクリックするとアイコン一覧が表示し
・・・と一言で言われてもどういう方法がいいのか分からないのですが・・・（＞＜）
openwindowで別窓表示する方法もありますし、ツリーメニューやプルダウンメニューでテキスト表示する方法もあります
フォームを使ってセレクトメニューにしたりという方法もあります
ですのでツリーメニューでアイコン選択というスクリプトを書きます（＾＾）
sample0.gifからsample3.gifを変えてください

<SCRIPT language="JavaScript">
<!--
// ツリーメニュー
flag = false;
function treeMenu(tName) {
tMenu = document.all[tName].style;
if(tMenu.display == 'none') tMenu.display = "block";
else tMenu.display = "none";
}
//-->
<!--
function change(img) {
// アイコン選択
obj = document.getElementById("image");
obj.src = img;
document.all['icon'].style.display = "none";
}
</SCRIPT>

<img src="./sample0.gif" name="image"><br>
<input type="button"onClick="treeMenu('icon')" value="アイコン一覧"><br>
<DIV id="icon" style="display:none">
<table border="1">
<tr>
<td><img src="./sample0.gif" onClick="change('./sample0.gif')" style="cursor:hand;"></td>
<td><img src="./sample1.gif" onClick="change('./sample1.gif')" style="cursor:hand;"></td>
<td><img src="./sample2.gif" onClick="change('./sample2.gif')" style="cursor:hand;"></td>
<td><img src="./sample3.gif" onClick="change('./sample3.gif')" style="cursor:hand;"></td>
</tr></table>
</DIV>

○他の方法はググッてください
openwindow
closewindow
プルダウン
swapimage
サブウィンドウの閉じ方
サブウィンドウから親ウィンドウの内容を変える
・・・など

お礼

ありがとうございます。
これをヒントに頑張ってみます。