Javascript :Cellule dynamique d'un tableau HTML [Résolu]

Signaler
Messages postés
24
Date d'inscription
mardi 9 mars 2004
Statut
Membre
Dernière intervention
22 juin 2006
-
danvy
Messages postés
24
Date d'inscription
mardi 9 mars 2004
Statut
Membre
Dernière intervention
22 juin 2006
-
Bonjour a tous,

voila je souhaite remplir les cellules de mon tableau suivant ce que l'on a choisi dans une liste deroulante.
Mon code marche bien pour la 1ere ligne mais des que j'ajoute une ligne a mon tableau javascript), ça ne marche plus !

Je pense que l'erreur vient de ma fonction ajouter_ligne mais bon impossilble de trouver....

voici mon code:

<script language="JavaScript" type="text/JavaScript">

function ajoute_ligne() {
cpt=cpt+1;
emplacement = document.getElementById("mon_tableau");


elem = document.createElement("TR");
ligne = emplacement.appendChild(elem);


for (i = 1 ; i <= 23 ; i++)
{
var a=i-2;
elem = document.createElement("TD");
cellule = ligne.appendChild(elem);


if(i==1)
cellule.innerHTML = '

';
else if(i==2)
cellule.innerHTML = '
<select id="poste_"+cpt name="poste" size="1"><option value="">Choisir</option><option value="Cuisine">Cusine</option><option value="Salle">Salle</option><option value="Bar">Bar</option><option value="Reception">Réception</option><option value="Autre">Autre</option>
';
else if(3<=i<=5)
cellule.innerHTML = '

';
else if(6<=i<=8)
cellule.innerHTML = '

';
else if(9<=i<=11)
cellule.innerHTML = '

';
else if(12<=i<=14)
cellule.innerHTML = '

';
else if(15<=i<=17)
cellule.innerHTML = '

';
else if(18<=i<=20)
cellule.innerHTML = '

';
else if(21<=i<=23)
cellule.innerHTML = '

';
}
}

function suivant() {
journee=document.h5.h5_journée.options[document.h5.h5_journée.selectedIndex].text;
personne=document.h5.h5_personne.options[document.h5.h5_personne.selectedIndex].value;


cel=journee+1+"_"+personne;
document.getElementById(cel).innerHTML = "Off";
document.getElementById(cel).style.background='#6699FF';


}
</script>
___________________________________________________________________________
et voici mon body :

<form name="h5">
Journée Off :
2 - Choix de la journée Off :
<SELECT NAME="h5_journée"><option value="">Choisir</option><option value="lundi">Lundi</option><option value="mardi">Mardi</option><option value="mercredi">Mercredi</option><option value="jeudi">Jeudi</option><option value="vendredi">Vendredi</option><option value="samedi">Samedi</option><option value="dimanche">Dimanche</option>
</SELECT>

3 - A qui voulez-vous attribuer la tranche horaire ?
<SELECT NAME="h5_personne"><option value="">Choisir</option><option value="1">Mr X</option><option value="2">Mr Y</option><option value="3">Mr Z</option>
</SELECT>

</form>

</form>




Employé,
Poste,
Lundi,
Mardi,
Mercredi,
Jeudi,
Vendredi,
Samedi,
Dimanche,

----

,
<select>
<option value="">Choisir</option>
<option value="Cuisine">Cusine</option>
<option value="Salle">Salle</option>
<option value="Bar">Bar</option>
<option value="Reception">Réception</option>
<option value="Autre">Autre</option>
</select>

Aidez moi, je ne sais plus quoi faire !!!

2 réponses

Messages postés
24
Date d'inscription
mardi 9 mars 2004
Statut
Membre
Dernière intervention
22 juin 2006

non désolé mais j'ai reussi à trouver la solution !!
mon probleme venait d'une mauvaise declaration de mes variables dans ma fct ajoute ligne et une histoire de modulo que j'avais zappé...
Messages postés
13619
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
29
pourquoi ne pas utilisr :
    var l = tableau.insertRow(n° ligne);  //qui insère une ligne
puis
   l.insertCell(l.cells.length).innerHTML="contenu de la cellule";  //qui ajoute une colonne
j'ai mis dans les sources de ce site "traitements sur les tableaux"
où l'exemple existe.
cordialemen      Bul.   Site