Discussion :

[Arnaud F.]

Bonjour à tous et à toutes

J'ai un petit souci en javascript. Je tente de rajouter des lignes dans un tableau et j'aimerai pouvoir créer un INPUT dans une cellule...

Mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var ajout = document.getElementById("ajout")
var table = document.getElementById("parcours")
function ajout_click()
{
    TBODY = document.createElement ("tbody");
    TR = document.createElement ("tr");
    TD1  = document.createElement ("td");
    TXT1 = document.createTextNode ("<INPUT TYPE='RADIO' NAME='RADIOTEST' VALUE='First Choice'>");
    TD1.appendChild (TXT1);
    TD2  = document.createElement ("td");
    TXT2 = document.createTextNode ("test");
    TD2.appendChild (TXT2);
    TR.appendChild(TD1);
    TR.appendChild(TD2);
    TBODY.appendChild(TR);
    table.appendChild (TBODY);
}
 
ajout.onclick=ajout_click

Mais cela ne fonctionne pas

Merci d'avance

[SpaceFrog]

ben tu étais bien parti ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var zone=document.createElement('input') 
zone.type="radio"
zone.name= ...

puis tu l'appende dans le tr ...

[Arnaud F.]

ça fonctionne

[Arnaud F.]

Salut,

En fait dans la continuité de ce thread, j'aurai aimé savoir comment je peux remplir une balise du type select avec des données contenues dans une base MySQL sachanr que je viens de créer la liste dans la function du javascript ci-présente.

Es-ce possible? Si oui, comment ?

d'avance

[Arnaud F.]

J'ai fais des recherches supplémentaires mais n'y arrrive toujours pas

Des idées?

@++

[Mister Nono]

J'ai lu (il y a quelques mois) sur ce site un tutoriel qui permet de rendre un <table> éditable en créant dynamiquement des inputs, ensuite les données étaient envoyée via AJAX au serveur qui mettait à jour sa base données.

En faisant une recherche tu devrais trouver ton bonheur.

[Mister Nono]

J'ai trouvé l'adresse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
http://olance.developpez.com/articles/web/javascript/modification-inline/