Redirection après sélection d'un élément dans une liste de sélection
2 réponses
ryckoort fabien
Bonjour à tous, mon sujet en dit beaucoup sur la question que je vais vous
poser :).
En effet je voudrais que dès que la personne sélection un élément dans une
liste de sélection, dans un formulaire soit automatiquement rediriger vers
une autre page htm.
sans passer par l'intermédiare d'un bouton envoyer.
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
ADcomp
Google est ton ami .. "javascript liste selection"
3 em liens : Trucsweb - Menu dans une liste de sélection ou menu déroulant http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com/Javascript/trucs.asp?no41&type=5" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com/Javascript/trucs.asp?no41&type=5
en voici l'exemple ... ______________________________________________________________________________________ Code complet avec fonctions
<html> <head> <title>Trucsweb : Menus dans une liste de sélection</title> <script type="text/javascript" language="javascript"> <!-- // *********************** // Création: www.trucsweb.com // Permet d'ouvrir un nouveau document // twAller( url de destination [,Nom du cadre optionnel] [,Nom d'une fenêtre optionnelle]); // Si vous entrez un nom de cadre, l'ouverture se fera dans le cadre. // Si vous entrez un nom de Target sans nom de cadre, L'ouverture se // fera dans une nouvelle fenêtre. // *********************** Exemples: // - twAller('http;//www.trucsweb.com','','') Ouvre dans la même page // - twAller('http;//www.trucsweb.com','MonCadre','') Ouvre dans le cadre // - twAller('http;//www.trucsweb.com','','neoFenetre') Ouvre dans une nouvelle fenêtre // *********************** function twAller(_url,_cadre,_target) { if (_cadre) { parent._cadre.location.href = _url; } else if (_target) { _target = window.open(_url,_target); } else { window.location.href = _url; } } //--> </script>
<script type="text/javascript" language="javascript"> <!-- // *********************** // Création: www.trucsweb.com // Permet d'ouvrir une fenêtre PopUp // twPopUp( url de destination, Nom de la fenètre , largeur, hauteur, Avec défilement ou nom ); // 0 aucune barre de défilement // 1 avec barre de défilement // *********************** Exemples: // - twPopUp( 'http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com', 'NeoFenetre', 300, 200, 1 ); avec barre de défilement // - twPopUp( 'http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com', 'NeoFenetre', 350, 300, 0 ); sans barre de défilement // *********************** function twPopUp(_url,_nom,_larg,_haut,_defil) { var op_scroll = _defil; var op_wid = _larg; var op_heigh = _haut; var op_tool = 0; var op_loc_box = 0 var op_dir = 0; var op_stat = 0; var op_menu = 0; var op_resize = 0; var options = "toolbar="+ op_tool +",location="+ op_loc_box +",directories=" + op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars=" + op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+ op_heigh; var wNom = window.open(_url, _nom, options); if(_nom.focus){_nom.focus();} } // --> </script> </head>
Google est ton ami .. "javascript liste selection"
3 em liens :
Trucsweb - Menu dans une liste de sélection ou menu déroulant
http://www.trucsweb.com/Javascript/trucs.asp?no41&type=5
en voici l'exemple ...
______________________________________________________________________________________
Code complet avec fonctions
<html>
<head>
<title>Trucsweb : Menus dans une liste de sélection</title>
<script type="text/javascript" language="javascript">
<!--
// ***********************
// Création: www.trucsweb.com
// Permet d'ouvrir un nouveau document
// twAller( url de destination [,Nom du cadre optionnel] [,Nom d'une fenêtre
optionnelle]);
// Si vous entrez un nom de cadre, l'ouverture se fera dans le cadre.
// Si vous entrez un nom de Target sans nom de cadre, L'ouverture se
// fera dans une nouvelle fenêtre.
// *********************** Exemples:
// - twAller('http;//www.trucsweb.com','','') Ouvre dans la même page
// - twAller('http;//www.trucsweb.com','MonCadre','') Ouvre dans le cadre
// - twAller('http;//www.trucsweb.com','','neoFenetre') Ouvre dans une
nouvelle fenêtre
// ***********************
function twAller(_url,_cadre,_target) {
if (_cadre) {
parent._cadre.location.href = _url;
} else if (_target) {
_target = window.open(_url,_target);
} else {
window.location.href = _url;
}
}
//-->
</script>
<script type="text/javascript" language="javascript">
<!--
// ***********************
// Création: www.trucsweb.com
// Permet d'ouvrir une fenêtre PopUp
// twPopUp( url de destination, Nom de la fenètre , largeur, hauteur, Avec
défilement ou nom );
// 0 aucune barre de défilement
// 1 avec barre de défilement
// *********************** Exemples:
// - twPopUp( 'http://www.trucsweb.com', 'NeoFenetre', 300, 200, 1 ); avec
barre de défilement
// - twPopUp( 'http://www.trucsweb.com', 'NeoFenetre', 350, 300, 0 ); sans
barre de défilement
// ***********************
function twPopUp(_url,_nom,_larg,_haut,_defil) {
var op_scroll = _defil;
var op_wid = _larg;
var op_heigh = _haut;
var op_tool = 0;
var op_loc_box = 0
var op_dir = 0;
var op_stat = 0;
var op_menu = 0;
var op_resize = 0;
var options = "toolbar="+ op_tool +",location="+ op_loc_box +",directories="
+ op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="
+ op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+
op_heigh;
var wNom = window.open(_url, _nom, options);
if(_nom.focus){_nom.focus();}
}
// -->
</script>
</head>
<body>
Redirection automatique dans un PopUp<br />
<form>
<select name="MenuPop" onChange="sel =
this.options[this.selectedIndex].value; if (sel) {
twPopUp(sel,'MonPop','300','300',0) }">
<option selected="selected">Menu </option>
<option>------- </option>
<option value="http://www.google.com">- Recherche </option>
<option value="http://www.trucsweb.com">Trucsweb </option> <option
value="http://www.toile.com">Toile du Québec </option> <option>-------
</option>
</select>
</form>
Google est ton ami .. "javascript liste selection"
3 em liens : Trucsweb - Menu dans une liste de sélection ou menu déroulant http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com/Javascript/trucs.asp?no41&type=5" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com/Javascript/trucs.asp?no41&type=5
en voici l'exemple ... ______________________________________________________________________________________ Code complet avec fonctions
<html> <head> <title>Trucsweb : Menus dans une liste de sélection</title> <script type="text/javascript" language="javascript"> <!-- // *********************** // Création: www.trucsweb.com // Permet d'ouvrir un nouveau document // twAller( url de destination [,Nom du cadre optionnel] [,Nom d'une fenêtre optionnelle]); // Si vous entrez un nom de cadre, l'ouverture se fera dans le cadre. // Si vous entrez un nom de Target sans nom de cadre, L'ouverture se // fera dans une nouvelle fenêtre. // *********************** Exemples: // - twAller('http;//www.trucsweb.com','','') Ouvre dans la même page // - twAller('http;//www.trucsweb.com','MonCadre','') Ouvre dans le cadre // - twAller('http;//www.trucsweb.com','','neoFenetre') Ouvre dans une nouvelle fenêtre // *********************** function twAller(_url,_cadre,_target) { if (_cadre) { parent._cadre.location.href = _url; } else if (_target) { _target = window.open(_url,_target); } else { window.location.href = _url; } } //--> </script>
<script type="text/javascript" language="javascript"> <!-- // *********************** // Création: www.trucsweb.com // Permet d'ouvrir une fenêtre PopUp // twPopUp( url de destination, Nom de la fenètre , largeur, hauteur, Avec défilement ou nom ); // 0 aucune barre de défilement // 1 avec barre de défilement // *********************** Exemples: // - twPopUp( 'http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com', 'NeoFenetre', 300, 200, 1 ); avec barre de défilement // - twPopUp( 'http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com', 'NeoFenetre', 350, 300, 0 ); sans barre de défilement // *********************** function twPopUp(_url,_nom,_larg,_haut,_defil) { var op_scroll = _defil; var op_wid = _larg; var op_heigh = _haut; var op_tool = 0; var op_loc_box = 0 var op_dir = 0; var op_stat = 0; var op_menu = 0; var op_resize = 0; var options = "toolbar="+ op_tool +",location="+ op_loc_box +",directories=" + op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars=" + op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+ op_heigh; var wNom = window.open(_url, _nom, options); if(_nom.focus){_nom.focus();} } // --> </script> </head>