掲示板/JavaScript質問板/過去ログ/一覧/ プルダウンリスト

0 名前： marukiti ： 2006/08/30（水） 15:25 ID:5t/FwT2h: 【現在の状況】
→文字をクリックするとプルダウンリストが表示されるように設定をしています。
リストが表示されるという動作は問題ないのですが、ページを開いたと同時に
クリックしなくてもリストが表示されてしまっているのはどの部分に問題があるのでしょうか？具体的に言うとページを開いたら販売の下に東日本,西日本,海外工場と表示されている状態なのです。
【どうしたいのか】
→ 本来はクリックしたと同時にリストが表示されるように記述を修正したい。
【何をしたのか】
***ソース***
<table align="center" width="100%" cellspacing="5">
<tr><td colspan="5" align="center"><font size="5" color="#808080" face="sans-serif">売上集計</font></td>
</tr>
<td rowspan="3" align="center" height="450" width="100">　</td>
<td align="center" width="25%" style="border:2px double #ff8080;" height="30"><a href="#"><span onclick="txt_flip('div01')" title="ここをクリックしてください。">
受　　注</span><br>
<span id="div01">
<a href="../faqhp.shtml">進捗</a><br>
<a href="../exphtml.shtml">グラフ</a><br>
<a href="../../htm/expcgi.shtml">週報</a><br>
</span>
<script type="text/javascript" src="puldwnA.js"></script>
</a></td>
<td align="center" width="25%" style="border:2px double #ff8080;"><a href="#"><span onclick="txt_flip('div02')" title="ここをクリックしてください。">
販　　売</span><br>
<span id="div02">
<a href="../faqhp.shtml">東日本</a><br>
<a href="../exphtml.shtml">西日本</a><br>
<a href="../../htm/expcgi.shtml">海外工場</a><br>
</span>
<script type="text/javascript" src="puldwnB.js"></script>
</a></td>
<td align="center" width="25%" style="border:2px double #ff8080;"><a href="#">　　　　　</a></td>
<td rowspan="3" align="center" width="100">　</td>
</tr>
<tr>
<td align="center" width="25%" style="border:2px double #ff8080;" height="30"><a href="#">mail</a></td>
<td align="center" width="25%"><span style="width:100%; filter:Shadow(color=#808080)"><font color="#ff7171" size="5" face="ＤＨＰ平成明朝体W3"><b>Welcome!</b></font></span></font></td>
<td align="center" width="25%" style="border:2px double #ff8080;"><a href="#">link</a></td>
</tr>
<tr>
<td colspan="3" align="center" width="25%" style="border:2px double #ff8080;">
TOPICS</td>
</tr>
<tr><td colspan="5" align="center">
―　―＊　Copyright 　2003　○○○○　本部　▲▲グループ　　＊―　―</td></tr>
</table>
</td></tr></table>

何度ページを開きなおしても上手くいきません。よろしくご教授をお願いします。

1 名前： いなづき ： 2006/08/30（水） 15:25 ID:IdMli4//: 該当javascriptのソースが無いですよ。

2 名前： ラブーフ ： 2006/08/30（水） 15:25 ID:mGMjLPPf

おおかた、表示のオンオフをスタイルシートのdisplay属性で制御していて、
スタイルシートで、

 #div01 { display: none; }

というのが、抜けていたりしてそうな気がします。

肝心のtxt_flip関数のソースがありませんが、この手のは、次のような感じでしょう。

function txt_flip(objID){
 var obj = document.getElementById(objID);
 if(obj.style.display == "none"){
  obj.style.display = "block";
 } else {
  obj.style.display = "none";
 } 
}