element verstecken und später mit javascript anzeigen

davewood

Es will einfach ned so wie ich will.

Anfangs soll die site recht nackert sein und später will ich auf knopfdruck ein Element anzeigen.

zu diesem zweck hab ich ein div mit style display:none

später frag ich nach ob element.style.display != 'none' und wills dann anzeigen.

Aber display ist nie gesetzt.

krampf

Paulchen

HTML

<script type="text/javascript">
<!--
function switch_visibility() {
        div=document.getElementById("bla");
        div.style.display=div.style.display=="block" ? "none" : "block";
}
// -->
</script>
<a href="javascript:switch_visibility();">show/hide</a><br />
<div id="bla" style="display: none;">foo</div>

Gerade getestet mit Internet Explorer 6, Firefox 1.5.0.4, Opera 8.54 und Konqueror 3.5.3.

davewood

Hatte genau diese Lösung, nur ...

... jetzt wo ichs im HTML tag direkt reingeschrieben habe gehts, vorher wars in nem externen CSS file da gings nicht.

danke

davewood

Was jedoch immer noch nicht funktioniert ist folgendes:

Code

if (element.style.display != 'none')
   fadeout(element, 500); // duration 500 ms
var ajax;
setTimeout(
"ajax = new Ajax.Request (
      ...
      onComplete: fadein(element);
   )",
   600
);

Ist jetzt nur Pseudocode, Sinn soll sein:

Wenn Element sichtbar ist, dann ausblenden, dann mittels Ajax neuen Content holen und wenn der Ajax Request retourkommt wieder einblenden.

Aber leider wird der fadein effekt nicht erst nach dem onComplete Event ausgeführt sondern gleich nachdem das Timeout vorbei ist.

es is ein Krampf

david

davewood

okay, wie immer ist es meine schuld, is aber auch so ein chaos alles zusammen.

Element.hide() lässt sich natürlich nicht mit Element.style.display = "block"

aufheben

naja

Jetzt mitmachen!