[Pb] récupérer la ligne dans un tableau

Version imprimable

18/12/2006, 15h48
Badaboumpanpan

[Pb] récupérer la ligne dans un tableau

Bonjour,

J'ai une page html avec un tableau qui se crée dynamiquement avec Javascript.

En fonction des réponses données avant, le tableau se créé.

Du coup une ligne se crée avec une case à remplir qui permet de créer d'autres lignes. Mais cette ligne se trouve au milieu du tableau et je voudrais que les nouvelles se créent à la suite de celle-ci.

Mais la position de la ligne étant dépendante des réponses données, je voudrai récupérer la position de cette ligne. Ne trouvant rien à ce sujet, je viens vous poser la question !!

Si quelqu'un à une réponse à me proposer, je suis preneur !!!
D'avance merci !
18/12/2006, 16h28
Matthieu2000

ton code ....

sinon fais une recherche sur : this parent

Alors, voilà un code source qui montre en quelque sorte mon problème :

Code:

1
2
3
4
5
6
 
<form name="regles" action="">
	<table id="tableau" border="0" cellpadding="0" cellspacing="0">
		<tr><td colspan="3">combien de lignes ? <input type="text" onChnage="action(nombre)" name="nombre"></td></tr>
	</table>
</form>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function action(nombre) {
	if (nombre<4) {
		alert("Votre nombre doit etre superieur a 4 !!");
	} else {
		var div = nombre/2;
		for (var i=1; i<div; i++) {
			var newRow = document.getElementById('tableau').insertRow(-1);
			var newCell = newRow.insertCell(0); innerHTML = "Case 1";
			newCell = newRow.insertCell(1); innerHTML = "Case 2";
			newCell = newRow.insertCell(2); innerHTML = "Case 3";
		}
		var newRow = document.getElementById('tableau').insertRow(-1);
		var newCell = newRow.insertCell(0); newCell.colSpan="3"; innerHTML = "Combien de ligne voulez-vous rajouter ? <input type=\"text\" onChange=\"ajoute(nb,ligne)\" name=\"nb\">";
		for (var i=div+1; i<=nombre; i++) {
			var newRow = document.getElementById('tableau').insertRow(-1);
			var newCell = newRow.insertCell(0); innerHTML = "Case 1";
			newCell = newRow.insertCell(1); innerHTML = "Case 2";
			newCell = newRow.insertCell(2); innerHTML = "Case 3";
		}
 
	}
}

Je n'ai pas mis la fonction "ajoute" car c'est celle-ci qui doit récupérer notament le numéro de la ligne (variable "ligne" que je n'ai pas déclaré ne sachant pas comment récupérer le numéro de la ligne).

J'ai essayé de raccourcir. J'espère que l'esprit y est encore.

19/12/2006, 09h51
Badaboumpanpan

Personne n'aurait une proposition ? :roll:
19/12/2006, 11h45
Matthieu2000

Code:

document.getElementById('tableau').insertBefore(newElement,ref.nextSibling);

avec ref le 'this' en param
newElement ce que tu veux...