Vis Listbox ved Klik

<SCRIPT LANGUAGE="JavaScript">
function MakeVisible()
{
    if (document.all)
    {
      document.all["select"].style.visbility = 'visible'
    }
    else
    {
      document.["select"].visbility = 'visible'
    }
}
</SCRIPT>



<img src="textbox.gif" OnClick="MakeVisible()">
<DIV ID="select" style="HEIGHT: 10px; LEFT: 11px; POSITION: absolute; TOP: 34px; WIDTH: 170px; visible: hidden">
<SELECT size=2 id=select1 name=select1 style="HEIGHT: 70px; WIDTH: 100px">
<OPTION value=AAA selected>AAA
<OPTION value=BBB>BBB
<OPTION value=CCC>CCC
<OPTION value=DDD>DDD
</SELECT>
</DIV>

Sådan - dette skulle fungere i Netscape >=4 og IE >= 4!

Pingo >> Den kommer ud med flg fejl i IE4, Expected identifier, linje 14 - char 17

Og Linje 22, Object Expected

Jeg fandt fundet frem til følgende

<html>

<head>
<title>ListBox</title>

<script>

function hide(id,nest){
    if(document.layers){
        if(nest) document.layers[nest].document.layers[id].visibility="hidden"
        else document.layers[id].visibility="hidden"
    }else if(document.all) document.all[id].style.visibility="hidden"
}

function show(id,nest){
    if(document.layers){
        if(nest) document.layers[nest].document.layers[id].visibility="visible"
        else document.layers[id].visibility="visible"
    }else if(document.all) document.all[id].style.visibility="visible"
}
</script>


</head>

<body onload="hide('test'),hide('test1')">

<a href="#" onclick="show('test')"><img src="textbox.gif"></A>
<br><br><br>
<a href="#" onclick="hide('test')"><img src="textbox.gif"></A>
<br><br><br><br><br><br>
<a href="#" onclick="show('test1')"><img src="textbox.gif"></A>
<br><br><br>
<a href="#" onclick="hide('test1')"><img src="textbox.gif"></A>



<div id="test" style="position:absolute; top:25; left:25; width:100;">

<SELECT size=2 id=select1 name=select1 style="HEIGHT: 70px; WIDTH: 100px">
<OPTION value=AAA selected>AAA
<OPTION value=BBB>BBB
<OPTION value=CCC>CCC
<OPTION value=DDD>DDD
</SELECT>
</div>
<div id="test1" style="position:absolute; top:215; left:25; width:100;">

<SELECT size=2 id=select1 name=select1 style="HEIGHT: 70px; WIDTH: 100px">
<OPTION value=AAA selected>EEE
<OPTION value=BBB>FFF
<OPTION value=CCC>GGG
<OPTION value=DDD>HHH
</SELECT>
</div>


</body>
</html>

Det ærgerlige er, at når en listbox er åben, og jeg åbner en ny, så lukker den gamle desværre ikke, nogle gode forslag ?? - points står stadig på spil

Sæføli

<a href="#" onclick="show('test'),hide('test1')"><img src="textbox.gif"></A>
<br><br>
<a href="#" onclick="show('test1'),hide('test')"><img src="textbox.gif"></A>
<br><br><br><br>
<a href="#" onclick="hide('test')"><img src="textbox.gif"></A>
<br><br><br><br>
<a href="#" onclick="hide('test1')"><img src="textbox.gif"></A>

hirtsals: hmm - lydder underligt - gør den det når du trykker på billedet - eller hva'?

Pingo:>>  Nej - Når siden loader

CASE CLOSED