Item zur <ul> hinzufügen

Milchschokolade · 04/01/2011, 19:39

Hallo,
ich möchte folgendes Realisieren:
Ich habe das Grundgestell (Beispiel):

HTML Code:

<html>
<head>
<title>Titel</title>
</head>
<body>
<ul>
<li>item</li>
</ul>
</body>
</html>

Nun möchte ich aber über eine Textbox, die weiter unten ist, einen Punkt hinzufügen können.
Also jemand gibt etwas ein, drückt auf Absenden & dann steht es in der Liste.

Danke,
Lukas

finaldown97 · 04/01/2011, 20:09

dürfte mit java script gehen, werde gleich ein code reineditieren

PHP Code:


			
<html>

<head>

<title>Titel</title>

</head>

<body>

<ul id="liste">

<li>item</li>

</ul>

<script>

  function addItem(text)

    {

      var ul = document.getElementById("liste");

      var textnode = document.createTextNode(text)

      var li = document.createElement("li");

      li.appendChild(textnode);

      ul.appendChild(li);

    }

</script>

</body>

</html>

Das dürfte funktionieren (nicht getestet)

wenns geht thx pls

Milchschokolade · 04/01/2011, 20:15

Da fehlt aber noch das Textfeld^^

~~MoepMeep~~ · 04/01/2011, 20:17

PHP ist das Zauberwort

finaldown97 · 04/01/2011, 20:23

ich dachte das bekommst du selbst hin
aber nein php ist hier fehl am platze

gleich poste ich einen vollständigen code

#Edit:

PHP Code:


			
<html>

<head>

<title>Titel</title>

</head>

<body>

<ul id="liste">

<li>item</li>

</ul>

<script>

  function addItem(text)

    {

      var ul = document.getElementById("liste");

      var textnode = document.createTextNode(text)

      var li = document.createElement("li");

      li.appendChild(textnode);

      ul.appendChild(li);

    }

</script>

<input id="textfeld" value="Mein Text"></input>

<button onclick="addItem(document.getElementById('textfeld').value);">Add it!</button>



</body>

</html>

das geht, habs getestet

~~MoepMeep~~ · 04/01/2011, 23:48

Quote:

Originally Posted by finaldown97

ich dachte das bekommst du selbst hin
aber nein php ist hier fehl am platze

gleich poste ich einen vollständigen code

#Edit:

PHP Code:

<html> <head> <title>Titel</title> </head> <body> <ul id="liste"> <li>item</li> </ul> <script> function addItem(text) { var ul = document.getElementById("liste"); var textnode = document.createTextNode(text) var li = document.createElement("li"); li.appendChild(textnode); ul.appendChild(li); } </script> <input id="textfeld" value="Mein Text"></input> <button onclick="addItem(document.getElementById('textfeld').value);">Add it!</button> </body> </html>

das geht, habs getestet

PHP ist hier komplett richtig. Wenn du nicht in der Lage bist, sowas mit php zu realisieren, tust du mir leid.

Milchschokolade · 04/02/2011, 08:19

Nunja.
Ich möchte aber, dass das Item da bleibt.
Ich denke, sowas ist mit PHP & MySQL zu realisieren.
Also ne Datenbank hab ich zur Verfügung stehen.

NotEnoughForYou · 04/02/2011, 10:25

milchschokolade... ich würde dir empfehlen dich mit php und mysql auseinanderzusetzen .. das ist jetzt zwar nicht schwer zu realisieren, allerdings kannst du nicht bei jedem deiner Wünsche hier posten und es dir machen lassen ... ich denke der lerneffekt ist größer wenn du es selbst versuchst

Milchschokolade · 04/02/2011, 12:47

Hast du ne Buchempfehlung oder so für PHP & MySQL?

finaldown97 · 04/02/2011, 14:44

da kann man gut lernen

Milchschokolade · 04/02/2011, 18:02

Quote:

Originally Posted by finaldown97

da kann man gut lernen

Ich würde aber lieber aus nem Buch lernen.. ist mir lieber.
Was haltet ihr denn hiervon:

bzw

Wobei ich wohl erstmal das 1. nehmen sollte^^

~~.crossi#~~ · 04/06/2011, 08:46

Das erste find ich gut, hab ich als E-book, das zweite kenn ich nicht :P