[Erledigt] Onclick Feld Global ausfüllen

strgg · 25.11.2009, 16:56

Hi

Ich hab folgenden HTML gebastelt welcher eine JS-Funktion nach dem Absenden aufruft:

HTML-Code:

<body onload="load()" onunload="GUnload()" >
<form action="#" onsubmit="showAddress(this.address.value,this.address2.value); return false">
<p>        
<input type="text" size="60" name="address" value="" />
<input type="text" size="60" name="address2" value="" />
<input type="submit" value="RECHNEN!" />
</p>
</form>

Nun versuche ich die Funktion aus dem Formular herauszulösen, so dass bei einem Klick die Funktion auch Bezug zu Werten ausserhalb des Form-tags erhalten kann(global in php).

HTML-Code:

<input type="button" value="RECHNEN!" onclick="showAddress(this.address.value,this.address2.value); return false" 
action="#" />

Klappt leider nicht. Als Laie hat mir auch das umfangreiche Nachschlagwerk Internet nicht weitergeholfen. Wäre froh für Meldung ob's möglich ist und ein kurzes Stichwort. Grüsse

nikosch · 25.11.2009, 17:00

„klappt nicht...“ ist keine sinnvolle Fehlerbeschreibung

iits · 25.11.2009, 18:34

this.address.value und this.address2.value kannst du nur innerhalb des formulars benutzen, den von da kommen ja die werte.
ausserhalb des formulars musst du mit getElementsByName() SELFHTML: JavaScript / Objektreferenz / document
oder getElementById() SELFHTML: JavaScript / Objektreferenz / document arbeiten

nikosch · 25.11.2009, 18:40

Wobei er ja keine Aussage macht, wo nun der Button sitzt.

Chriz · 25.11.2009, 19:56

Beachte den Kontext! this in on*-Attributen bezieht sich immer auf das aktuelle HTML-Element:

<form action="http://www.google.com" onsubmit="alert(this.action);return true" name="formular"> // this = document.forms["formular"]
<input name="abschicken" onclick="alert(this.value);return true" type="submit" value="Google" /> // this = document.forms["formular"].elements["abschicken"]
</form>

oder umgekehrt

<form action="http://www.google.com" onsubmit="alert(this.elements['abschicken'].value);return true">
<input onclick="alert(this.form.action);return true" type="submit" value="Google" />
</form>

strgg · 26.11.2009, 07:34

Hallo

@iits; Problem erkannt und Link hat weitergeholfen. Besten Dank. Mein (mobiler und funktionierender) Code sieht nun wie folgt aus (html only):

HTML-Code:

<input type="button" value="RECHNEN!" onclick="showAddress(document.getElementById('address').value,document.getElementById('address2').value); return false" action="#" /> <br />
<input type="text" size="60" id="lat" value=""/><br />
<body onload="load()" onunload="GUnload()" >
<p>        
<input type="text" id="address" size="60" name="address" value="" />
<input type="text" id="address2" size="60" name="address2" value="" />
</p>

@chriz
Danke für Deine weiteren Ausführungen zu dem strukturell richtigen Syntax.

Grüsse

nikosch · 26.11.2009, 15:17

Zitat:

Danke für Deine weiteren Ausführungen zu dem strukturell richtigen Syntax.

Tja, nur schade, dass Dir strukturelle Syntax anscheinend völlig egal ist.
Buttons vor dem Body-Element. Wahrlich ein tollkühner Code

