removechild

[berni.walzl]

hallo.

ich habe folgendes script:

var count=1;
function oneMoreLink()
{
    var textinput = document.createElement('input');
    var texttype = document.createAttribute('type');
    texttype.nodeValue = 'text';
    var textid = document.createAttribute('id');
    textid.nodeValue = 'lang_'+count;
    textinput.setAttributeNode(texttype);
    textinput.setAttributeNode(textid);

    var buttoninput = document.createElement('input');
    var buttontype = document.createAttribute('type');
    buttontype.nodeValue = 'button';
    var buttonid = document.createAttribute('id');
    buttonid.nodeValue = 'remove_lang_'+count;
    var buttononclick = document.createAttribute('onclick');
    buttononclick.nodeValue = 'remove(\''+count+'\')';
    var buttonvalue = document.createAttribute('value');
    buttonvalue.nodeValue = 'Remove';
    buttoninput.setAttributeNode(buttontype);
    buttoninput.setAttributeNode(buttonid);
    buttoninput.setAttributeNode(buttonvalue);    
    
    var br = document.createElement('br');
    
    document.getElementById("dv").appendChild(textinput);
    document.getElementById("dv").appendChild(buttoninput);
    document.getElementById("dv").appendChild(br);
    count++;
    
    
}

function remove(whichlang) {
    document.getElementById("dv").removeChild(textinput);
} 

ich erstelle ein neues textfeld und einen button. wenn man auf diesen button klickt, soll das textfeld und der button wieder verschwinden.

meine remove-function funktioniert nicht

weitrers hab ich noch die frage ob ich auf den inhalt eines jeden erstellten elementes mit javascript zugreifen kann?

danke, berni

[ein schlauer]

meine remove-function funktioniert nicht

Ich seh zwar schon das Problem, aber das ist die denkbar schlechteste Fehlerbeschreibung. Fehlermeldung? Debuggingversuche? was hast du getan um den Fehler zu finden?

[berni.walzl]

dazu gibts keine fehlerbeschreibung, das sieht man, das das nicht funktionieren kann...

mein problem ist, ich muss jedes element, welches ich hinzufüge irgendwie indizieren und eine id geben, damit ich es dann einzeln löschen kann...

ich weiß nur nicht wie ich das anstellen soll...

berni

[ein schlauer]

dazu gibts keine fehlerbeschreibung, das sieht man, das das nicht funktionieren kann...

das ist gut, wir drehn uns im Kreis

[berni.walzl]

Das Problem ist, dass ich wenn ich .removeChild(textinput); mache, irgendwie angeben muss, WELCHEN textinout ich denn löschen möchte, und da hab ich mein Problem.

Ich muss auch später mit Javascript die Felder auslesen können und daher irgendwie spezifisch auf diese zugreifen können... aber ich weiß nicht wie

berni

[tsseh]

Warum schreibst du nicht

textinput.type = 'text';

usw.?
Dann sollte deine remove Fkt. vielleicht so aussehen

function remove(textinput) { 
    document.getElementById("dv").removeChild(textinput); 
}

dann kannst du auch schreiben

buttoninput.onclick = function {remove(textinput);};

[berni.walzl]

ich vergebe beim erstellen jedem element eine id. kann ich das irgendwie benutzen um das element zu löschen?

berni

[ein schlauer]

Das brauchst du alles nicht. du musst keine Attribute erzeugen, die es sowieso schon gibt.

<form action="#" >
    <input type="button" value="add" onclick="add(this.form)">
</form> 

function add(f){
    var textinput = document.createElement('input');
    var buttoninput = document.createElement('input');
    var br = document.createElement('br');
    buttoninput.type = 'button';
    buttoninput.onclick = function() {
    f.removeChild(textinput);
    f.removeChild(this);
    f.removeChild(br);
    };
    buttoninput.value = 'Remove';
    
    f.appendChild(textinput);
    f.appendChild(buttoninput);
    f.appendChild(br);
} 

[berni.walzl]

ahh... das ist sehr schlau, dass du die removefiunktion gleich beim erstellen des objektes definierst!

jetzt will ich alle werte aus diesen textfeldern auslesen. ich hab an ein array gedacht, in welches die werte übergeben werden... wie gehe ich da am besten vor?


edit: ich muss auch ein star-rating einbauen... hier soll bestimmt werden wie gut man das aggegebene kann.

  <div style="float:left;">
  <ul class="star-rating">
    <li class="current-rating" id="stars_deliverydriver" style="width:20%;">Currently 1/5 Stars.</li>
    <li><a title="Beginner" class="one-star" onclick="javascript:starrating('lang1','1');">1</a></li>
    <li><a title="Poor" class="two-stars" onclick="javascript:starrating('lang1','2');">2</a></li>
    <li><a title="Fair" class="three-stars" onclick="javascript:starrating('lang1','3');">3</a></li>
    <li><a title="Good" class="four-stars" onclick="javascript:starrating('lang1','4');">4</a></li>
    <li><a title="Very good" class="five-stars" onclick="javascript:starrating('lang1','5');">5</a></li>
  </ul>
  </div> 

muss ich dann jedes element einzeln über DOM hinzufügen oder kann man das irgendwie abkürzen?

Vielen Herzlichen Dank für all eure sehr hilfreichen Beiträge in diesem Forum,
Bernhard