[Erledigt] Formularauswahlen einblenden nach Klick auf Radio Button

litterauspirna · 05.06.2010, 11:15

Hallo Leute,

ich verzweifel bald weil ich selbst nach längeren Googeln und hier suchen nicht meinen Fehler in meinem Script finde.

Mein Ziel steht ja schon im Threadtitel, ich will nach dem ich auf einen Radio Button drücke, dass dann weitere Formularelemente eingeblendet werden.

Hier mein Code dazu.

Code:

<script type="text/javascript" language="javascript">
    
    function showFormSendWahl(ID, getShow){
        
        if(getShow){
            
            document.getElementByID(ID).style.display = "inline";
        } else {
            
            document.getElementByID(ID).style.display = "none";
        }
    }
    
</script>


<form action="" method="post">
            
    <input type="radio" name="wahl" value="1" onclick="showFormSendWahl(show, this.checked)" /> Suchend <br />
    <input type="radio" name="wahl" value="2" /> Bitende
    
    <div id="show" style="display: none;">
    eingeblendet
    </div>
    
</form>

Ich finde einfach nicht den Fehler. Die Fehlerkonsole sagt mir folgendes.

Code:

Fehler: getShow is not defined
Quelldatei: http://localhost/Seelig/index.php
Zeile: 1

Das begreife ich gleich gar nicht, weil Zeile eins in dieser Datei ist folgende.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Ich bin für jede Hilfe sehr dankbar, da der DIV Container nichteingeblendet wird wo sich dann mal die anderen Formularelemente drin befinden.

Mfg litter

kn0wledge · 05.06.2010, 15:23

1. show musst du als String übergeben.
2. Es heißt document.getElementById nicht document.getElementByID

PHP-Code:

  <script type="text/javascript" language="javascript">
    
    function showFormSendWahl(ID, getShow){
    
            
        if(getShow == true){
                    
            document.getElementById(ID).style.display = "inline";
        } else {
             document.getElementById(ID).style.display = "none";
        }
    }
    
</script>


<form action="" method="post">
            
    <input type="radio" name="wahl" value="1" onclick="showFormSendWahl('show', this.checked)" /> Suchend <br />
    <input type="radio" name="wahl" value="2" /> Bitende
    
    <div id="show" style="display: none;">
    eingeblendet
    </div>
    
</form>

litterauspirna · 05.06.2010, 15:43

Zitat:

Zitat von kn0wledge

2. Es heißt document.getElementById nicht document.getElementByID

Genau das war mein Problem, verdammt da suche ich wie ein Irrer in Google, klapper Foren ab und kann keinen Fehler an meinem Quellcode erkennen und grad eben bevor ich das gelesen habe ist mir der Fehler aufgefallen. Da ist nur ein Buchstabe falsch geschrieben und dann passiert sowas.

Danke trotzdem, auch wenn ich den Fahler selber gefunden habe.

Mfg litter

ChrisB · 05.06.2010, 17:00

Auf den Fehler hätte dich ein vernünftiger Testbrowser sicherlich vertsändlicher hingewiesen, als mit der Meldung, die du zitiert hast.

litterauspirna · 05.06.2010, 19:35

Zitat:

Zitat von ChrisB

Auf den Fehler hätte dich ein vernünftiger Testbrowser sicherlich vertsändlicher hingewiesen, als mit der Meldung, die du zitiert hast.

Ich nutze Firefox und habe die web developer toolbar.

ChrisB · 05.06.2010, 22:06

Zitat:

Zitat von litterauspirna

Ich nutze Firefox und habe die web developer toolbar.

Dann gehst du falsch damit um ...

Wenn wirklich einzig und allein der Schreibfehler bei getElementById das Problem war, dann wirst du in der Fehlerkonsole ganz bestimmt auch sehr präzise darauf aufmerksam gemacht, dass in dieser Code-Zeile document nicht über die angegebene Methode verfügt.

ragtek · 05.06.2010, 22:16

Ansonsten kannst du auch Firebug installiren und losdebuggen

rudygotya · 06.06.2010, 09:01

Zitat:

<input type="radio" name="wahl" value="2" /> Bitende

