Accueil > Forum > > > > laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
 laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
vendredi 22 février 2008 à 00:18:17 |
laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
terlercomande
|
Bonjour a tous
Alors voila grace a vous j'ai trouver ce script (Voir plus bas) mais je voudrais que selon le choix fait, la page (donc la meme page ou ya ce script)affiche des liens correspondants.
Je m'explique(au cas ou)
Imaginons que je selectionne la Catégorie Office et que je selectionne ensuite Word et bien a partir de ces choix je voudrais que la page se reactualise et affiche(pour ma part) les lien menant vers les tutoriels correspondant a Word
J'espere que vous m'avait compris :)
Merci de m'aidez ...
<html>
<head>
<title>Menu Déroulant</title>
<script language="JavaScript">
function trierMenuProduit(form,list,typeCategorie) // Création de la fonction qui va écrire les différentes options dans le second menu déroulant en fonction du choix effectué.
{ // Dans cette fonction on rabat le nom du formulaire , le nom du menu "select" et la "value" du choix que l'on a effectué.
list.options.length=0;// La remise à 0 des options du menu déroulant est trés importante autrement il "rajoutera" à chaque choix différent de nouvelles options.
// ici on commence les tests d'égalité avec la "value" retournée qui porte le nom de"typeCategorie".
if (typeCategorie == "Office")
{
choix=new Option("Séléctionnez un produit");// on crée une variable "choix" dans laquelle on va mettre une nouvelle option.
form.produit.options[form.produit.options.length]=choix;// ensuite on atteint le second menu déroulant que l'on va indexer avec notre nouvelle option "choix".
choix=new Option("Word","Microsoft Word");// Attention lors de la création de notre nouvelle option,
form.produit.options[form.produit.options.length]=choix;// ce que l'on écrit en premier es le texte que va afficher notre menu déroulant,
// le second est la "value" que celui-ci retournera. Et ainsi de suite.
choix=new Option("Acces","Microsoft Acces");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Excel","Microsoft Excel");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("PowerPoint","PowerPoint");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Outlook","Outlook");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "boitiers")
{
choix=new Option("Séléctionnez un produit");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Alimentations","alimentations");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Boîtiers","boitiers");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Ventilateurs","ventilateurs");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "graveurs")
{
choix=new Option("Séléctionnez un produit");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Lecteurs CD et DVD","DVD");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Graveurs CD et DVD","CDetDVD");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "peripheriques")
{
choix=new Option("Séléctionnez un produit");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Réseaux","reseaux");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Ecrans","ecrans");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Claviers","claviers");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Souris","Souris");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Casques & Enceintes","casques");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "consommables")
{
choix=new Option("Séléctionnez un produit");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("CD & DVD","cdvierge");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "logiciels")
{
choix=new Option("Séléctionnez un produit");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Systémes d'exploitations","os");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("Bureautique","bureautique");
form.produit.options[form.produit.options.length]=choix;
}
}
</script>
<meta name="generator" content="Namo WebEditor(Trial)">
</head>
<body topmargin="0" leftmargin="0">
<form name="catalogue">
<table border="0" cellspacing="0" cellpadding="5" width="950" align="center">
<tr>
<td align="right" bgcolor="#aacc7f" width="100">
<p>Catégorie</p>
</td>
<td align="left" bgcolor="#aacc7f" width="150">
<select name="categorie" onChange="trierMenuProduit(this.form,this.form.produit,this.value)"><!-- Appel de notre fonction avec toutes les infos (nom de formulaire, nom du second menu déroulant et la value). -->
<option>Sélectionnez</option>
<option value="Office">Office</option>
<option value="boitiers">Boîtiers</option>
<option value="graveurs">Lecteurs et graveurs</option>
<option value="peripheriques">Périphériques</option>
<option value="consommables">Consommables</option>
<option value="logiciels">Logiciels</option>
</select>
</td>
<td align="right" bgcolor="#aacc7f"width="100">
<p>Produit</p>
</td>
<td align="left" bgcolor="#aacc7f">
<select name="produit" onChange="alert('Variable retournée : '+this.value)"><!-- Ici une simple "alert" qui retourne la value de notre choix. -->
<option>Sélectionnez une catégorie</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
|
|
vendredi 22 février 2008 à 12:27:27 |
Re : laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
|
vendredi 22 février 2008 à 13:36:49 |
Re : laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
PetoleTeam
|
Bonjour,
je voudrais que la page se reactualise et affiche...
...mettre dans le <BODY> une balise DIV et écrire dedans en fonction du résultat
exemple
<div id="D_INFO"></div>
et avec une fonction du type
//----------------------
function Affiche( what_){
var Obj = document.getElementById('D_INFO');
if( Obj){
Obj.innerHTML = what_;
}
}
il te suffit, dans ton exemple de remplacer
<select name="produit" onChange="alert('Variable retournée : '+this.value)">
par
<select name="produit" onChange="Affiche('Variable retournée : '+this.value)">
...pour test...
;O)
|
|
vendredi 22 février 2008 à 13:44:40 |
Re : laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
terlercomande
|
Meric de vos réponse mais...
...Je débute et j'avous que je comprend pas trop
dans variable retourné je met quoi le lien de la page correspondante ?
Et aparament vous avait compris mon script alor si vous pouriez me dire comment rajouter une catégories qui dépenderait des deux autres :)
Merci
|
|
vendredi 22 février 2008 à 16:26:36 |
Re : laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
PetoleTeam
|
Exemple :
//----------------------
function Affiche( what_){
var Obj = document.getElementById('D_INFO');
var Html = what_;
if( Obj){
switch(what_) {
case "Microsoft Word":
Html = '<a href="ms_word.html">' +what_ +'<\/a>';
break;
case "Microsoft Acces":
Html = '<a href="ms_acces.html">' +what_ +'<\/a>';
break;
default:
Html ='Mauvaise pioche';
break;
}
Obj.innerHTML = Html;
}
}
Appel devient...
<select name="produit" onChange="Affiche( this.value)">
;O)
|
|
vendredi 22 février 2008 à 17:36:50 |
Re : laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
|
lundi 3 mars 2008 à 20:06:07 |
Re : laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci)
PetoleTeam
|
Bonjour,
Une autre solution, peut être plus simple à aborder et de
1/ créer tes liens dans des DIVs qui sont cachés...
2/ sur le onchange tu fais apparaître celui qui t'intéresse...
;O)
|
|
Cette discussion est classée dans : form, choix, option, produit, options
 Répondre à ce message
 Sujets en rapport avec ce message
