Login  Regeln Aktuelles Datum und Uhrzeit: 13.10.2008, 21:55  
Startseite
Registrieren
Profil
Suchen
Mitgliederliste
Verzeichnis
Impressum



Partner
kostenlose Homepage
Fussball
Kostenloses Forum
SMS kostenlos
Webhosting
Webmasterportal
Kostenlos
Kredit ohne Schufa
Esoterik-Forum
Selbsthilfeforum
Artikel Backlink
Datenrettung
Formularfeld aufklappen (zuklappen)

 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Einsteigerforum
Vorheriges Thema anzeigen Nächstes Thema anzeigen 
Autor Nachricht
Malli
User [User]
User



Anmeldung: 03.02.08
Beiträge: 19
Wohnort: Berlin

BeitragVerfasst am: 22.02.2008, 19:29    Titel: Formularfeld aufklappen (zuklappen) Antworten mit Zitat

Hallo Ihrs!

Ich bräuchte mal Hilfe von jemanden der sich so mit Formularen auskennt. Unzwar möchte ich folgendes realisieren Smilie

Ich möchte ein ganz normales Formular erstellen. Dieses Formular hat unter anderem mehrere Radioboxen als eine Gruppe und zu diesen Radioboxen gehört noch ein kleines Textfeld für eigene Angaben.

Nun möchte ich aber, das dieses Textfeld erst aufklappt, wenn eine der Radioboxen ausgewählt wird. Ist das irgendwie möglich? Und könnte vielleicht netterweise hier ein Code-Beispiel reinsetzen? Das wäre schön! Winken

P.S.: Wer öfter bei Ebay unterwegs ist, wird diese Funktion aufgefallen sein, wenn man einen Käufer/Verkäufer bewertet. Dort sind 3 Radioboxen "Positiv", "Neutral", "Negativ" und wenn man eine davon auswählt, erscheind dann direkt darunter das Texteingabefeld für eine persönliche Meinung!

Vielen Dank schonmal!!


Nach oben
Private Nachricht senden
JFM
Beliebter [User]
Beliebter



Anmeldung: 25.09.05
Beiträge: 380
Wohnort: Gütersloh

BeitragVerfasst am: 22.02.2008, 19:49    Titel: Antworten mit Zitat

Hier ein alter Quellcode von mir.
Ich hoffe du blickst da durch.
Grundlegende Javascript-Kentnisse nötig!


Code:
                        <!-- Beginn des Formulars -->
                                             <form action="" method="post">
<div class="form_beschreibung_yel">Name:</div>
<div class="form_yel">
<input name="name" type="text" value=""></div>
<div class="form_beschreibung" >
Runden Typ:</div><div class="form" >                        Gruppe<input name="ko" type="radio" value="0" onClick="document.getElementById('group').style.display = 'inline'; document.getElementById('ko').style.display = 'none'" />
                                                K.O.<input name="ko" type="radio" value="1" onClick="document.getElementById('ko').style.display = 'inline'; document.getElementById('group').style.display = 'none'"/>            
                                                </div>
                                                <div id="group" class="group" style="display:none;">
                                                <div class="form_beschreibung_yel">
Teams/Gruppe:</div><div class="form_yel"><input name="teams" type="text" value="" >
</div>
                                                <div class="form_beschreibung">Gruppen:</div>
<div class="form">
<input name="groups" type="text" value="" >
 </div>
                                                      </div>
                                                <div id="ko" class="ko" style="display:none;">
                                                <div class="form_beschreibung_yel">
Elfmeter:</div>
<div class="form_yel"><select name="penalty">

<option value="1"   >Ja</option>
                                                <option value="0"   >Nein</option>
                                                </select></div>
                                                <div class="form_beschreibung">Verlängerung:</div>
<div class="form">
<select name="extratime">
                                                <option value="1"  >Ja</option>
                                                <option value="0"  >Nein</option>
                                                </select></div>
                                                </div>
<div class="form_beschreibung_yel">Rückspiel:</div>
<div class="form_yel">

<select name="two_match">
                                                <option value="1" >Ja</option>
                                                <option value="0" >Nein</option>
                                                </select>
</div>

<div class="form_beschreibung"></div>
<div class="form">
<input name="submit" type="submit" value="Eintragen">
</div>
</form>      
<!-- Ende des Formulars -->

_________________
http://www.onestripe.de


Nach oben
Private Nachricht senden Website dieses Benutzers besuchen
Malli
User [User]
User



Anmeldung: 03.02.08
Beiträge: 19
Wohnort: Berlin

BeitragVerfasst am: 22.02.2008, 20:25    Titel: Antworten mit Zitat

Ja super..danke JFM...genau das hab ich gesucht!
Nun werd ich mal versuchen das nach meinen Bedürfnissen umzumuddeln...vielen dank nochmal für die schnelle Hilfe!! Winken Winken


Nach oben
Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

Gehe zu:  

Ähnliche Beiträge
Thema Autor Forum Antworten Verfasst am
Keine neuen Beiträge Nur ein Textelemt aufklappen... Malli Einsteigerforum 0 24.07.2008, 09:46 Letzten Beitrag anzeigen
Keine neuen Beiträge Problem mit IE und formularfeld - lie... umwelt HTML & CSS 0 02.04.2008, 10:50 Letzten Beitrag anzeigen
Keine neuen Beiträge Probleme bei CSS (Text "aufklapp... Shuichi HTML & CSS 2 17.12.2007, 15:17 Letzten Beitrag anzeigen
Keine neuen Beiträge Formularfeld mit Vorgabe (ähnlich Suc... CrazyLexx Einsteigerforum 6 10.08.2007, 16:27 Letzten Beitrag anzeigen
Threadübersicht