1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

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
 -
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 !!!
Afficher la suite

2 réponses

Réponse 1 / 2
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é...
Réponse 2 / 2
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 32
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
Répondre Posez votre question