Machen Sie ein div sichtbar und ein anderes unsichtbar

Lesezeit: 2 Minuten

Ich habe zwei div-Tags, eines ist für die Suche und das andere für die Ergebnisse. Was ich brauche, ist, wenn auf die Schaltfläche “Senden” geklickt wird, werden die Ergebnisse zurückgegeben und in das Ergebnis-Div (mit einem Iframe) eingefügt, und das Such-Div sollte ausgeblendet und das Ergebnis-Div sichtbar gemacht werden.

search div wird anfangs auf sichtbar gesetzt (unter Verwendung der Sichtbarkeit auf sichtbar) und das Ergebnis-Div wird anfangs auf ausgeblendet gesetzt (unter Verwendung der Sichtbarkeit auf ausgeblendet).

Außerdem gibt es anfangs einen riesigen weißen Bereich am unteren Rand der Seite, wo sich das versteckte Div befindet. Wie stelle ich also sicher, dass unten kein zusätzlicher weißer Bereich vorhanden ist?

Sie können die Anzeigeeigenschaft von style verwenden. Stellen Sie zunächst den Stil des Ergebnisabschnitts auf ein

style = "display:none"

Dann ist das div nicht sichtbar und es gibt keinen Leerraum.

Sobald die Suchergebnisse gefüllt sind, ändern Sie die Anzeigeeigenschaft mit dem Java-Skript wie

document.getElementById("someObj").style.display = "block"

Mit Java-Skript können Sie das Div unsichtbar machen

document.getElementById("someObj").style.display = "none"

Der Benutzeravatar von My Other Me
Mein anderes Ich

Wenn Sie es mit Sichtbarkeit unsichtbar machen, verbraucht es immer noch Platz. Versuchen Sie lieber, die Anzeige auf „Keine“ zu setzen, um sie unsichtbar zu machen, und dann die Anzeige auf „Blockieren“, um sie sichtbar zu machen.

  • Korrigieren Sie mich, wenn ich falsch liege, aber mit einem iFrame MÜSSEN Sie es sichtbar und angezeigt machen, sonst laden einige Browser den Inhalt aus Sicherheitsgründen nicht. Sie können es jedoch auf 1 x 1 Pixel und eine Deckkraft von 0,01 % einstellen. Ich bin auf dieses Problem schon einmal mit einem Cross-Site-Upload-Widget gestoßen.

    – coolaj86

    3. November 2010 um 16:19 Uhr

Ich glaube nicht, dass Sie wirklich einen Iframe wollen, oder?

Sofern Sie nicht etwas Seltsames tun, sollten Sie Ihre Ergebnisse als JSON oder (im schlimmsten Fall) als XML zurückerhalten, richtig?

Versuchen Sie es bei Ihrem Problem mit der weißen Box / dem zusätzlichen Platz

style="display: none;"

anstatt

style="visibility: hidden;"

  • Ja, eigentlich will ich, nun, ich WILL keins, aber es wird vom Kunden verlangt

    – mattgcon

    3. November 2010 um 6:41 Uhr

Wenn Sie display=block verwenden möchten, springt der Inhaltsleser. Anstatt display zu verwenden, können Sie das linke Attribut auf einen negativen Wert setzen, der in Ihrer anzuzeigenden HTML-Seite nicht vorhanden ist, aber tatsächlich vorhanden ist.

Ich hoffe, Sie müssen meinen Punkt verstehen, wenn ich Sie nicht verstehen kann, können Sie mir eine Nachricht senden.

1445580cookie-checkMachen Sie ein div sichtbar und ein anderes unsichtbar

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy