Item zur <ul> hinzufügen

04/01/2011 19:39 Milchschokolade#1
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
04/01/2011 20:09 finaldown97#2
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 ;)
04/01/2011 20:15 Milchschokolade#3
Da fehlt aber noch das Textfeld^^
04/01/2011 20:17 MoepMeep#4
PHP ist das Zauberwort ;)
04/01/2011 20:23 finaldown97#5
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
04/01/2011 23:48 MoepMeep#6
Quote:
Originally Posted by finaldown97 View Post
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.
04/02/2011 08:19 Milchschokolade#7
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.
04/02/2011 10:25 NotEnoughForYou#8
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
04/02/2011 12:47 Milchschokolade#9
Hast du ne Buchempfehlung oder so für PHP & MySQL?
04/02/2011 14:44 finaldown97#10
[Only registered and activated users can see links. Click Here To Register...]
da kann man gut lernen
04/02/2011 18:02 Milchschokolade#11
Quote:
Originally Posted by finaldown97 View Post
[Only registered and activated users can see links. Click Here To Register...]
da kann man gut lernen
Ich würde aber lieber aus nem Buch lernen.. ist mir lieber.
Was haltet ihr denn hiervon:
[Only registered and activated users can see links. Click Here To Register...]
bzw
[Only registered and activated users can see links. Click Here To Register...]

Wobei ich wohl erstmal das 1. nehmen sollte^^
04/06/2011 08:46 .crossi##12
Das erste find ich gut, hab ich als E-book, das zweite kenn ich nicht :P