function change_site() dans nouvelle page

Version imprimable

Bonjour!
Je souhaite mettre en oeuvre le code suivant : http://webmaster.multimania.fr/tips/983409031/# :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <FORM NAME='menu'> <SELECT NAME='popup' onChange="change_site();" style="background-color:yellow; color:red" > <OPTION VALUE="">Menu </OPTION> <OPTION VALUE="lien2.html">Communiquer </OPTION> <OPTION VALUE="lien3.html">Construire </OPTION> </SELECT> </FORM> <SCRIPT> function change_site() { var site = document.menu.popup.selectedIndex; window.location.href = document.menu.popup.options[site].value; } </SCRIPT>
Je ne parviens pas à ouvrir les liens dans une nouvelle page, comment faire?

Par ailleurs, si quelqu'un pouvait aussi m'aider à la syntaxe de l'encapsulation en PHP du type echo "";

Grand merci et bonne journée!

11/08/2012, 19h00
Muchos
Pour les questions relatives à Javascript et PHP, il faut aller sur les forums correspondants.

En html, pour ouvrir un lien dans un nouvel onglet ou page, on utilise :
Code:

1 2 <a href="" target="_blank">texte</a>
Mais cette pratique est déconseillée pour l'accessibilité.

PS: La réputation du site où vous avez déniché le code est mauvaise. :/

Bonsoir!
Merci mais rajouter target="_blank" ne fonctionne pas, il faut certainement modifier le code dans la function.
Merci!!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<FORM NAME='menu'>
<SELECT NAME='popup' onChange="change_site();" style="background-color:white; color:black" >
<OPTION VALUE="">Menu
</OPTION>
<OPTION VALUE="lien2.html" target="_blank">Communiquer
</OPTION>
<OPTION VALUE="lien3.html" target="_blank">Construire
</OPTION>
</SELECT>
</FORM>
<SCRIPT>
function change_site() {
var site = document.menu.popup.selectedIndex;
window.location.href = document.menu.popup.options[site].value;
}
</SCRIPT>

Peut être un simple :
Code:

1 2 3 4 5 function change_site() { var site = document.menu.popup.selectedIndex; window.open(document.menu.popup.options[site].value); }
J'ai pas testé, a essayé bonne chance ;).

Citation:

Envoyé par josse34

Bonsoir!
Merci mais rajouter target="_blank" ne fonctionne pas, il faut certainement modifier le code dans la function.
Merci!!

comme l'a indiqué Muchos, l'attribut target="_blank" ne s'applique qu'aux balises <a> ;)

Pour ce qui est du code HTML une petite mise à jour s'impose :
- écrire le nom des balises et des événements en minuscules ;
- préférer l'attribut id à celui de name ;
- placer le script dans l'entête de la page (entre les balises head).
Code:

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 <html> <head> <title></title> <script type="text/javascript"> function change_site() { var liste = document.getElementById("popup"); var site = liste.selectedIndex; window.open(liste.options[site].value); } </script> </head> <body> <form id='menu'> <select id='popup' onchange="change_site();" style="background-color:white; color:black" > <option value="">Menu</option> <option value="lien2.html">Communiquer</option> <option value="lien3.html">Construire</option> </select> </form> </body> </html>

Punaise, merci vous êtes formidables!
J'ai essayé window.open mais comme un abruti je n'ai mis entre parenthèse mais en gardant le = !!
Résolu, voici la version encapsulée en PHP:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<?php
echo'<script type="text/javascript">';
echo'function change_site()'; 
echo'{';
echo'var liste = document.getElementById("popup");';
echo'var site = liste.selectedIndex;';
echo'window.open(liste.options[site].value);';
echo'}';
echo'</script>'; 
echo'<form id="menu">';
echo'   <select id="popup" onchange="change_site();" style="background-color:white; color:black" >';
echo'           <option value="">Menu</option>';
echo'           <option value="lien2.html">Communiquer</option>';
echo'           <option value="lien3.html">Construire</option>';
echo'   </select>';
echo'</form>';
?>

Grand merci encore et bon week end!!

heu...
Code:

1 2 3 4 5 6 <?php // blabla echo "a"; echo "b"; echo "c"; ?>
tu peux l'écrire plus simplement :
Code:

1 2 3 4 5 6 <?php //blabla ?> a b c
ensuite, pour ta redirection, j'utiliserai l'action du form avec un "submit" (en javascript) plutôt qu'un open, je trouve ça plus propre. (la balise form accepte également le target=_blank)

le mieux du mieux serait de de passer par une page de redirection avec un bouton "submit" (en cas de noscript) sur ton form pour garder simplement la compatibilité pour les utilisateurs sans javascript.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <form id=monform target=_blank method=get action=redirection.php > <select id=param name=param > <option.... /> </select> <input id=submit type=submit /> </form> <script> function $(id){return document.getElementById(id)} $('submit').style.display = 'none'; // reste affiché en cas de noscript $('param').onchange = function(){ $('monform ').submit(); }; </script>
après ta page redirection.php utilise la variable $_GET['param'] qui contient un numéro ou une url pour rediriger vers la bonne url. ;)