zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Probleme mit Modalem Popup

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.10.2013, 15:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.09.2013
Beiträge: 4
Maliko befindet sich auf einem aufstrebenden Ast
Standard Probleme mit Modalem Popup

Hoi,

ich hätte da mal ein kleines Probelm. Und zwar hab ich mit HTML und CSS ein Modales Popup geschrieben (da ich auf ne klassische Lightbox verzichten wollte), welche auch einwandfrei funktioniert. Wenn ich in diesem Popup allerdings ein weiteres öffne (welches von einem Javascript generiert wird), dann erscheint dieses im Hintergrund HINTER dem Popup und kann nicht verwendet werden. Hier der Code den ich verwende:

HTML-Code:
<div id="details" class="modalDialog">
    <input type="hidden" name="ItemID" id="itemID" runat="server" />
    <div>
        <a href="#close" title="Schließen" class="close">X</a>
    </div>
</div>
CSS:
Code:
.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 800px;
        position: relative;
        margin: 10% auto;
        margin-top: 6em;
        padding: 13px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;
        background: -moz-linear-gradient(#fff, #fff);
        background: -webkit-linear-gradient(#fff, #fff);
        background: -o-linear-gradient(#fff, #fff);
    }

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000; 
}

    .close:hover {
        background: #AABFD6;
    }
Augerufen wird diese einfach über ein <a href="#details"></a>. Hat jemand vielleicht eine Ahnung was da noch fehlt, damit sich nicht alles im Hintergrund öffnet? Ich bin zwar Anwendungsentwickler allerdings eher für C# und hab mit dem Webbereich noch nicht allzu viele Berührungen gehabt.

Danke schon mal im Vorraus.

Lg Maliko
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.10.2013, 16:45
Neuer Benutzer
neuer user
 
Registriert seit: 17.10.2013
Beiträge: 9
Jörg befindet sich auf einem aufstrebenden Ast
Standard

Also da seh ich jetzt erstmal keinen Fehler. Hängst du das zweite popup vielleicht an das falsche Element an? Zeig doch mal die Funktion.
__________________
Blog
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.10.2013, 16:55
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Code:
z-index: 99999;
Bei dem hohen z-index und das in Verbindung mit position:fixed wundert es nicht, dass da kein Fenster mehr drüber liegen kann.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #4 (permalink)  
Alt 24.10.2013, 17:32
Neuer Benutzer
neuer user
 
Registriert seit: 17.10.2013
Beiträge: 9
Jörg befindet sich auf einem aufstrebenden Ast
Standard

So wie ich das verstanden habe, werden die neuen Fenster als childs des modal windows geöffnet.
__________________
Blog
Mit Zitat antworten
  #5 (permalink)  
Alt 24.10.2013, 17:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.09.2013
Beiträge: 4
Maliko befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von explanator Beitrag anzeigen
Bei dem hohen z-index und das in Verbindung mit position:fixed wundert es nicht, dass da kein Fenster mehr drüber liegen kann.
das wars gewesen. Danke dir. Hab den z-index jetzt komplett raus genommen und schon funktioniert es einwandfrei.

@Jörg: Scheinbar eben nicht. Es handelte sich dabei um genau zu sein um einen DatePicker welcher sich beim Klick in eine bestimmte Textbox geöffnet hat.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Popup "überraschung" Brian Javascript & Ajax 0 18.05.2011 00:17
Popup Rico Javascript & Ajax 18 28.09.2010 19:01
Prüfen, ob Popup noch existiert xm22 Javascript & Ajax 1 28.06.2010 18:41
PopUp und Auto-Resize-Grösse letslounge Javascript & Ajax 8 04.07.2007 13:00
Code validieren - Probleme mit PopUp und Banner MoJo (X)HTML 4 28.10.2006 16:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:04 Uhr.