Liste déroulante + chargement partiel d'une page

lamelfa · 03/09/2006, 23h20

Bonjour,
je suis en train de créer mon site perso:
j'ai fait une bannière sous fireworks, puis un menu avec des boutons...
j'ai ensuite importé le tout dans dreamweaver... je souhaiterais savoir deux choses:

* en cliquant sur un de mes boutons je veux qu'une liste déroulante s'affiche... comment faire? ex: mon bouton se nomme "Langages de programmation"...je veux qu'en cliquant dessus, une liste déroulante s'affiche juste à côté contenant
"C
Java
..."
par exemple...

* de manière à optimiser mon site, je souhaiterais que lorsqu'on clique sur un lien, seul un emplacement dédié au texte change...pour éviter le rechargement de tout le menu...savez-vous comment faire? dois-je placer le texte dans un conteneur particulier?

Merci de votre aide...

lamelfa · 16/09/2006, 13h08

Ca s'appelle du javascript...

Merci beaucoup

**Auteur** · 16/09/2006, 16h42

bonjour,

Ca s'appelle du javascript...

Tout à fait !! Auquel on ajoute une pincée de CSS, le tout saupoudré de HTML

* en cliquant sur un de mes boutons je veux qu'une liste déroulante s'affiche... comment faire? ex: mon bouton se nomme "Langages de programmation"...je veux qu'en cliquant dessus, une liste déroulante s'affiche juste à côté contenant

un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
#combo{
visibility: hidden;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
function afficherListe(idListe)
{
 document.getElementById(idListe).style.visibility="visible";
}
 
//-->
</script>
 
</head>
 
<body>
<input type="button" value="Langages de programmation" onclick="afficherListe('combo')">
<select size="1" id="combo">
    <option value="java">Java</option>
    <option value="c">C</option>
    <option value="pascal">Pascal</option>
    <option value="html">HTML</option>
    <option value="javascript">Javascript</option>
</select>
</body>
 
</html>

* de manière à optimiser mon site, je souhaiterais que lorsqu'on clique sur un lien, seul un emplacement dédié au texte change...pour éviter le rechargement de tout le menu...savez-vous comment faire? dois-je placer le texte dans un conteneur particulier?

encore un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function afficherMessage()
{
 var elmt = document.getElementById("idSpanMsg");
 elmt.style.fontWeight = "bold";
 elmt.innerHTML = "mon nouveau message";
}
 
//-->
</script>
 
</head>
 
<body>
 
<a href="javascript: afficherMessage()">Afficher le message</a>
<div> ici le d&eacute;but de mon message
<span id="idSpanMsg">ici la partie &agrave; modifier</span>
et l&agrave; la fin de mon message</div>
 
 
</body>
 
</html>

lamelfa · 17/09/2006, 22h29

Merci beaucoup, première réponse très satisfaisante merci à toi!!!
Je teste ça tout de suite...

Liste déroulante + chargement partiel d'une page

JavaScript

Discussions similaires

Partager

Partager