[js] appendChild -> prependChild tabel rij aan het begin! - Softwareontwikkeling

donderdag 16 juni 2005 14:37

Acties:

Verwijderd

Topicstarter

Hallo,

Ik wil graag een tr toevoegen aan het begin van een tabel. Ik kan genoeg scriptjes vinden die zoals het heet appenden maar ik wil graag prependen en kan daar niet veel over vinden.

ben geen javascript guru maar begrijp het dom idee wel een beetje.

Iemand een voorbeeld idee hoe ik dit op moet lossen ???? dit heb ik nu (append)

http://javascript.internet.com/miscellaneous/add-a-row.html

sanx

donderdag 16 juni 2005 14:41

Acties:

André

Analytics dude

Jij zoekt de functie insertBefore

donderdag 16 juni 2005 15:16

Acties:

Verwijderd

Topicstarter

ok ik kan er niet mee uit de voeten!! is er niet ergens een voorbeeldje aanwezig. heb hier op GOT gekeken maar daar wordt het ook niet duidelijker van.

Iemand een suggestie waar ik zou kunnen kijken

ben alle links met insertBefore al afgeweest hier in got en op google wordt het ook niet echt duidelijker.

Graag wat assistentie met deze functie.

heb als laatste dit geprobeerd:

code:

  function addRow(id){
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
        td1.appendChild(document.createTextNode("column 1"))
    var td2 = document.createElement("TD")
        td2.appendChild (document.createTextNode("column 2"))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.insertBefore(lijst, row);
  }

[ Voor 43% gewijzigd door Verwijderd op 16-06-2005 15:18 ]

donderdag 16 juni 2005 15:19

Acties:

BtM909

Watch out Guys...

Het is geen afhaal-chinees, iets meer moeite mag ook wel hoor

Zoeken met google levert hits op GoT op.

Via de eerste de beste link kom ik hier uit: http://www.quirksmode.org/index.html?/dom/w3c_core.html

Per functie ook nog eens een testpage. Wat wil je nog meer?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 16 juni 2005 15:20

Acties:

André

Analytics dude

Volens dit topic:
Javascript/DOM: insertBefore probleem

Zou het dus ongeveer zo moeten:

code:

1
2
3

var rij = document.createElement('tr');
var dep = document.getElementById('idvantable').getElementsByTagName('tr')[0]; 
dep.parentNode.insertBefore(rij, dep);

donderdag 16 juni 2005 15:22

Acties:

Pelle

🚴‍♂️

Eerste hit op google:

The insertBefore method behaves similarly to the appendChild method, except that you can define before which object to insert the new object. The insertBefore method has two parameter: the child object and the brother object:

fatherObj.insertBefore(childObj, brotherObj)

Wat snap je daar niet aan dan?

donderdag 16 juni 2005 15:37

Acties:

Verwijderd

Topicstarter

Ok dan!! het werkt, lijkt me duidelijk dat dit geen afhaal chinees is.maar iets meer geduld voor mensen die niet de zelfde expertiese hebben als jullie. ieder zijn hobby of vak gebiedt.

fatherObj.insertBefore(childObj, brotherObj)

@Pelle
Misschien als zijn moeder en zus er bij waren wel maar ik begreep er echt geen hol van sorry.

Nog bedankt andre voor je hulp dankzij jou was het zo opgelost!!

en voor de mensen die graag voorbeelden hebben!

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">  
  function addRow(id){
     var rij = document.createElement('tr');
     var dep = document.getElementById(id).getElementsByTagName('tr')[0]; 
    var td1 = document.createElement("TD")
        td1.appendChild(document.createTextNode("column 1"))
    var td2 = document.createElement("TD")
        td2.appendChild (document.createTextNode("column 2"))
    rij.appendChild(td1);
    rij.appendChild(td2);
    dep.parentNode.insertBefore(rij, dep);
  }
//  End -->
</script>
</head>
<BODY>

<a href="javascript:addRow('myTable')">Add row</a>

<table id="myTable" cellspacing="0" border="1">
  <tbody>
    <tr>
      <td>row1_column1</td><td>row1_column1</td>
    </tr>
  </tbody>
</table>


<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  1.40 KB -->
</body>
</html>

[ Voor 37% gewijzigd door Verwijderd op 16-06-2005 15:38 ]