HTML Problem

Hallo!

Habe auf eine Homepage folgenden Script eingefügt:

HTML:

<script>
function swatch(e)
{
o = false;
if (document.layers)
{ o = document.layers['foo']; }
else if (document.getElementById )
{ o = document.getElementById('foo').style; }
else if (document.all )
{ o = document.all['foo'].style; }
if (!o) { return; }
val = e[ e.selectedIndex ].value;
if (val!='')
{ o.visibility = val; }
} </script><span
 style="font-weight: bold; color: rgb(255, 255, 255);">Radar</span></p>
      <form>
        <select onchange="swatch(this)">
        <option value="hidden">Bitte wählen</option>
        <option value="visible">an</option>
        <option value="hidden">aus</option>
        </select>
      </form>
      <div id="foo"
 style="position: absolute; top: 51px; left: -509px;">
      <form> <img
 style="border: 0px solid ; height: 333px; left: 323px; width: 457px;"
 alt=""
 src="http://edewechtwetter.ed.funpic.de/wetterdatendwd/radar.png"></form>
      </div>
      <div id="foo"
 style="position: absolute; top: 77px; left: -13px;"><br>
      </div>

Der Code erzeugt ein Textfeld in dem ein Bild eingefügt ist. Man kann dieses Textfeld mit einer trop down liste an uns aus schalten. Also es wird einmal angezeigt und einmal nicht angezeigt.

Nun meine Frage: Was muss ich machen, damit beim erstmaligen laden der Seite das Texstfeld nicht angezeigt wird? Es ist nämlich so, dass es nach dem laden der Seite immer angezeigt wird. Ich bin kein Profi, aber vielleicht kann mir ja einer Helfen.

Vielen Dank!
mfg.
Kevin

 

PHP:

<script>
function swatch(e)
{
o = false;
if (document.layers)
{ o = document.layers['foo']; }
else if (document.getElementById )
{ o = document.getElementById('foo').style; }
else if (document.all )
{ o = document.all['foo'].style; }
if (!o) { return; }
val = e[ e.selectedIndex ].value;
if (val!='')
{ o.visibility = val; }
} 
</script>

<div id="auswahl" style="position:absolute; margin: 0px 0px 0px 0px;">
<span style="font-face: Tahoma; font-size: 1em; font-weight: bold; color: black;">Radar</span> 
      <form>
        <select onchange="swatch(this)">
        <option value="hidden">Bitte wählen</option>
        <option value="visible">an</option>
        <option value="hidden">aus</option>
        </select>
      </form>
      <div id="foo" style="position: relative; visibility: hidden; margin: 0px 0px 0px 0px;">
        <img style="border: 0px; height: 333px; left: 0px; margin: 0px 0px 0px 0px; width: 457px;" alt="" src="http://edewechtwetter.ed.funpic.de/wetterdatendwd/radar.png">
      </div>
</div>


 

Danke! Genau das hab ich gesucht. Erste klasse