Bonjour

Mon but est de supprimer une ligne d'un tableau par un lien " Supprimer une ligne"

J'ai ajouté "onclick="Suprimer(this)" qui permet de gagner du temps en effaçant en un coup

Mais j'ai rencontré un problème, il n'efface que le lien.. pas une ligne entière

Merci pour votre soutien pour résoudre ce problème

YvaddavY

<table id="zebraTable" class="allBorderTable">
	
<caption>Table 1 : Power Mac G5 tech specs</caption>
	
		
		<tr onclick="Suprimer(this); return false;">
			<td>Frontside bus</td>
			<td>900Mhz per Processor</td>
			<td>1Ghz per Processor</td>
			<td>1.25Ghz per Processor</td>
			<td><a href="" >Supprimer cette ligne</a></td>
		</tr>
                
                <tr onclick="Suprimer(this); return false;">
			<td>Level2 Cache</td>
			<td>512K per processor</td>
			<td>512K per processor</td>
			<td>512K per processor</td>
			<td><a href="" >Supprimer cette ligne</a></td>
		</tr>
		
	</table>

function Suprimer(element)
{
  element.innerHTML = " ";
}

Je pense que tu devrais supprimer la balise <tr> et ses enfants.

Avec innerHTML tu modifie juste le contenu "texte".

A tester.

Salut, tu peut commencer par retirer le return false dans onclick de tes tr, ensuite il existe une fonction en javascript pour supprimer un neoud :

function supprimer(element){
  element.parentNode.removeChild(element);
}

Pendant que j y suis je corrige le nom de la fonction, 2 p à supprimer et autant garder les majuscules en début de fonction pour les constructeur d'objet javascript

Bonjour ninlock et louya,

Ninlock,

J'avais déjà testé avant de postuler sur ce forum, cela ne marche pas car quand je clique, il disparait et réapparait sans que je clique deuxieme fois..

Pouvez vous m'expliquer sur ce problème. merci

Louya :

"supprimer la balise <tr> et ses enfants." avec la fonction "removeChild" c'est bien cela ?

t'as remplacé le contenu de ta fonction par celui que je t'ai posté?
C'est certain que le code que j'ai écrit est bon , j'ai testé sur FF et IE et ça fonctionne très bien (si le javascript du navigateur est activé évidemment).

J'ai testé avec ton tableau et c'est assez original la manière dont tu fait la visualisation de la suppression!!
par contre pour éviter que la page se recharge dans la balise "a" écrit href="#"

C'y est ça marche !!!

effectivement il faut ajouter "#" dans href..
Je suis assez surpris que le navigateur ne comprenne pas cela

En tout cas, merci beaucoup pour vos soutiens


YvaddavY

href a vide signifie au navigateur que tu rappel la page courante, alors # fait référence à un signet dans ta page, donc le lien te parmet soit d'atteindre une page soit un endroit dans ta page (jette un coup d'oeil aux spécifications de la balise 'a').