créer un Hyperlien dans ce script [ par terlercomande ]
Bonjour enfin bonsoirAlor voila mon script on ma dit que sa s'appelait un ajax donc je voudrais par exemple: Que une fois selectionner Vistapuis
Permutation entre 2 listes...petit problème... [ par da vince ]
Davince Je développe principalement en CSS et Javascript. J
Vérification sélective de saisie dans une Form [ par francoisch ]
Bonjour <p class="MsoNormal" sty
récupere valeur option [ par HF974 ]
Bonjour, Je voudrais récupérer la valeur de toutes les options de ma listebox j'ai l'erreur suivante lorsque le teste mon code : document.getEleme
select, option, plantage ie. [ par Bichon63 ]
Bonjourvoila mon soucis : je me sers d'une pop up pour mettre à jour un select dans une autre fenetre. dans cette pop up je créé mon javascript à part
updater un champs texte .... [ par synz ]
un pti script me permet avec un pop-up d' updater un champs texte, par contre je voudrai que si ce champs n est pas vide , qu il ajoute le nouveau tex
Quel est le problème de ce script?? [ par jplav21 ]
Bonjour à tous,J'essai de créer un menu déroulant ou on sélectionne une option et en cliquant sur submit, l'option est exécuté! Ca semble très simple
changer la couleur des options [ par rax ]
Bonjour J'ai un SELECT en HTML j'aimerais changer la couleur des options en gardant la couleur noire de l'option quand le menu déroulant est fermé .
Lien ! [ par fa0007 ]
Voilà j'ai fini par réussire mes deux listes déroulantes... mais je l'arrive pas à faire de liens sur la deuxième voici mon code : function Choix(f
Probleme pour activer/desactiver un textarea selon choix [ par chaosgreg ]
Bonjour à tous, alors voilà, mon prob est que, apres avoir cherché sur plein de site et avoir assayer plusieurs codes je n'arrive pas à faire désactiv
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|