webentwicklung-frage-antwort-db.com.de

Mache ein Div sichtbar und ein anderes unsichtbar

Ich habe zwei div-Tags, eines für die Suche und das andere für die Ergebnisse. Was ich brauche, ist, wenn der Submit-Button geklickt wird, werden die Ergebnisse zurückgegeben und in den Results Div gestellt (mit einem Iframe) und der Search Div sollte ausgeblendet und der Results Div sichtbar gemacht werden.

das Such-Div wird anfänglich auf sichtbar gesetzt (Sichtbarkeit für sichtbar) und das Ergebnis-Div wird anfänglich auf ausgeblendet gesetzt (Sichtbarkeit für ausgeblendet).

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

22
mattgcon

Indem es mit Sichtbarkeit unsichtbar gemacht wird, wird dennoch Platz verbraucht. Setzen Sie die Anzeige lieber auf "Keine", um sie unsichtbar zu machen, und setzen Sie sie dann auf "Blockieren", um sie sichtbar zu machen.

19
My Other Me

Sie können die display -Eigenschaft von style verwenden. Stellen Sie den Stil des Ergebnisbereichs zunächst auf

style = "display:none"

Dann wird das div nicht sichtbar sein und es wird keinen Leerraum geben.

Sobald die Suchergebnisse ausgefüllt sind, ändern Sie die Anzeigeeigenschaft mit dem Java script like

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

Mit Java script können Sie das div unsichtbar machen

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

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

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

Versuchen Sie es mit einem White-Box-/zusätzlichen Platzproblem

style="display: none;"

anstatt von

style="visibility: hidden;"
9
CoolAJ86

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

Ich hoffe, Sie müssen meinen Punkt verstehen, wenn ich nicht in der Lage bin, Sie zu verstehen, können Sie mir eine Nachricht zurückgeben.

0
Prateek