Liste déroulante - fonction js associée

Version imprimable

Bonjour à tous,

J'ai une liste déroulante d'actions à réaliser, mais je ne sais pas comment implémenter la fonction qui les réalise.

Pour le moment, j'ai :
Code:

1 2 3 4 5 6 7 <select onchange='top.location=this.options[this.selectedIndex].value'> <option value=''></option> <option value='url1'>...</option> <option value='url2'>...</option ... </select>
Je précise que url1 et url2 sont de véritables url, du style http://www.---.com/---.php

Je voudrais ajouter des actions qui se passeront dans la même page (par exemple : supprimer l'élément auquel est associé la liste d'actions). Sur ces actions, il me faudrait accès à du php qui réalise l'action.
Je voudrais également avoir certaines actions qui ouvrent une nouvelle page (pour le moment top.location ouvre la page de destination dans la page actuelle de navigation)

En résumé :
- actions sans ouverture de page
- actions ouverture d'une page dans la même fenêtre
- actions ouverture d'une page dans une nouvelle fenêtre

J'ai essayé de changer les option value en nombres (au lieu d'urls, par exemple <option value='1'></option>) et d'appeler une fonction onchange='go()' qui fait des choses en fonction de la value récupérée, mais je ne sais pas quoi mettre dans cette fonction.

Merci à ceux qui pourront me donner un coup de pouce, je débute en js et j'ai vraiment du mal !

26/06/2007, 13h54
SpaceFrog

Code:

onchange='top.location.href=this.options[this.selectedIndex].value'
26/06/2007, 14h13
dream_of_australia

Merci SpaceFrog pour ta réponse, cependant je ne vois pas comment je peux réaliser les 3 choses que je veux faire avec ton code.

Je veux, selon l'item sélectionné :
_ ouvrir une nouvelle fenêtre
_ ou ouvrir une nouvelle page dans la même fenêtre
_ ou faire de l'ajax pour faire une modification dans la page

Peux-tu m'éclairer sur ta réponse ?
27/06/2007, 07h02
dream_of_australia

Personne n'a une idée ?
27/06/2007, 07h36
dream_of_australia

Est-ce qu'une solution serait de ne pas mettre de onchange et d'utiliser des onclick sur chaque <option> ?

[edit] J'ai testé et ça ne marche pas sous IE...:( [/edit]
27/06/2007, 08h33
SpaceFrog
les options n'ont pas d'évènement onclick

je ne comprend vraiment pas ou est ton problème...

faius une focntion qui fait tout ce que tu veux et appelle là dans le onchange du select ...

Code:

onchange='mafonction(this.options[this.selectedIndex].value)

et
Code:

1 2 3 4 function mafocntion(lien){ alert(lien); window.open(lien) }
27/06/2007, 08h36
dream_of_australia

J'ai trouvé ce bout de code sur le forum mais je ne sais pas comment l'utiliser pour chaque <option> ni où le mettre :

object.setAttribute('onclick', function(){alert('test'));
object.onclick=function(){alert('test')}

Je n'arrive même pas à lancer ma fonction sur le onchange :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type='text/javascript'>
  function mafonction(choix, bien) {
	alert ('ok') ;
  }
</script>
 
<select onchange='mafonction(this.options[this.selectedIndex].value, <?php echo $id ; ?>)'>
	<option value=''></option>
	<option value='1'>Modifier l'annonce</option>
	<option value='2'>Fiche Agence</option>
</select>

Où est l'erreur ???

27/06/2007, 08h50
dream_of_australia

Merci SpaceFrog, je n'avais pas vu ta réponse avant maintenant. Mon problème, c'est que selon le cas j'ouvre ou non une fenêtre, c'est ça qui me pose un souci.

Je suis désolée si mes questions paraissent simplistes, je découvre js, avant je n'utilisais que php parce que je travaille avec des bases de données.

Si quelqu'un peut me dire d'où vient mon erreur, ça m'aiderait grandement. En faisant un onchange='alert(this.options[this.selectedIndex].value)' j'ai bien la valeur récupérée mais avec ma fonction j'ai l'erreur objet attendu à la ligne 1 de ma page (alors que bien sûr à la ligne 1 ça n'a rien à voir, c'est le header de la page... et il n'y avait pas d'erreur à cette ligne sans la fonction).

dans le php et les quotes ?

parceque ça ça fonctionne sans souci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script type='text/javascript'>
  function mafonction(choix, bien) {
	alert (choix) ;
  }
</script>
 
</script>
</head>
 
<body style="background-color:silver;">
<select onchange="mafonction(this.options[this.selectedIndex].value, 'ok')">
	<option value=''></option>
	<option value='1'>Modifier l'annonce</option>
	<option value='2'>Fiche Agence</option>
</select>
</body>

27/06/2007, 08h58
dream_of_australia

Merci, mais même sans passer la valeur de la variable php $id, en mettant la valeur bateau 1 :
onchange='mafonction(this.options.[this.selectedIndex].value, 1)'
ça ne fonctionne pas. Peut-être que le problème vient de l'ajax, car mon <select> est inséré dans la page à l'aide d'ajax.
27/06/2007, 09h00
dream_of_australia

C'était ça ! J'ai inséré le script dans la page principale au lieu de la page d'ajax, et ça fonctionne. Pour le reste, je devrais me débrouiller.

Merci en tout cas pour ta patience SpaceFrog !!!
27/06/2007, 09h30
dream_of_australia

PS : Au tout début avant de commencer à poster, je me suis retrouvée bloquée parce que j'avais appelé ma fonction selection et apparemment c'est un mot-clé réservé de js. Bon à savoir !