Erkennen browser-Fenster Maximiert/Minimiert mit Javascript

Wenn der Benutzer auf die Maximiert/Hinunter Wiederherstellen oder Minimieren-Schaltflächen des Browsers, gibt es eine Möglichkeit, verfolgen Sie diese Ereignisse mit javascript? Gibt es entsprechende Ereignis oder die Eigenschaft zu verwenden?

Möchte ich, dass wenn der Benutzer auf das 'maximiert' Schaltfläche oben rechts im browser, die Webseite sollte die Strecken bis zu einer bestimmten Breite und, wenn der browser in der Größe veränderbar-Modus, wird die Webseite in der Größe veränderbar ist.

Bitte kann mir jemand helfen? Ich bin nicht dagegen, entweder in javascript oder jquery.

Vielen Dank im Voraus.

Nicht zu kleinlich, aber jQuery ist JavaScript.
Ja, ich weiß, aber ich wollte nicht schreiben, ein langer Satz, der erklärt, wie jquery leitet sich von javascript-und dass ich nicht Verstand, ob der code sollte so lang sein, javascript zu verwenden oder kurz mit Hilfe von jquery, nur wie mache ich jetzt...

InformationsquelleAutor Shaoz | 2010-07-30

  1. 5

    Es klingt wie das, was Sie wollen, ist ein layout, das sich ändert, wenn der browser in der Größe verändert, aber nur bis zu einer maximalen Breite.

    Wenn das der Fall ist, können Sie entweder im CSS oder im JavaScript.

    Vorstellen, dass Ihr Inhalt in einem element, wie: 

    <div class="container"> -content here- </div>

    Meine bevorzugte option wäre die Nutzung von CSS wie folgt:

    .container{
    max-width: 1200px;
    width: 100%;
}

    Wenn Sie brauchen, um Unterstützung für IE6 (das nicht unterstützen max-width) können Sie versuchen, mit einem Ausdruck im IE6 CSS:

    .container{
    width:expression(document.body.clientWidth > 1200 ? "1200px" : "100%" ); /*IE6*/
}

    Wenn Sie möchten, die JavaScript verwenden: Sie könnten einfach die Größe Ihrer Elemente in das Fenster resize-Ereignis:

    $(window).bind('resize', function() {
    //resize $('.container').width() based on $(window).width()
});

    Könnten Sie zunächst auslösen, die Logik, die mit

    $(window).trigger('resize');
    danke für deine Antwort. Ich schaffte es dann funktioniert 🙂

    InformationsquelleAutor stucampbell

Schreibe einen Kommentar