Changement contenu d'une page en fonction d'une liste déroulante

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Changement contenu d'une page en fonction d'une liste déroulante

zoukoufxxx

La bogossitude made in HFR

Salut à tous [:black_lord]

Je voudrais en fait que le contenu de ma page change en fonction du choix qu'à fait l'utilisateur dans une liste déroulante dynamique.
J'avais déjà fait une ébauche :

Code :

<html>
<head>
<title>- Accueil</title>
<script language="JavaScript">
function affichage(champ) {
// on affecte a la zone de texte la variable passee par la fonction appelee sur le bouton radio
document.formulaire.explication.value = champ;
}
function affichageliste(element) {
// on cree les explications qui s'afficheront dans la zone de texte pour tous les 'selects'
// le nom des variables doit se composer du nom de la liste suivi du numero de l'option dans la liste (on commence a 0, pas a 1)
var liste1_1 = 'Tout sur le html 4.0';
var liste1_2 = 'Un peu de feuilles de style';
var liste1_3 = 'Dynamisez vos pages !';
selection = element.options[element.options.selectedIndex].index;
// si le choix est le premier (Choisissez), on nettoie la zone de texte
if ( selection == '0' ) {
affichage(vide);
}
else {
// si le choix n'est pas le premier, on lance l'affichage du choix
sel = element.name;
optionchoisie = eval(sel + selection);
affichage(optionchoisie);
}
}
</script>
</head>
<body>
<form name="formulaire">
<select name="liste1_" OnChange="affichageliste(liste1_);">
<option>Choisissez
<option>HTML
<option>CSS
<option>JavaScript
</select>
<br />
<br />
<input type="text" name="explication" wrap="virtual"></input>
</form>
</body>
</html>

Mais là, ça m'affiche le contenu changeant dans un "input", je voudrais que ça ne l'affiche pas dans un "input".

Par avance, merci pour votre aide.

Message édité par zoukoufxxx le 25-04-2008 à 11:06:16

---------------
Le site des BD d'HFR | Aurélien Amacker : Arnaque ? - Mongolien du Web

Publicité

zoukoufxxx

La bogossitude made in HFR

C'est bon je viens de trouver mon bonheur :jap:

---------------
Le site des BD d'HFR | Aurélien Amacker : Arnaque ? - Mongolien du Web

jordel

Elven Powaaa

Pourrait-on profiter de ta découverte ???

Merci d'avance !!!

---------------
------------------------------

zoukoufxxx

La bogossitude made in HFR

[:black_lord]

Voiloù monsieur :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ceci est le titre de la page</title>
<script type="text/javascript">
function catsel(sel) {
//if (sel.value=="-1" ) return;
var opt=sel.getElementsByTagName("option" );
for (var i=0; i<opt.length; i++) {
var x=document.getElementById(opt[i].value);
if (x) x.style.display="none";
}
var cat = document.getElementById(sel.value);
if (cat) cat.style.display="block";
}
</script>
</head>
<body>
<table>
<tr>
<td>
Faites un choix :
</td>
<td>
<select onchange="catsel(this)">
<option value="1">Choix 1</option>
<option value="2">Choix 2</option>
<option value="3">Choix 3</option>
<option value="4">Choix 4</option>
<option value="5">Choix 5</option>
<option value="6">Choix 6</option>
<option value="7">Choix 7</option>
<option value="8">Choix 8</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">
<div id="1" style="display:block">
<table border="0" cellspacing="3" cellpadding="0"><tr><td>blabla 1</td></tr></table>
</div>
<div id="2" style="display:none">
<table border="0" cellspacing="3" cellpadding="0"><tr><td>blabla 2</td></tr></table>
</div>
<div id="3" style="display:none">
<table border="0" cellspacing="3" cellpadding="0"><tr><td>blabla 3</td></tr></table>
</div>
<div id="4" style="display:none">
<table border="0" cellspacing="3" cellpadding="0"><tr><td>blabla 4</td></tr></table>
</div>
<div id="5" style="display:none">
<table border="0" cellspacing="3" cellpadding="0"><tr><td>blabla 5</td></tr></table>
</div>
<div id="6" style="display:none">
<table border="0" cellspacing="3" cellpadding="0"><tr><td>blabla 6</td></tr></table>
</div>
<div id="7" style="display:none">
<table border="0" cellspacing="3" cellpadding="0"><tr><td>blabla 7</td></tr></table>
</div>
<div id="8" style="display:none">
<table border="0" cellspacing="3" cellpadding="0"><tr><td>blabla 8</td></tr></table>
</div>
</td>
</tr>
</table>
</body>
</html>

À adapter selon tes envies, bien-sûr.

Message édité par zoukoufxxx le 16-05-2008 à 09:59:18

---------------
Le site des BD d'HFR | Aurélien Amacker : Arnaque ? - Mongolien du Web

FORUM HardWare.fr

Programmation

HTML/CSS

Changement contenu d'une page en fonction d'une liste déroulante

Sujets relatifs
[ PHP ] [ RESOLU ] Envoyer des mail hotmail avec php	Insérer un album photo dans une page html
Changement bouton OnClick	[ASM 80x86] crée une fonction sleep.
changement d'etat cellule en fonction de la date	Aide sur fonction PHP
Extraction d'un fichier texte vers une liste (pascal)	[Résolu] Fonction count en PHP
Problème en C : ma fonction recupere un '\n'
Plus de sujets relatifs à : Changement contenu d'une page en fonction d'une liste déroulante

Page générée en 0.082 secondes