HTML-Eingabefeld mit Javascript verknüpfen

**Schmile**

hallo leute,

meine frage ist bestimmt ziemlich dumm, aber da ich nirgendwo was passendes gefunden habe, poste ich das einfach mal hier:

ich habe ein ganz einfaches html-eingabefeld:

markieren

Delphi-Quellcode:

			<form >

Bitte den Link der Nickpage eingeben:

<input name="address" type="text" size="100" maxlength="100"></p>

</form>

wie schaffe ich es jetzt, den eingegebenen string einer javascript-variable zuzuordnen?

gruß, eric

**pilic**

Du gibst deinem Formular und deinem Textfeld einen Namen und greifst dann im Javascript darauf zu.

HTML:

markieren

XML-Code:

			<form name="Formular" ... >

  <input name="Textfeld" ... />

</form>

JavaScript:

markieren

Code:

alert(document.Formular.Textfeld.value);

**Schmile**

danke erstmal für die antwort, dein vorschlag funktioniert aber nicht ... oder ich hab da was falsch gemacht

markieren

Code:

			<form name="formular">

Bitte den Link der Nickpage eingeben:

<input name="enteraddress" type="text" size="100" maxlength="100"></p>

</form>

<script language="JavaScript1.2" type="text/javascript">

        alert(document.formular.enteraddress.value);

da erscheint nur ein leerer alert ...

**pilic**

Es wird der Text des Edits zur Zeit des Aufrufs ausgegeben. Und wenn du das Script an dieser Stelle einfügst, ist das Textfeld eben leer. Wenn du noch einen Button platzierst und es dem OnClick-Event zuordnest dürfte es das gewünschte Ergebnis bringen.

**Schmile**

okay, alert oder wie in meinem fall document.write funktioniert jetzt ...

aber wie ordne ich jetzt der variable "address" den wert document.formular.enteraddress.value zu?

mit

markieren

Code:

			<input type="button" name="okay" value="OK"

      onclick="var adress = document.formular.enteraddress.value">

scheint das ja nicht zu gehen ...

**pilic**

Du kannst es ja in einer Funktion aufrufen.

JavaScript

markieren

Code:

			function zuweisen() {

  var adresse = document.formular.enteraddress.value";

  [...]

HTML
<input type="button" name="okay" value="OK" onclick="zuweisen()" />

**Schmile**

funktioniert immer noch nicht ....

muss ich zuerst javascript und dann das formular deklarieren oder andersrum? oder spielts keine rolle?

**meg91**

hier mal ein komplettes Gerüst
vllt hilft dir das weiter...

markieren

Code:

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <script type="text/javascript">

      function zuweisen() {

         var adresse = document.test_form.test_input.value;

         alert(adresse) //zu Testzwecken

         [...]

      }

   </script>  

</head>

<body>

   <form action="" method="get" name="test_form">

      <input name="test_input" type="text" onclick="zuweisen()"/>   

   </form>

</body>

</html>

HTML-Eingabefeld mit Javascript verknüpfen

HTML-Eingabefeld mit Javascript verknüpfen

Re: HTML-Eingabefeld mit Javascript verknüpfen

Re: HTML-Eingabefeld mit Javascript verknüpfen

Re: HTML-Eingabefeld mit Javascript verknüpfen

Re: HTML-Eingabefeld mit Javascript verknüpfen

Re: HTML-Eingabefeld mit Javascript verknüpfen

Re: HTML-Eingabefeld mit Javascript verknüpfen

Re: HTML-Eingabefeld mit Javascript verknüpfen

Forumregeln

pilic Registriert seit: 10. Aug 2006 Ort: Aschbach 131 Beiträge Turbo Delphi für Win32	#2 Re: HTML-Eingabefeld mit Javascript verknüpfen 18. Jun 2008, 16:25 Du gibst deinem Formular und deinem Textfeld einen Namen und greifst dann im Javascript darauf zu. HTML: markieren XML-Code: <form name="Formular" ... > <input name="Textfeld" ... /> </form> JavaScript: markieren Code: alert(document.Formular.Textfeld.value); Dominik Bihn bihn.pl.am - Freiheit durch CSS
	Zitat

pilic Registriert seit: 10. Aug 2006 Ort: Aschbach 131 Beiträge Turbo Delphi für Win32	#4 Re: HTML-Eingabefeld mit Javascript verknüpfen 19. Jun 2008, 09:29 Es wird der Text des Edits zur Zeit des Aufrufs ausgegeben. Und wenn du das Script an dieser Stelle einfügst, ist das Textfeld eben leer. Wenn du noch einen Button platzierst und es dem OnClick-Event zuordnest dürfte es das gewünschte Ergebnis bringen. Dominik Bihn bihn.pl.am - Freiheit durch CSS
	Zitat

pilic Registriert seit: 10. Aug 2006 Ort: Aschbach 131 Beiträge Turbo Delphi für Win32	#6 Re: HTML-Eingabefeld mit Javascript verknüpfen 21. Jun 2008, 11:24 Du kannst es ja in einer Funktion aufrufen. JavaScript markieren Code: function zuweisen() { var adresse = document.formular.enteraddress.value"; [...] HTML <input type="button" name="okay" value="OK" onclick="zuweisen()" /> Dominik Bihn bihn.pl.am - Freiheit durch CSS
	Zitat

Schmile Registriert seit: 3. Okt 2007 20 Beiträge	#7 Re: HTML-Eingabefeld mit Javascript verknüpfen 21. Jun 2008, 13:36 funktioniert immer noch nicht .... muss ich zuerst javascript und dann das formular deklarieren oder andersrum? oder spielts keine rolle?
	Zitat