クリック→レイヤー→インプット？

下記のようなことができるシンプルなサンプルを探しています。

<A HREF="javascript:function voi(){};voi()" onClick="hogehoge()">クリック</A>
<INPUT TYPE="TEXT" NAME="都市名" SIZE="12">

上記の「クリック」をクリックすると、windowではなくレイヤー画面が見え、そこに
<A HREF="javascript:function voi(){};voi()" onClick="input()">東京</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="input()">大阪</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="input()">京都</A><BR>
という内容が表示され、クリックすると、「都市名」のテキストボックスに入る。レイヤーは消える。

クリックするとテキストが入るなどの部分は、私でもできますが、レイヤーをどう表示するかという部分がちんぷんかんぷん。

＃レイヤーの説明もちょっとあやしいかもしれません。

No.1 ベストアンサー 回答者： pentaro_2000 回答日時： 2002/11/26 09:07

IEのやり方ですが、NNでも考え方は一緒です。

表示非表示を切り替えます。

<div id="newLayer" style="display:none">
<A HREF="javascript:function voi(){};voi()" onClick="input()">東京</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="input()">大阪</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="input()">京都</A><BR>
</div>
のように<div>タグなどで囲み、style="display:none"として、
あらかじめ見えないようにしておきます。
そして、

function hogehoge(){
newLayer.style.display="block";
}
function input(){
newLayer.style.display="none";
}

のようにして、クリックしたときの表示非表示を切り替えます。

この回答へのお礼

回答ありがとうございました。

おかげ様で、無事目的達成できました。

お礼日時：2002/11/28 05:55