Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

create probleempje

ricardo87 - 13/02/2016 13:11

Nieuw lid

Hoi mensen,
Ik ben best wel een noob met javascript.
En nu was mijn vraag ik heb tabel en als je op een knop drukt er elke keer
een rij bij komt.
Het lukt me tot zo ver dat er rechts elke keer een rij bij komt en niet beneden.
Dit is mijn code.

javascript code - Bekijk de code zonder highlighting - Klap code in

                function myFunction() {
    var x = document.createElement("TR");
    x.setAttribute("id", "myTr");
    document.getElementById("myTable").appendChild(x);

    var y = document.createElement("TD");
    var s = document.createTextNode("stad:");
    y.appendChild(s);
    document.getElementById("myTr").appendChild(y);
    
    var y = document.createElement("TD");
    var si = document.createElement("input");
    y.appendChild(si);
    document.getElementById("myTr").appendChild(y);

    
    var y = document.createElement("TD");
    var w = document.createTextNode("winkel:");
    y.appendChild(w);
    document.getElementById("myTr").appendChild(y);
    
    var y = document.createElement("TD");
    var wi = document.createElement("input");
    y.appendChild(wi);
    document.getElementById("myTr").appendChild(y);
    

    
}

            
function myFunction() {
    var x = document.createElement("TR");
    x.setAttribute("id", "myTr");
    document.getElementById("myTable").appendChild(x);
 
    var y = document.createElement("TD");
    var s = document.createTextNode("stad:");
    y.appendChild(s);
    document.getElementById("myTr").appendChild(y);
 
    var y = document.createElement("TD");
    var si = document.createElement("input");
    y.appendChild(si);
    document.getElementById("myTr").appendChild(y);
 
 
    var y = document.createElement("TD");
    var w = document.createTextNode("winkel:");
    y.appendChild(w);
    document.getElementById("myTr").appendChild(y);
 
    var y = document.createElement("TD");
    var wi = document.createElement("input");
    y.appendChild(wi);
    document.getElementById("myTr").appendChild(y);
 
 
 
}
 

1 antwoord

Gesponsorde links

Thomas - 13/02/2016 14:26 (laatste wijziging 13/02/2016 14:31)
Moderator		Ennnn wat is je vraag hierbij precies? Misschien is het ook handig om een JavaScript framework in te schakelen voor dit soort dingen. Je bent dan niet zo "low level" (dat wil zeggen, in native JavaScript) bezig en bijkomend voordeel is dat dit soort frameworks de (kleine) verschillen in de werking van JavaScript tussen verschillende browsers voor hun rekening nemen, de zogenaamde "cross browser compatibiliteit". En tot slot til je je code naar een wat hoger niveau, zodat je met minder werk/code hetzelfde bereikt. Een van de framework is jQuery, die zelfs als motto "write less, do more" heeft. Kan het kloppen dat je hierover ook al een topic hebt lopen op phphulp.nl? EDIT: je tabelrijnaam (of liever gezegd het id) is uniek, je hangt elke keer een tabelcel op aan dezelfde tabelrij: javascript code - Bekijk de code zonder highlighting - Klap code in document.getElementById("myTr").appendChild(y); document.getElementById("myTr").appendChild(y); Dus het is in zekere zin logisch dat elke keer dezelfde tabelrij verder uitgebreid wordt. Indien je dynamisch elementen ergens aan toe wilt voegen is het wellicht handiger om niet met id's te werken...

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.

Actiefste leden van de maand

Actieve forumberichten