Delphi-PRAXiS - HTML-Eingabefeld mit Javascript verknüpfen

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - HTML-Eingabefeld mit Javascript verknüpfen (https://www.delphipraxis.net/115827-html-eingabefeld-mit-javascript-verknuepfen.html)

Schmile

18. Jun 2008 15:46

HTML-Eingabefeld mit Javascript verknüpfen

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:

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

18. Jun 2008 16:25

Re: HTML-Eingabefeld mit Javascript verknüpfen

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

HTML:

XML-Code:

			<form name="Formular" ... >

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

</form>

JavaScript:

Code:

alert(document.Formular.Textfeld.value);

Schmile

18. Jun 2008 16:38

Re: HTML-Eingabefeld mit Javascript verknüpfen

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

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

19. Jun 2008 09:29

Re: HTML-Eingabefeld mit Javascript verknüpfen

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

20. Jun 2008 20:22

Re: HTML-Eingabefeld mit Javascript verknüpfen

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

Code:

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

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

scheint das ja nicht zu gehen ...

pilic

21. Jun 2008 11:24

Re: HTML-Eingabefeld mit Javascript verknüpfen

Du kannst es ja in einer Funktion aufrufen.

JavaScript

Code:

			function zuweisen() {

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

  [...]

HTML

XML-Code:

Schmile

21. Jun 2008 13:36

Re: HTML-Eingabefeld mit Javascript verknüpfen

funktioniert immer noch nicht ....

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

meg91

22. Jun 2008 21:38

Re: HTML-Eingabefeld mit Javascript verknüpfen

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

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>

Alle Zeitangaben in WEZ +1. Es ist jetzt 11:11 Uhr.