login  Naam:   Wachtwoord: 
Registreer je!
 Forum

javascript tr - appendchild (Opgelost)

Offline Wijnand - 28/05/2008 09:42
Avatar van WijnandModerator ik heb een stuk javascript geschreven en daar wil ik één ding bereiken dat ik ooit eerder gemaakt hebt maar wat ik niet kan vinden...

het gaat erom, ik heb een table en in de tbody wil ik een tr hangen (dat werkt al) maar hij voegt hem toe met appendChild en voegt de nieuwe TR toe als laatste regel.. maar ik wil hem bovenaan hebben (al eerste TR).. hoe doe je dit ook al weer?

5 antwoorden

Gesponsorde links
Offline vinTage - 28/05/2008 10:13
Avatar van vinTage Nieuw lid
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. insertBefore(nieuweRij, voor_id);
Offline Wijnand - 28/05/2008 10:32
Avatar van Wijnand Moderator moet die 2de row perse een "id" zijn?

ik heb nu dit

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. alert($('inputtypeveld').parentNode.parentNode.parentNode.parentNode.firstChild.firstChild);
  2. document.insertBefore(tr,$('inputtypeveld').parentNode.parentNode.parentNode.parentNode.firstChild.firstChild);


Die alert geeft dit : "TR"
dat is dus goed (volgens mij).. dat moet de eerste TR zijn. En daarboven probeer ik dus "tr" toe te voegen, dat is een creatElement("TR").

ik krijg nu : "Node was not found".
Offline vinTage - 28/05/2008 10:39
Avatar van vinTage Nieuw lid Ik was ondertussen dit aan het maken (alleen ie werkt niet mee)
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function proppen()
  3. {
  4. 	var nieuwe_rij = document.createElement("tr");
  5. 	nieuwe_rij.innerHTML = "de nieuwe rij";
  6. 	nieuwe_rij.style.color = "red";
  7. 	var waarboven = document.getElementById("rij_een");
  8. 	document.getElementById("mijn_id").insertBefore(nieuwe_rij, waarboven);
  9. }
  11.  
  13. 	<tbody id="mijn_id">
  14. 		<tr id="rij_een"><td>een</td></tr>
  15. 		<tr id="rij_twee"><td>twee</td></tr>
  16. 		<tr id="rij_drie"><td>drie</td></tr>
  17. 		<tr id="rij_vier"><td>vier</td></tr>
  18. 	</tbody>
  20. <input onclick="proppen()" type="button" value="prop er een nieuwe rij tussen">
Offline Wijnand - 28/05/2008 10:40
Avatar van Wijnand Moderator ik zocht net ook op het internet.. heb nu dit:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. tbodyding = document.getElementsByTagName("tbody")[1];
  2. tbodyding.insertBefore(tr,tbodyding.firstChild);


dit werkt goed...
Offline vinTage - 28/05/2008 10:42
Avatar van vinTage Nieuw lid oplossing is imo nog steeds insertBefore 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.182s