Bitende?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
funktion über onclick radio button aufrufen	kyle2010	PHP Tipps 2010	6	07.04.2010 22:21
[Erledigt] Tag plus eins nach Button klick	Mad-House	PHP Tipps 2010	19	12.03.2010 10:47
RADIO BUTTON (onchange, onclick)	ClemensK	JavaScript, Ajax und mehr	12	28.01.2010 16:52
E-Mail per Klick auf Button versende	dypor	PHP Tipps 2009	10	01.11.2009 15:28
sicherheitsfrage beim button klick	SpecialFighter	PHP Tipps 2009	5	14.10.2009 16:51
Radio Button als Pflichtfeld	garfield1711	PHP Tipps 2009	39	26.09.2009 19:19
[Erledigt] Werte von Radio Button gelangen nicht in Datenbank	peteX82	PHP Tipps 2009	8	22.09.2009 20:12
Radio Button und gleichzeitige überprüfung??	Rapidm	PHP Tipps 2009	4	17.01.2009 15:26
Radio Button	robydog	HTML, Usability und Barrierefreiheit	4	17.04.2008 13:47
radio button mit Funktion....		PHP Tipps 2006	18	13.01.2006 10:08
radio button automatisch setzen		HTML, Usability und Barrierefreiheit	2	11.10.2005 07:12
[Erledigt] durch Klick auf Text anderen Text einblenden		HTML, Usability und Barrierefreiheit	3	03.07.2005 14:41
Einen bestimmten Button in einer Radio Group ansprechen		HTML, Usability und Barrierefreiheit	2	12.04.2005 16:31
E-MAIL BEI Button klick		PHP Tipps 2004-2	14	07.11.2004 12:54
klick auf Button soll Seite neu aufbauen		HTML, Usability und Barrierefreiheit	3	04.08.2004 23:45

05.06.2010, 11:15
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	[Erledigt] Formularauswahlen einblenden nach Klick auf Radio Button Hallo Leute, ich verzweifel bald weil ich selbst nach längeren Googeln und hier suchen nicht meinen Fehler in meinem Script finde. Mein Ziel steht ja schon im Threadtitel, ich will nach dem ich auf einen Radio Button drücke, dass dann weitere Formularelemente eingeblendet werden. Hier mein Code dazu. Code: <script type="text/javascript" language="javascript"> function showFormSendWahl(ID, getShow){ if(getShow){ document.getElementByID(ID).style.display = "inline"; } else { document.getElementByID(ID).style.display = "none"; } } </script> <form action="" method="post"> <input type="radio" name="wahl" value="1" onclick="showFormSendWahl(show, this.checked)" /> Suchend <br /> <input type="radio" name="wahl" value="2" /> Bitende <div id="show" style="display: none;"> eingeblendet </div> </form> Ich finde einfach nicht den Fehler. Die Fehlerkonsole sagt mir folgendes. Code: Fehler: getShow is not defined Quelldatei: http://localhost/Seelig/index.php Zeile: 1 Das begreife ich gleich gar nicht, weil Zeile eins in dieser Datei ist folgende. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Ich bin für jede Hilfe sehr dankbar, da der DIV Container nichteingeblendet wird wo sich dann mal die anderen Formularelemente drin befinden. Mfg litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de Geändert von litterauspirna (05.06.2010 um 11:19 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.06.2010, 15:23
kn0wledge Erfahrener Benutzer Registriert seit: 03.09.2009 Beiträge: 158 PHP-Kenntnisse: Anfänger	1. show musst du als String übergeben. 2. Es heißt document.getElementById nicht document.getElementByID PHP-Code: <script type="text/javascript" language="javascript"> function showFormSendWahl(ID, getShow){ if(getShow == true){ document.getElementById(ID).style.display = "inline"; } else { document.getElementById(ID).style.display = "none"; } } </script> <form action="" method="post"> <input type="radio" name="wahl" value="1" onclick="showFormSendWahl('show', this.checked)" /> Suchend <br /> <input type="radio" name="wahl" value="2" /> Bitende <div id="show" style="display: none;"> eingeblendet </div> </form>

05.06.2010, 17:00
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Auf den Fehler hätte dich ein vernünftiger Testbrowser sicherlich vertsändlicher hingewiesen, als mit der Meldung, die du zitiert hast. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

05.06.2010, 22:16
ragtek Erfahrener Benutzer Registriert seit: 10.02.2009 Beiträge: 929	Ansonsten kannst du auch Firebug installiren und losdebuggen