Discussion :

[s.rais]

Bonjour à tous.
J'ai une <table> que je rempli par une function Javascript à partir d'un formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function ajout(f, calTot)
	{
	var t=document.getElementById("Panier").tBodies[0];
        var tr, td;
 	tr=document.createElement("tr");
		for(i=1;i<5;i++)
		{
			td=document.createElement("td");
			td.appendChild(document.createTextNode(f[i].value));
			tr.appendChild(td);
		}

sur double click sur une ligne j'efface toute la ligne par le code suivant

Code :

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

1
2
3
4
5
 
tr.ondblclick = function()
		{
  			this.parentNode.removeChild( this);
		}

ça marche très bien. Avant la suppression de la ligne, je voudrais récupérer le contenu d'un <td> (le 4ème) de cette ligne. Pouvez-vous m'indiquer comment procéder. Merci d'avance.

[Darkaurora]

Malheureusement en JS pure je ne sais pas. !en JQuery par contre ça serait :

Code :

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

1
2
3
4
5
 
$( 'tr' ).on( 'dblclick', function( ) {
var tmpText = $( this ).find( td:eq(3) ).text( );
$( this ).remove( );
} );

[s.rais]

Je ne connais rien à jQuery.En tout cas, merci Darkaurora.

[SpaceFrog]

Code :

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

1
2
3
4
5
tr.ondblclick = function()
		{
alert(this.getElementsByTagName('td')[3].innerHTML)  			
this.parentNode.removeChild( this);
		}

[MisterPur]

Bonjour,

Je suis d'accord avec la réponse de SpaceFrog mais je pense qu'il serait peut être plus judicieux d'utiliser .textContent à la place de .innerHTML
En effet .innerHTML récupère aussi les balises HTML alors que textContent ne récupère que le texte.

Par exemple : http://jsfiddle.net/quRkQ/1/
Dans cette exemple il y la solution à ton problème et si tu tentes de supprimer la 4ème ligne tu verras la différence entre textContent et innerHTML. Tu choisiras selon ton besoin.

En espérant avoir pu aider.

PS: je rajouterais juste au passage que cela dépend le comportement que tu veut avoir mais il est préférable de ne pas attacher ces événement en utilisant la syntaxe :

Code :

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

element.ondblclick  = function(){ /* do something */ };

mais plutôt avec addEventListener (+ attachEvent pour la compatibilité IE < 9 )
Pour voir la différence et te faire une idée > http://jsfiddle.net/mLHv8/

[s.rais]

Merci beaucoup j'ai opter pour ".textContent" et ça marche bien. Vous m'avez bien aidé.