11548 sujets

JavaScript, DOM et API Web HTML5

Différencier des Boutons Onclick!

Bonjour j'ai une serie de bouton inclus dans un tableau je cherche à différencier pour que la réaction attendue quand je click le bouton numero 5 ne concerne que celui (son text change et le text de la cellule qui lui adjacent subit un changement de texte-decoation.... Pour le moment si je click sur le 5 c'est le 1 qui réagit idem si je click sur le 3 ou le 2.

for (sli=0; sli<SmartLink.smartlinks_infos.length; sli++) 
                		{  

                			//une ligne du tableau de liens cibles
                			var cell2DisplayLine = document.createElement("tr");
                			                
                			// Insertion d'une colonne contenant le Boutton de Suppression 
                			var celluleButton = document.createElement("td");
             				celluleButton.id = 'celluleButton';
   							celluleButton.innerHTML = '<input type="button" id="sli"  value="Supp" onclick="suppRetabLienCible()">';
   							cell2DisplayLine.appendChild(celluleButton);


//1ere colonne de la ligne du tableau
               		 	var cell2DisplayCell1 = document.createElement("td");
                			//cell2DisplayCell1.id = "PAR";
                			//remplissage de la 1ere colonne de la ligne
                			cell2DisplayCell1.innerHTML += (SmartLink.smartlinks_infos[sli].title_dest);
                			cell2DisplayCell1.innerHTML += '&nbsp;&nbsp;&nbsp;&nbsp;';
                			                			//cell2DisplayCell1.style.paddingLeft = "50px";
                
                			//on attache la colonne a sa ligne
                			cell2DisplayLine.appendChild(cell2DisplayCell1);


la fonction appelé onclick

function suppRetabLienCible()
{
if (document.getElementById("sli").value == 'Supp')
	{
		document.getElementById("sli").value = 'Retablir';
    	return true;
   }

else 
	{
    		document.getElementById("sli").value = 'Supp';
    	return true;
   }
}


pour le textdecoration j'ai essayé avec un element.style sur la variable qui gere la cellule d'a coté et ça fonctionne pas!
Modérateur
Bonjour,

Un id ne peut apparaitre qu'une fois dans ta page pour que cette dernière reste valide. Smiley cligne
koala64 a écrit :
Bonjour,

Un id ne peut apparaitre qu'une fois dans ta page pour que cette dernière reste valide. Smiley cligne

merci

celluleButton.id = 'celluleButton' + sli;
celluleButton.innerHTML = "<input type='button' id='btn" + sli + "' value="Supp" onclick="suppRetabLienCible()">';
[QUOTE]document.getElementById("btn\" + sli + \"") has no properties[/QUOTE]

je me demande ou est l'erreur dans mon code que voici:
function suppRetabLienCible()
{
if (document.getElementById('btn" + sli + "').value == 'Supp')
	{
		document.getElementById('btn" + sli + "').value = 'Retablir';
		document.getElementById("displayTitleDest").style.textDecoration = 'line-through';
		
		
    	return true;
   }

else 
	{
    		document.getElementById("btn' + sli + '").value = 'Supp';
    		document.getElementById("displayTitleDest").style.textDecoration = 'none';
    	return true;
   }
}


et

celluleButton.innerHTML = "<input type='button' id='btn" + sli + "' value='Supp' onclick='suppRetabLienCible()'>";

Modifié par olk1free (10 Aug 2007 - 16:17)
Sujet clos
Aller à