wert aus textfeld einer variablen übergeben?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
sincer

sincer hat kostenlosen Webspace.
20:56, 6.6.2008
ho ;)

ich habe mal wieder eine meiner anfängerfragen...
und zwar würde ich gerne wissen, wie das geht, wenn man ein normales formular und einen button hat, dass man in das formular etwas hineinschreibt, und per button den inhalt des formulars an eine variable im JavaScript bereich weitergibt...

zb: das formular mit button:
```
<table width=\"480\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td width=\"480\">
    <input name=\"Textfeld\" type=\"text\" id=\"txtFeld\" value=\"Schreiben Sie hier den neuen Text hinein...\" size=\"80\" />
	</td>
  </tr>
  <tr>
    <td>
	  <center>
	    <input name=\"Button\" type=\"button\" id=\"Btn\" value=\"Text &auml;ndern\" />
	  </center>
	</td>
  </tr>
</table>
```
und was brauche ich, damit, wenn jem. etwas in den Textbereich schreibt, dieser inhalt auf eine var übertragen wird...

achja... und sowas meine ich nicht: var NewText=prompt(\"Gib den Text ein:\");
sondern, es sollte wirklich über das formular laufen... nur habe ich halt ka, wie das geht :/

lg && thx
Sincer
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

22:27, 6.6.2008

Da hast du mehrere Möglichkeiten. Aber ich stelle dir mal eine und die gebäuchlichste vor ;)

<html>
<head>
<script type=\"text/javascript\">
function alert_b () {
    var name = document.form.deinname.value;
    alert(\'Dein Name ist \'+name);
}
</script>
</head>
<body>
<form name=\"form\">
Geb deinen Namen ein: <input name=\"deinname\"><br>
<input type=\"submit\" onclick=\"alert_b()\">
</form>
</body>
</html>

Beitrag geändert: 6.6.2008 22:34:52 von fly-europe

Autor dieses Themas

sincer

sincer hat kostenlosen Webspace.

22:34, 6.6.2008

ho ;)

kleine korrektur:

<html>
<head>
<script type=\"text/javascript\">

function alert1() {
    var name = document.form.deinname.value;
    alert(\'Dein Name ist \'+name);
}

</script>
</head>
<body>
<form name=\"form\">
Geb deinen Namen ein: <input name=\"deinname\"><br>
<input type=\"submit\" onclick=\"alert1()\">
</form>
</body>
</html>

funzt super, danke ;)

thx
Sincer

fly-europe

fly-europe hat kostenlosen Webspace.

22:35, 6.6.2008
Jo habe es auch oben geändert. Bitte

Autor dieses Themas

sincer

sincer hat kostenlosen Webspace.

23:17, 6.6.2008

ho ;)

ich bekomm das irgendwie noch immer nciht hin... muss ne kleinigkeit sein, aber ich finde den fehler atm nicht...

<!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=iso-8859-1\" />
<title>Submit-Test</title>

<script type=\"text/javascript\">

newText() {
  var Schreibmaschine = document.Formular.Textfeld.value;
  alert(\'Dein Name ist \'+Schreibmaschine);
}

</script>

</head>

<body>

<table width=\"480\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td width=\"480\">
	<form name=\"Formular\">
    <input name=\"Textfeld\" type=\"text\" value=\"Schreiben Sie hier den neuen Text hinein...\" size=\"80\" />
	</form>
	</td>
  </tr>
  <tr>
    <td>
	  <center>
	    <input name=\"Button\" type=\"submit\" value=\"Text &auml;ndern\" onclick=\"newText()\" />
	  </center>
	</td>
  </tr>
</table>

</body>
</html>

thx für die hilfe ;)
Sincer

fly-europe

fly-europe hat kostenlosen Webspace.

23:24, 6.6.2008

Vor newText muss noch die Deklarierung \"function\" hin ;)

<!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=iso-8859-1\" />
<title>Submit-Test</title>

<script type=\"text/javascript\">

function newText() {
  var Schreibmaschine = document.Formular.Textfeld.value;
  alert(\'Dein Name ist \'+Schreibmaschine);
}

</script>

</head>

<body>

<table width=\"480\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td width=\"480\">
      <form name=\"Formular\">
      <input name=\"Textfeld\" type=\"text\" value=\"Schreiben Sie hier den neuen Text hinein...\" size=\"80\" />
      </form>
    </td>
  </tr>
  <tr>
    <td>
      <center>
        <input name=\"Button\" type=\"submit\" value=\"Text &auml;ndern\" onclick=\"newText()\" />
      </center>
    </td>
  </tr>
</table>

</body>
</html>

Autor dieses Themas
sincer

sincer hat kostenlosen Webspace.

23:27, 6.6.2008
sagte ja, dass es eine kleinigkeit ist...
*schon etwas müde bin*

nochmal thx
Sincer
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city