Ok je vais essaye de t'aider. Si tu prends un formulaire ainsi :
<form>
<select id="mgros" style="font-family: Verdana; font-size: 10pt;background-color:#910000; color:#ffffff" size="1">
<option selected="SELECTED" disabled="disabled">TITRE DE VOTRE MENU</option>
<option value="http://www.Adresse2.html">Titre de vos liens 2</option>
<option value="http://www.Adresse3.php">Titre de vos liens 3</option>
</select>
</form>
Le but, si j'ai bien compris est de récupérer la valeur de l'option ie. "
http://www.Adresse2.html" par exemple et d'afficher le contenu à la suite de la page.
Ce que je ne sais pas : si tu peux aller sur des sites hors d'où est localiser ton script AJAX ie. localhost mais on va tester comme si l'AJAX le pouvait. Ainsi, avec le script AJAX suivant :
<script LANGUAGE="JavaScript">
$(document).on({
change : function(event) {
//ces deux lignes récupèrent le select en tant qu'objet
var element = event.target||event.srcElement;
var select = $(element);
//on récupère la valeur sélectionnée de l'objet select
var value = select.val();
//on lance l'AJAX avec la value récupérée
$.ajax ({
url : value,
data : {},
type : "post",
cache : false,
complete : function (xhr, result) {
//si erreur = on annule la fin du script
if (result != "success") return;
//on récupère ici le retour de l'AJAX
var reponse = xhr.responseText;
//on vérifie qu'une DIV possèdant une classe ajouteParAjax n'existe pas sinon on la créée
if ($('body').find('.ajouteParAjax').lenght == 0) {
var div = document.createElement('div');
$(div).addClass('ajouteParAjax').appendTo('body');
}
//on ajoute le retour de l'AJAX dans la div créée ou récupérée.
$('.ajouteParAjax').html(reponse);
}
});
}
},'#mgros');
</script>
Quand le select est "changé", la fonction est lancée. Lis les commentaires pour comprendre comment cela fonctionne. en fait, c'est hyper simple.
Ok je vais essaye de t'aider. Si tu prends un formulaire ainsi :
[html]<form>
<select id="mgros" style="font-family: Verdana; font-size: 10pt;background-color:#910000; color:#ffffff" size="1">
<option selected="SELECTED" disabled="disabled">TITRE DE VOTRE MENU</option>
<option value="http://www.Adresse2.html">Titre de vos liens 2</option>
<option value="http://www.Adresse3.php">Titre de vos liens 3</option>
</select>
</form>[/html]
Le but, si j'ai bien compris est de récupérer la valeur de l'option ie. "http://www.Adresse2.html" par exemple et d'afficher le contenu à la suite de la page.
Ce que je ne sais pas : si tu peux aller sur des sites hors d'où est localiser ton script AJAX ie. localhost mais on va tester comme si l'AJAX le pouvait. Ainsi, avec le script AJAX suivant :
[PHP]<script LANGUAGE="JavaScript">
$(document).on({
change : function(event) {
//ces deux lignes récupèrent le select en tant qu'objet
var element = event.target||event.srcElement;
var select = $(element);
//on récupère la valeur sélectionnée de l'objet select
var value = select.val();
//on lance l'AJAX avec la value récupérée
$.ajax ({
url : value,
data : {},
type : "post",
cache : false,
complete : function (xhr, result) {
//si erreur = on annule la fin du script
if (result != "success") return;
//on récupère ici le retour de l'AJAX
var reponse = xhr.responseText;
//on vérifie qu'une DIV possèdant une classe ajouteParAjax n'existe pas sinon on la créée
if ($('body').find('.ajouteParAjax').lenght == 0) {
var div = document.createElement('div');
$(div).addClass('ajouteParAjax').appendTo('body');
}
//on ajoute le retour de l'AJAX dans la div créée ou récupérée.
$('.ajouteParAjax').html(reponse);
}
});
}
},'#mgros');
</script>[/PHP]
Quand le select est "changé", la fonction est lancée. Lis les commentaires pour comprendre comment cela fonctionne. en fait, c'est hyper simple.
