bedingte Anzeige von HTML-Elementformen

8

Nun, nach einer einstündigen Einführung in Javascript, habe ich den folgenden Code gefunden. Es hat getan, was ich wollte, aber dann wollte ich etwas anderes und es wird nicht funktionieren.

Ich wollte, dass beim Klicken auf einen Button ein bestimmtes Feld sich verstecken würde und beim Klicken auf ein anderes würde sich auch ein anderes verstecken, ABER natürlich musste es das andere zeigen, sonst hätten wir nichts und der Zweck war, verschiedene Felder zu präsentieren, je nachdem, was der Benutzer anklickte (auf einem Radioknopf). So auf eine kindische Weise machte ich meinen Code und es funktionierte. Aber dann kam es zu mir, dass ich zuerst beide Felder anstelle von beiden Feldern versteckt haben wollte, und hier ist das Problem. Ich fügte dem Parameter der Funktion "sagend" einen Wert 0 hinzu, dass, wenn x = 0, Sichtbarkeit = verdeckt ist. Aber es wird nicht auf mich hören !, Also, der Teil des Codes, wenn es x = 1 und 2 funktioniert, der eine über 0, nicht.

Es ist so ein einfacher Code, der jemanden zum Lächeln bringen kann, aber hey, es war sauber und es hat funktioniert. Weiß jemand, wie man die Felder versteckt, bevor man auf die Knöpfe klickt?

Vielen Dank, ich entferne einige Tags des HTML

%Vor%     
Alvaro 18.10.2010, 16:58
quelle

2 Antworten

6

Was funktioniert :
Sie hatten zwei Knöpfe, beide am Anfang sichtbar. Und mit einem Klick verbargst du ein div und machst ein anderes sichtbar.

Jetzt brauchen Sie eine Situation, in der die divs am Anfang versteckt sein sollten und dann angezeigt werden sollen, wenn Sie auf eine Schaltfläche klicken.

Standardmäßig wird visibility für alle Elemente, für die kein explizites visibility -Attribut angegeben wurde, als visible betrachtet.

Um die Schaltfläche unsichtbar zu machen, müssen Sie visibility:hidden zur Schaltfläche hinzufügen.

Sie können es auf zwei Arten tun:

  1. im Code für die div s, mache dann "standardmäßig unsichtbar" indem du hinzufügst %Code%.

  2. Fügen Sie eine weitere JavaScript-Funktion hinzu, die beim Laden der Seite aufgerufen wird, und macht beide divs unsichtbar:

    %Vor%

Rufen Sie es beim Laden Ihrer Seite auf: style='visibility:hidden'

    
Nivas 18.10.2010, 17:26
quelle
3

Diese Zeile:

%Vor%

Fügt Folgendes hinzu:

%Vor%

dazu:

%Vor%

um es so aussehen zu lassen:

%Vor%

Sie können dies selbst tun, indem Sie dieses Attribut zu Ihrem html-Tag hinzufügen.

Oh ja, und das:

%Vor%

ist das gleiche:

%Vor%     
Gabriel McAdams 18.10.2010 17:08
quelle