<div> verschwinden lassen
tina
- javascript
Hallo Leute!
Kann mir jemand helfen: Ich möchte bei Klick auf einen href ein <div> ausblenden.
mit
meindiv.style.visibility='hidden'
funktioniert es super auf IE - aber auf Firefox nicht!
kann mir jemand sagen, wie ich das für Firefox hinkriege?
danke + lg,
Tina
CSS --> display:none
CSS --> display:none
danke - und wie bringe ich das in mein skript?
zur Zeit hab ich das:
function hidetext()
{
if (ie4||ns6)
divContainer.style.visibility='hidden'
else if (ns4)
document.divContainer.visibility="hide"
}
lg
Hmmmh.. Ich mach das mit zwei CSS-Klassen...
div.versteckt {
display : none;
}
div.anzeigen {
display : inline;
}
Und dann im Skript:
document.all["id_oder_name_des_element"].className="versteckt";
Hallo Tina,
wie definierst Du denn divContainer?
Grüße,
Utz
wie definierst Du denn divContainer?
oben im <style> hab ich:
#divContainer{position:absolute; width:320; height:100; overflow:hidden; top:30; left:10; clip:rect(0,420,100,0); visibility:visible;}
das problem ist, dass ich eine function brauche, die mir auf klick das <div> verschwinden lässt und das soll neben IE auch mit firefox funktionieren....
hi,
wie definierst Du denn divContainer?
oben im <style> hab ich:
#divContainer{position:absolute; width:320; height:100; overflow:hidden; top:30; left:10; clip:rect(0,420,100,0); visibility:visible;}
das ist javascript vollkommen egal.
vermutlich hat dein div auch noch ein id-attribut mit dem wert divContainer - aber auch das ist javascript natürlich erst mal vollkommen egal.
du scheinst davon auszugehen, dass du durch diese id-vergabe automatisch ein javascript-objekt namens divContainer hättest, welches dir zugriff auf dieses element liefert - dem ist aber natürlich nicht so.
du musst dir also erst mal eine referenz auf dieses element besorgen - z.b. über die hier bereits genannte methode document.getElementById().
gruß,
wahsaga
Funktioniert mit CSS. Wechselst die id dynamisch per klick, ungefähr so:
<html>
<head>
<style type="text/css">
#meindiv1 { visibility:visible; }
#meindiv2 { visibility:hidden; }
</style>
<script type="text/javascript">
function OnOff(){
document.getElementById('meindiv1').id=meindiv2;
}
</script>
</head>
<body>
<a href="#" onclick="OnOff()">Mache div an/aus</a>
<div id="meindiv1">Inhalt des divs</div>
</body>
</html>
Diese Lösung ist eine Arbeit von weniger als 5 Minuten. Im Prinzip sollte sie funktionieren. Wenn nicht, dann überarbeite den Code ein bisschen, dann sollte es gehen.
Bei mir hat das schon nach diesem Prinzip geklappt.
Sei also nicht traurig wenn es nicht funktioniert.