Remise à zero ...

Version imprimable

Remise à zero ...

Salut j'ai deja posté tout à l'heure et ca m'a bien aidé...
Mais un deuxieme probleme c pose a moi ...je debute aussi...
Donc dans le topic precedent je voulais ajouter 1 ou 2 ou 3 ou 4 ligne d'un coup ca c'est ok !!
Code:

1 2 3 4 5 6 7 8 9 10 <form name = "lecteur"> <select name = "choix" onChange = "Add(document.lecteur.choix.selectedIndex)"> <option>page1 <option>page2 <option>page3 <option>page4 </select> </form>
voila...je raccourci la chose bien sur !!!

le javascript correspondant !!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function AddRow(nbre_lignes){ var compteur = 0; while (compteur < nbre_lignes) { // Insère une ligne à chaque passage dans la boucle var newRow = document.getElementById('table').insertRow(-1); var newCell = newRow.insertCell(0); compteur ++; newCell.innerHTML = '<input name="ref" size="10" value="">'; newCell = newRow.insertCell(1); newCell.innerHTML = '<input name="addToCartsubmit" size="4">';} } function Add(x) { // x étant le nombre de lignes que tu veux insérer AddRow(x); }
voila ca c'est ce qu'on m'a conseillé de faire tout a l'heure.....

Donc la concretement je peux:
- ajouter une ligne avec un bouton...(tout le code n'y ai pas )
- ajouter une ou plusieurs lignes grace au menu deroulant....

Voila ce que j'aimerais faire, c'est quand je selectionne 3....cela m'affiche 3 lignes...ca ca marche mais si je selectionne 1 ca doit m''effacer mes deux lignes....jeme prends un peu la tete dessus depuis tout a l'heure.... et j'ai du mal a chauffer....

Merci a celui qui aura une reponse !!!!!!!
ChroChro !

06/03/2006, 15h27
Matthieu2000

http://www.developpez.net/forums/vie...t=deleterow...

merci pour ce lien, il ce trouve que cela fonctionne pour supprimer une ligne...hm hm en fait ca me les supprime toutes !!!!!
Bon ca c'est pas grave encore...mais quand je veux en remettre une came met :

Code:

Erreur : document.getElementById("table") has no properties

Bon evidemment si je met 'tr' a la place de 'table' j'ai conscience du changement mais le resultat (l'erreur) et le meme !!!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 unction AddRow(nbre_lignes){ var compteur = 0; while (compteur < nbre_lignes) { // Insère une ligne à chaque passage dans la boucle var newRow = document.getElementById('table').insertRow(-1); var newCell = newRow.insertCell(0); compteur ++; newCell.innerHTML = '<input name="ref" size="10" value="">'; newCell = newRow.insertCell(1); newCell.innerHTML = '<input name="addToCartsubmit" size="4"><input type="button" value="Supprimer une ligne" onClick="DeleteRow()">';} } function Add(x) { // x étant le nombre de lignes que tu veux insérer AddRow(x); } function DeleteRow(x){ var maligne = document.getElementById('table'); maligne.parentNode.removeChild(maligne); }
Voila a quoi ca ressemble.....Pourquoi ca ne marche pas Snif Sniff

07/03/2006, 11h17
Chronax

arf quelqu'un aurait il une solution a mon probleme ???

merci bien :D
07/03/2006, 11h34
denisC

Citation:

Envoyé par Chronax

arf quelqu'un aurait il une solution a mon probleme ???

merci bien :D

Donne un identifiant à ta table qui ne soit pas un mot reservé. Ca sera déjà un bon début. maTable ou jolieTable ou ferARepasser. Mais pas table.

Et bien en fait mes deux boutonsant ds la meme table....voila pourquoi j'ai fait ca donc je ne pense pas devoirle modifier !!!!!!
En fait ce qui m'interesse plus c'est :
Quand j'affiche 3 lignes en meme temps ca me les affiches bon ca ok ca marche mais si finalement jevais en mettre deux ca m'efface un ligne.... pareil pour quatre etc.....

voici le code complet:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
 
 
<form name = "lecteur">
<select name = "choix" 
 onChange = "Add(document.lecteur.choix.selectedIndex)">
 
<option>page1
<option>page2
<option>page3
<option>page4
</select>
</form>
 
<table id="mytable">
   <form action="$..." method=POST> 
 
   <td>réf.</td><td>quantité</td><td  class = "rightrow" rowspan="7"></td></tr>
 
    <tr>
        <td rowspan="0"><input name="ref" size="10" value="">
        <td><input name="addToCartsubmit" size="4"></td>
 </tr>
</table></td><input type="button" value="Ajouter une ligne" onClick="AddRow(1)">
 
 
 
<script type="text/javascript">
 
 
 
function AddRow(nbre_lignes){
   var compteur = 0;
   while (compteur < nbre_lignes) {   
       var newRow = document.getElementById('mytable').insertRow(-1);
       var newCell = newRow.insertCell(0);
       compteur ++;
       newCell.innerHTML = '<input name="ref" size="10" value="">';
       newCell = newRow.insertCell(1);
       newCell.innerHTML = '<input name="addToCartsubmit" size="4">';
       newCell = newRow.insertCell(2);
       newCell.innerHTML = '<input type="button" value="Supprimer une ligne" onClick="Add(2)">'}
}
 
function Add(x) {  
       AddRow(x);
}
</script>
 
</form>
</html>

Bon voila et donc j'aimerais faire ce que j'ai au dessus.....faire en sorte que les valeurs s'initient chaque fois que je selectionne.....

Please.....thanks