mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 13:28 Benutzername: Passwort: Auto-Login

Thema: DIV bei Klick ausblenden vom 14.11.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> DIV bei Klick ausblenden
Autor Nachricht
soy
Threadersteller

Dabei seit: 04.11.2011
Ort: Münsterland
Alter: -
Geschlecht: Männlich
Verfasst Mo 14.11.2011 13:40
Titel

DIV bei Klick ausblenden

 Antworten mit Zitat Zum Seitenanfang
Hallo,

ich arbeite gerade an einem DIV, der beim öffnen der Seite das gesamte Browserfenster einnimmt, und sobald ich auf den Button klicke sich ausblendet. Sozusagen sagt der Button "OK GO" und dann öffnet sich die Seite. Mein Code:

Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">
body {margin: 0; padding: 0;}

#overlay {
   background: #000000;
   width: 100%;
   height: 100%;
   display: block;
}

#start {
   position:absolute;
   margin:-175px 0px 0px -175px;
   top: 50%;
   left: 50%;
   width: 350px;
   height: 350px;
}
</style>

</head>

<body>
<!-- START-DIV -->
   <div id="overlay">
        <div id="start">
            <a href="javascript:ein_ausblenden('start')"><img src="img/start.png" title="Ich Will" /></a>
        </div>
    </div>
<!-- START-DIV ENDE -->

<!-- START-DIV Javascript -->
<script type="text/javascript">
   function ein_ausblenden(wert){
      if(document.getElementById(wert).style.display == "none"){
         document.getElementById(wert).style.display = "block";
      }else{
         document.getElementById(wert).style.display = "none";
      }
}
</script>
</body>
</html>


Das mit dem Klick-Event funktioniert, aber der DIV #overlay ist einfach nicht sichtbar! Ich möchte aber ja den restlichen Seiteninhalt abdunkeln! Wo ist mein Fehler?

Braucht #overlay etwas, an das sich die width und height 100% orientieren können?

Grüße,
Soy.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 14.11.2011 14:25
Titel

Antworten mit Zitat Zum Seitenanfang
position:absolute; für overlay ergänzen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
soy
Threadersteller

Dabei seit: 04.11.2011
Ort: Münsterland
Alter: -
Geschlecht: Männlich
Verfasst Mo 14.11.2011 15:09
Titel

Antworten mit Zitat Zum Seitenanfang
Klasse, das war ja einfach.

Falls das jemand mit der Forensuche findet o.ä., und sich fragt, warum die Lösung funktioniert, kann es wie ich hier nachlesen: http://www.css4you.de/position.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen 1 klick = 1 frame öffnen + layer ein-/ausblenden?
[Javascript] Mehrere Ebenen mit einem Klick ausblenden?
pdf per klick drucken
1 klick 2 adressen
Layout per Klick ändern
Klick auf *.swf -> neues Fenster
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB