18041 sujets

Questions générales et questions de débutants

Liste déroulante

bonjour
je souhaite faire une page config avec une liste déroulante et un bouton sauvegardé qui sauvegarde ma sélection de l'élément de la liste et que ma deuxième page index.html prend la valeur sauvegarder.

* l’élément de la liste c'est les valeur des fichier css

le dossier que j'ai :

un dossier css qui comprte 3 fichier css (default, été , hivert )
un fichier configuration.html qui comporte une liste déroulante avec été et hivert
un fichier index.html qui est relier avec le css default 


<!DOCTYPE HTML>

<html>

<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/test.css">
</head>

<body>

<FORM NAME="Choix">
<SELECT NAME="Liste" onChange="css()">
<OPTION VALUE="">Choisir une option
<OPTION VALUE="1">été
<OPTION VALUE="2">hivert
</SELECT>
</FORM>

<input id="sauv" name="sauvgarder" type="submit" value="Sauvgarder">

</body>

<script>

     function css() {
    i = document.Choix.Liste.selectedIndex;
    if (i == 0) return;
    url = document.Choix.Liste.options[i].value;
    parent.location.href = url;
}

</script>

</html>
Salut

Tu veux sauvegarder où ? dans une base de donnée ? car ton formulaine n'a même pas de méthod .
Si tu connais localstorage, tu connais dont les deux méthode Set et Get.

Je vois pas le problème du coup ? il se situe où ?
c'est ce que je ne sais pas comment je peux sélectionner une valeur dans la liste et que mon fichier index prend cette valeur
je connais pas bien localstorage
Dans ta fonction 
i = document.Choix.Liste.selectedIndex;
localStorage.setItem("choix", i)


tu peux ajouter le setItem pour sauvegarder dans le navigateur le choix.
maintenant tu n'a plus qu'a faire un getItem pour charger le choix.
*
var x = sessionStorage.getItem("choix");
dans localstorage il est ecrit bien mon choix mais il me change rien au niveau de ma page index.html

car le choix il correspondre a des fichiers css
function changeCSS(cssFile, cssLinkIndex) {

    var oldlink = document.getElementsByTagName("link").item(cssLinkIndex); //ici tu dois récupérer lien vers le fichier css.

//ici on va créer le nouveau lien
    var newlink = document.createElement("link");
    newlink.setAttribute("rel", "stylesheet");
    newlink.setAttribute("type", "text/css");
    newlink.setAttribute("href", cssFile);

et là on le rempalce ! 
    document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
}


et du coup, lors du chargement de la page (je te laisse voir comment faire pour utiliser cette évenement) tu peux appeller cette fonction par rapport à ton choix d'avant (ou pas)

//Sur l’événement load
//tu recuperer ton localstorage comme expliquer avant
if(MonChoix == 1)
{
   changeCSS('hiver.css', 0);
}else{
   changeCSS('ete.css', 0);
}
j'ai collé le scripte le souci dans ma page index rien ne change ca prens pas le choix qui est dans configure.html
Sujet clos
Aller à