• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Einfaches div Popup funktioniert nicht

fmhweb

Neues Mitglied
Hi,

ich versuche mich gerade an einem DIV Popup, aber irgendwie klappt das nicht (IE und Firefox). Wieso?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div>Hello</div>
        <a href="#" onclick="Popup.show('simplediv');return false;">Click Here To Show DIV</a>
        <div id="simplediv" style="background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;">
            Click anywhere in the document to auto-close me
        </div>
    <body />
</html>
 
1. Du hast ja gar nicht die Funktion Popup.show() eingebunden.
2. Den body-Tag beendet man so: </body>
3. Schau in die Fehlerkonsole.
 
versuchs mal damit:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div>Hello</div>
        <a href="#" onclick="document.getElementById('simplediv').style.visibility='visible'">show</a>
        <div id="simplediv" style="background-color:yellow;border:1px solid black;visibility:hidden;width:200px;height:200px;">
            Click anywhere in the document to auto-close me<br /><br />
        <a href="#" onclick="document.getElementById('simplediv').style.visibility='hidden'">close</a>
        </div>
    </body>
</html>

Gruss,
toney
 
OK. Danke. Hatte das Beispiel von einer Beispielseite so übernommen. Dort gab es keinen Scriptblock, also dachte ich, Popup.show() würde so funktionieren. Ich kann das Beispiel von toney im Moment nicht testen, gehe aber davon aus, dass mein Ziel damit erreicht ist.

Danke.
 
Zurück
Oben