Discussion :

[dream_of_australia]

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 :

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

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 !

[SpaceFrog]

Code :

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

onchange='top.location.href=this.options[this.selectedIndex].value'

[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 ?

[dream_of_australia]

Personne n'a une idée ?

[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]

[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 :

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

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

et

Code :

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

1
2
3
4
function mafocntion(lien){
alert(lien);
window.open(lien)
}

[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')}

[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 !