pb ds code ""supression dans une liste deroualnte ""

**moonia** · 03/05/2006, 15h08

c est encore moi :

j ai le code suivant

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
<script type="text/javascript">
var newOption, newText, autres;
function ajouteoption(op){
 if(op.options[op.options.selectedIndex].text=="Autres..."){
  autres=!op[0].value ? op.options.selectedIndex : op.options[op.options.selectedIndex];
  if(newText=prompt("entrez le texte de l\'option","")){
   newOption=document.createElement('option');
          newOption.text=newText;
   op.add(newOption,autres)
   op[op.length-2].selected=true;  
}
 }
}
function effacer(){
var compteselect=0;
    for(yo=0;yo<document.formulaire.strcture1.length;yo++){
        if(document.formulaire.strcture1.options[yo].selected == true){
        compteselect++;
        }
        if(compteselect>0){
            for(yo=0;yo<document.formulaire.strcture1.length;yo++){
                if(document.formulaire.strcture1.options[yo].selected == true){
                document.formulaire.strcture1.options[yo] = null;
                }
            }
        effacer();
        }
    }
}
-->
</script>
</head>
<body>
<form action="chan.php" method="post" name="formulaire">
  <select id="s" onchange="ajouteoption(this)" name="strcture1" size="10" style="width:130" multiple="multiple">
                <option>Direction Génerale</option>
                <option>--------------------</option>
                <option>Dir.Info-Comm</option>
                <option>Dir.Pédagogie</option>
                <option>Dir.de le Foramtion</option>
                <option>Secrétariat Génerale</option>
                <option>Autres...</option>
 
        </select>
        <input type="image"  src="supp.gif" onClick="effacer()">
        </form>
</body>
</html>

je ne comprend pas pk qd je clique sur le boutton "supp" pour effacer une des options ajoutées ""que j'aurais selectionnée auparavant"", j'efface toutes les options ajoutées ?????????!!!!!!!!!!!!!!!

**FremyCompany** · 03/05/2006, 15h15

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
function effacer(){
var compteselect=0;
    for(yo=0;yo<document.formulaire.strcture1.length;yo++){
        if(document.formulaire.strcture1.options[yo].selected == true){
        compteselect++;
        }
        if(compteselect>0){
            for(yo=0;yo<document.formulaire.strcture1.length;yo++){
                if(document.formulaire.strcture1.options[yo].selected == true){
                document.formulaire.strcture1.options[yo] = null; //Ici tu suprime ce qui est selectionné, l'option suivante se selectionnne
                }
            }
        effacer(); //Ceci est a supprimer, car elle relance la fonction de suppression
        }
    }
}

Regarde les commentaires, et dis moi ce que tu en penses.... Je ne suis sur de rien mais bon...

**moonia** · 03/05/2006, 15h19

Envoyé par FremyCompany

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
function effacer(){
var compteselect=0;
    for(yo=0;yo<document.formulaire.strcture1.length;yo++){
        if(document.formulaire.strcture1.options[yo].selected == true){
        compteselect++;
        }
        if(compteselect>0){
            for(yo=0;yo<document.formulaire.strcture1.length;yo++){
                if(document.formulaire.strcture1.options[yo].selected == true){
                document.formulaire.strcture1.options[yo] = null; //Ici tu suprime ce qui est selectionné, l'option suivante se selectionnne
                }
            }
        effacer(); //Ceci est a supprimer, car elle relance la fonction de suppression
        }
    }
}

Regarde les commentaires, et dis moi ce que tu en penses.... Je ne suis sur de rien mais bon...

ça ça ne marche tjrs pas ( l'image supp.gif c'est elle :

)

**FremyCompany** · 03/05/2006, 15h21

As-tu supprimé le "effacer()" interne comme je l'avais dit ?

**moonia** · 03/05/2006, 15h23

Code :

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

1
2
3
  }
        effacer(); //Ceci est a supprimer, car elle relance la fonction de suppression
        }

oui j'ai supprimé ça , note que quand j'utilse un input de type " bouton" ca marche impec , mais moi je veux un tt petit bouton

**moonia** · 03/05/2006, 15h26

C-à-d :si tu remplace ça
<input type="image" src="supp.gif" onClick="effacer()">

par <input type="button" value="Supprimer" onClick="effacer()">
tu effaces juste ce que tu selectionnes , mais c'est tres grand un bouton je veux moi un tt petit

**FremyCompany** · 03/05/2006, 15h27

j'ai testé ton code et cela marche très bien.
J'ai juste du rajouter <html><body> devant
EDIT : j'avais juste aussi transormé le input type="image" en input type="button"

**FremyCompany** · 03/05/2006, 15h30

Dans ce cas :
remplace le input par un img :
<img src="supp.gif" onclick="effacer();">

**moonia** · 03/05/2006, 15h30

comment ca !!!! tu supprimes ce que tu selectionnes ??????????? sans pb

**FremyCompany** · 03/05/2006, 15h31

Envoyé par FremyCompany

Dans ce cas :
remplace le input par un img :
<img src="supp.gif" onclick="effacer();">

**moonia** · 03/05/2006, 15h34

tu veux dire que ce code marche tres bien

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
52
<html>
<head>
 
<script type="text/javascript">
<!--
var newOption, newText, autres;
function ajouteoption(op){
 if(op.options[op.options.selectedIndex].text=="Autres..."){
  autres=!op[0].value ? op.options.selectedIndex : op.options[op.options.selectedIndex];
  if(newText=prompt("entrez le texte de l\'option","")){
   newOption=document.createElement('option');
          newOption.text=newText;
   op.add(newOption,autres)
   op[op.length-2].selected=true;  
}
 }
}
function effacer(){
var compteselect=0;
    for(yo=0;yo<document.formulaire.strcture1.length;yo++){
        if(document.formulaire.strcture1.options[yo].selected == true){
        compteselect++;
        }
        if(compteselect>0){
            for(yo=0;yo<document.formulaire.strcture1.length;yo++){
                if(document.formulaire.strcture1.options[yo].selected == true){
                document.formulaire.strcture1.options[yo] = null;
                }
            }
        effacer();
        }
    }
}
-->
</script>
</head>
<body>
<form action="chan.php" method="post" name="formulaire">
  <select id="s" onchange="ajouteoption(this)" name="strcture1" size="10" style="width:130" multiple="multiple">
                <option>Direction Génerale</option>
                <option>--------------------</option>
                <option>Dir.Info-Comm</option>
                <option>Dir.Pédagogie</option>
                <option>Dir.de le Foramtion</option>
                <option>Secrétariat Génerale</option>
                <option>Autres...</option>
 
        </select>
        <input type="image"  src="supp.gif" onClick="effacer()">
        </form>
</body>
</html>

mais dis moi essaye de rajouter plus de 3 options et apres selectionne l'une d'elles et essaye de la supprimer parce que moi si je fais ca je supprime tte les options rajoutées alors que mon but est de supprimer juste l'option slectionnée
et utilise le bouton de type image et dit moi si ca marche bien ?? merci d'avance

Mais enfaite tu utilises IE ou FIrfox ( moi j'utilise Firfox)

**moonia** · 03/05/2006, 15h36

Kool ça marche avec ton idée
Merciiiiiiiiiiiiiiiiiiii beaucoup
@+

pb ds code ""supression dans une liste deroualnte ""

JavaScript

Discussions similaires

Partager

Partager