Container je nach Javascript-Größe ausblenden

  • Hallo zusammen,

    ich habe folgendes Problem:

    Auf meiner Seite befindet sich in einem oberen Container eine Datenbank/Suchmaske in Form eines Javascripts. Je nach Menge der Ergebnisse vergrößert sich die Höhe dieses Bereichs, um alles darstellen zu können. Unterhalb dieses Containers befindet sich ein weiterer Container mit einfachen Inhalten wie z.B. Texten. Nachdem eine Suche ausgelöst wird und sich die Datenbank wie beschrieben vergrößert, rutscht der Text entsprechend weiter nach unten.

    Mein Ziel ist es, die Inhalte des zweiten Containers in dem Moment komplett auszublenden, in dem die Datenbank eine bestimmte Höhe einnimmt (bspw. 600 px).

    Auf einer anderen Seite hatte ich eine ähnliche Situation, nur dass die Datenbank dort kein Javascript war, sondern als iFrame eingebunden wurde. Der dortige Codeschnipsel ist daher leider nicht 1:1 übernehmbar.


    Vielen Dank im Voraus!

    Einmal editiert, zuletzt von Olaf (8. Januar 2021 um 19:38)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ein [FONT=Courier New]message.data.event[/FONT] gibt es nach kurzem Einblick mit FireFox offenbar nicht aber Du könntest wohl auf [FONT=Courier New]message.data[/FONT] mit Inhalt wie [FONT=Courier New]"new_height=3131"[/FONT] reagieren.

    Mit WordPress hat das aber rein gar nichts zu tun.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!