Das return false kannst DU Dir auch sparen. Und eine action haben Buttons auch nicht.

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
SQL: Inhalte von zwei Feldern in ein Feld übertragen	inichino	Datenbanken	4	05.11.2009 14:22
JavaScript zum automatischen Springen ins nächste Feld	winfo_cologne	HTML, Usability und Barrierefreiheit	8	29.09.2009 17:12
DB Feld auf ein anderes innerhalb umleiten	vampsm	Datenbanken	6	28.09.2009 13:24
global $userid nicht global	Benjamin Such	PHP Tipps 2009	4	19.08.2009 17:19
[Erledigt] Tabelle automatisch generieren	scheffie	PHP Tipps 2009	18	07.06.2009 16:17
[Erledigt] Limit auf Ergebnissumme mehrerer Tabellen	Frank	Datenbanken	8	02.09.2008 11:33
PHP-Editor gesucht	Shyne	PHP-Fortgeschrittene	14	12.05.2008 00:22
Formular feld	Black-Devil	PHP Tipps 2008	12	05.03.2008 16:15
Problem mit Global Scope von Funktionen	WickedImp	PHP-Fortgeschrittene	13	16.05.2006 00:30
Mehrere Variabelen mit global in Funktion einlesen	DerTschmi	PHP Tipps 2006	8	22.03.2006 21:27
Array nach Feld sortieren		PHP Tipps 2005-2	2	07.08.2005 23:00
Feld uin DB um eins erhöhen		PHP Tipps 2005	5	28.04.2005 10:53
NOT LIKE Abfrage bringt kein Ergebnis in leerem Feld		PHP Tipps 2005	4	26.03.2005 15:25
global $_SESSION[login];		PHP Tipps 2004	3	29.07.2004 22:31

25.11.2009, 16:56
strgg Erfahrener Benutzer Registriert seit: 06.03.2009 Beiträge: 162	[Erledigt] Onclick Feld Global ausfüllen Hi Ich hab folgenden HTML gebastelt welcher eine JS-Funktion nach dem Absenden aufruft: HTML-Code: <body onload="load()" onunload="GUnload()" > <form action="#" onsubmit="showAddress(this.address.value,this.address2.value); return false"> <p> <input type="text" size="60" name="address" value="" /> <input type="text" size="60" name="address2" value="" /> <input type="submit" value="RECHNEN!" /> </p> </form> Nun versuche ich die Funktion aus dem Formular herauszulösen, so dass bei einem Klick die Funktion auch Bezug zu Werten ausserhalb des Form-tags erhalten kann(global in php). HTML-Code: <input type="button" value="RECHNEN!" onclick="showAddress(this.address.value,this.address2.value); return false" action="#" /> Klappt leider nicht. Als Laie hat mir auch das umfangreiche Nachschlagwerk Internet nicht weitergeholfen. Wäre froh für Meldung ob's möglich ist und ein kurzes Stichwort. Grüsse


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

25.11.2009, 17:00
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.254 PHP-Kenntnisse: Fortgeschritten	„klappt nicht...“ ist keine sinnvolle Fehlerbeschreibung __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

25.11.2009, 18:34
iits Benutzer Registriert seit: 26.07.2008 Beiträge: 49	this.address.value und this.address2.value kannst du nur innerhalb des formulars benutzen, den von da kommen ja die werte. ausserhalb des formulars musst du mit getElementsByName() SELFHTML: JavaScript / Objektreferenz / document oder getElementById() SELFHTML: JavaScript / Objektreferenz / document arbeiten __________________ Individuelle Programmierung: PHP / Perl / Java / C Skillprofil Tech - Blog / Meine Joomla Erweiterungen

25.11.2009, 18:40
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.254 PHP-Kenntnisse: Fortgeschritten	Wobei er ja keine Aussage macht, wo nun der Button sitzt. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

25.11.2009, 19:56
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.069	Beachte den Kontext! this in on*-Attributen bezieht sich immer auf das aktuelle HTML-Element: <form action="http://www.google.com" onsubmit="alert(this.action);return true" name="formular"> // this = document.forms["formular"] <input name="abschicken" onclick="alert(this.value);return true" type="submit" value="Google" /> // this = document.forms["formular"].elements["abschicken"] </form> oder umgekehrt <form action="http://www.google.com" onsubmit="alert(this.elements['abschicken'].value);return true"> <input onclick="alert(this.form.action);return true" type="submit" value="Google" /> </form>