function change_site() dans nouvelle page

**josse34** · 11/08/2012, 13h32

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

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

**Muchos** · 11/08/2012, 19h00

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

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

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. :/

**josse34** · 11/08/2012, 21h07

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

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

**headmax** · 12/08/2012, 00h43

Peut être un simple :

Code :

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

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

.

**Auteur** · 12/08/2012, 11h20

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

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

**josse34** · 12/08/2012, 11h58

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 :

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

**Willpower** · 12/08/2012, 12h15

heu...

Code php :

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

1
2
3
4
5
6
<?php
// blabla
echo "a";
echo "b";
echo "c";
?>

tu peux l'écrire plus simplement :

Code php :

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

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 :

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

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.

function change_site() dans nouvelle page

JavaScript

Discussions similaires

Partager

Partager