✔ CSS PopUp mit JavaScript schließen?

[blizz-faad]

Vielleicht brauche ich ja gar kein JavaScript und jemand kennt eine andere Methode.
Aber ich habe eine CSS-PopUp-Box und wenn ein User auf das Wort "schließen" klickt, soll diese wieder verschwinden.

Jemand eine Idee?

 

[Maik]

Hi,

um auf deine Frage näher eingehen zu können, solltest du deinen Code posten.

mfg Maik

 

[Maik]

Kurz nachgedacht... Wenn du ein CSS-Popup mit JS schließt, lässt es sich anschließend nicht mehr mit CSS öffnen:

<a href="#a">
        <span class="linkinside">Link number one</span>
        <span class="pop" id="popup_1">
                This is a long explanation of link one, blah, blah, blah, ...  
                <span onclick="getElementById('popup_1').style.display='none';">Schließen</span>
        </span>
</a>

mfg Maik

 

[blizz-faad]

Hallo Maik,
habe es jetzt mal versucht umzusetzen, leider noch ohne Erfolg.

CSS-Ausschnitt

div.popup { position: absolute; left: 50%; top: 50px; margin-left: -240px; width: 480px; border: 1px solid #FFFFFF; background: #663E4D; padding: 5px; z-index: 10; }

Datei-Ausschnitt

echo '<div class="popup">'.$var_message_fehlermeldung;
echo '<a href="#" onclick="getElementById(\'popup\').style.display=\'none\';">Schließen</a></div>';

Wenn ich auf "Schließen" klick, passiert leider nichts.

 

[Maik]

In deinem Popup fehlt auch der erforderliche ID-Bezeichner id="popup" - vergleiche dazu meinen gestrigen Codesnippet.

mfg Maik