Remise à zero ...

**Chronax** · 06/03/2006, 15h19

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 :

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

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 :

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

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 !

**Matthieu2000** · 06/03/2006, 15h27

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

**Chronax** · 06/03/2006, 15h55

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 :

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

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 :

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

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

**Chronax** · 07/03/2006, 11h17

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

merci bien

**denisC** · 07/03/2006, 11h34

Envoyé par Chronax

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

merci bien

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.

**Chronax** · 07/03/2006, 11h48

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 :

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

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

Remise à zero ...

JavaScript

Discussions similaires

Partager

Partager