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]

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

Code :

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

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

[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).

[SpaceFrog]

dans le php et les quotes ?


parceque ça ça fonctionne sans souci :

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

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

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

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