pb code double liste

**clairette** · 31/01/2006, 18h16

Bonjour, j'ai récupéré un des codes de developpez.com sur les listes liée http://javascript.developpez.com/faq...s#SelectListe.
Malheureusement, ce code ne fonctionne pas chez moi et je ne comprends pas pourquoi. Le programme ne détecte pas l'action du 'double clique' et ne rentre donc pas dans a fonction 'ajout'. Voyez vous pourquoi? merci d'avance

**SpaceFrog** · 01/02/2006, 08h51

Ce code tourne parfaitement chez moi ?

Tu es sûre de ne pas avoir un problème de copier / coller ?
avec des retours à la ligne par exemple ...

parcontre pour le coup du double click c'est plus que normal je ne vois nullepart d'évènement doubleclick dans le code ...

**clairette** · 01/02/2006, 10h40

Oui, je ne comprends pas tres bien. Je t'envoie la totalité de mon code. Pourrais tu regarder si ca tourne chez toi? Merci encore!

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
<html> 
<head> 
 
<script type="text/JavaScript">
 
function ajout(listeDep){
    var existe = 0;
    if(listeDep.options[listeDep.selectedIndex].value == 0){
    }
    else{
        for(i=1;i< document.getElementById('arrive').length ;i++){
            if(document.getElementById('arrive').options[i].text == \
				listeDep.options[listeDep.selectedIndex].text){
                existe = 1;
            }
            else{
                if(existe == 1){
                    existe = 1;
                }
                else{
                    existe = 0;
                }
            }
        }
        if(existe == 0){
            var option = new Option(listeDep.options[listeDep.selectedIndex].\
				text,listeDep.options[listeDep.selectedIndex].value);  
            document.getElementById('arrive').options[0].text = \
				"-- Liste des clients séléctionnés --";
            document.getElementById('arrive').options[0].value = 0;
            document.getElementById('arrive').options[(document.\
				getElementById('arrive').length)] = option;
        }
        else{
            alert('Cette option est déjà séléctionnée !!!');
        }
    }
}
function enleve(listeArr){
    if(listeArr.options[listeArr.selectedIndex].value == 0){
    }
    else{
        listeArr.options[listeArr.selectedIndex] = null;
    }
}
 
</script>
</head>
 
<body>
<table width='90%'>
    <tr>
        <td> 
            <select name='depart' size='5' ondblclick='ajout(this)' style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2">
                <option value='0'>
					Double clic pour sélectionner un client
				</option>
                <option value='1'>Option 1</option>
                <option value='2'>Option 2</option>
                <option value='3'>Option 3</option>
                <option value='4'>Option 4</option>
            </select>
        </td>
        <td>
            <select name='arrive' id='arrive' size='5' ondblclick="enleve(this);"
				style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2">
                <option value='0'>
					Aucune option n'est séléctionnée !!!
				</option>
            </select>
        </td>
    </tr>
</table>
</body>
</html>

**SpaceFrog** · 01/02/2006, 10h49

bingo ! tu as bien un problème de copier / coller ...

regarde ce genre de ligne:

Code :

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

1
2
if(document.getElementById('arrive').options[i].text == \
            listeDep.options[listeDep.selectedIndex].text){

vire le \ !!!
ce ne doit être qu'une seule ligne !!!

Code :

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

if(document.getElementById('arrive').options[i].text == listeDep.options[listeDep.selectedIndex].text){

**clairette** · 01/02/2006, 11h13

Merci, j'ai normalement tout corrigé mais le pg ne rentre tjs pas dans la fonction javascript lors du double clique.
Car lorsque je mets un document.write("coucou") au tt début de la fonction, rien ne se passe...
Je te renvoie le nouveau code. Cela marche-t-il chez toi?

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html> 
<head> 
 
<script type="text/JavaScript">
 
function ajout(listeDep){
    var existe = 0;
    if(listeDep.options[listeDep.selectedIndex].value == 0){
    }
    else{
        for(i=1;i< document.getElementById('arrive').length ;i++){
            if(document.getElementById('arrive').options[i].text == listeDep.options[listeDep.selectedIndex].text){
                existe = 1;
            }
            else{
                if(existe == 1){
                    existe = 1;
                }
                else{
                    existe = 0;
                }
            }
        }
        if(existe == 0){
            var option = new Option(listeDep.options[listeDep.selectedIndex].text,listeDep.options[listeDep.selectedIndex].value);  
            document.getElementById('arrive').options[0].text = "coucou";
            document.getElementById('arrive').options[0].value = 0;
            document.getElementById('arrive').options[(document.getElementById('arrive').length)] = option;
        }
        else{
            alert('Cette option est déjà séléctionnée !!!');
        }
    }
}
function enleve(listeArr){
    if(listeArr.options[listeArr.selectedIndex].value == 0){
    }
    else{
        listeArr.options[listeArr.selectedIndex] = null;
    }
}
 
</script>
</head>
 
<body>
<table width='90%'>
    <tr>
        <td> 
            <select name='depart' size='5' ondblclick='ajout(this)' style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2">
                <option value='0'>
					Double clic pour sélectionner un client
				</option>
                <option value='1'>Option 1</option>
                <option value='2'>Option 2</option>
                <option value='3'>Option 3</option>
                <option value='4'>Option 4</option>
            </select>
        </td>
        <td>
            <select name='arrive' id='arrive' size='5' ondblclick="enleve(this);"
				style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2">
                <option value='0'>
					Aucune option n'est séléctionnée !!!
				</option>
            </select>
        </td>
    </tr>
</table>
</body>
</html>

**SpaceFrog** · 01/02/2006, 11h19

tu utilises quel navigateur ? quelle version ...

chez moi ton code fonctionne ...

j'ai ajouté un alert('coucou') en tête de focntion ... il entre bien dans la fonction et transfère bien les données ...

**clairette** · 01/02/2006, 11h21

Ca y et ca marche!!!!!!!!!!!!!!!
Merci beaucoup pour ton aide!! Bonne journée!

pb code double liste

JavaScript

Discussions similaires

Partager

Partager