dynamisch li in liste einfügen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • dynamisch li in liste einfügen

    Geschätzte Community,

    Wie kann ich einem <li> welches ich dynamisch einfüge ein div mitgeben?

    HTML:
    Code:
    ID: 	<input type="text" name="id" id="id" value="item12" /><br />
    Text: 	<input type="text" name="text" id="text" value="Bezeichnung" /><br />
    <input type="button" name="insert" id="insert" value="Insert item" />
    JS:
    Code:
    window.addEvent('domready', function() {
          $('insert').addEvent('click', InsertIt);
    });
    
    var InsertIt = function() {
    	var nodeDiv = <div id='testdiv'> Platzhalter</div>;
    	$('text').value = $('text').value+nodeDiv;
    	var li = new Element('li').setProperty('id', $('id').value).appendText($('text').value).injectInside($('example'));
    	document.getElementById('testdiv').innerHTML = "<a href='http://www.google.com'> Link zu Google </a>";	 
    };
    Ziel ist es ein neues li einzufügen in welchem der Wert von text übernomen wird und das div an den text angehängt wird.
    Damit ich in diesem div nachher verschieden links anzeigen kann.

    Ich komme hier leider nicht mehr weiter und bin an Tips sehr Interesseiert

    Herzlichen Dank
    Roger
Lädt...
X