Un lien dans une liste

**johnjrambo** · 18/04/2011, 22h19

Bonsoir à tous,

Alors voici, m'intéressant au html/css depuis quelque temps, j'aimerai savoir si on peut insérer des liens internes et externes dans une liste en html, une liste de dreamweaver, donc le genre de menu déroulant

. Donc en gros, l'utilisateur choisi ce qu'il veut dans le menu déroulant(liste) et ca le renvoit à la page souhaité.

Merci bien

**betadev** · 18/04/2011, 23h10

Bonsoir,

Si tu veut créer un un menu déroulant de reroutage alors cela est possible via dreamweaver , le code généré sera le suivant :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
 
<body>
<form name="form1" id="form1">
  <p>
    <select name="menu1" onchange="MM_jumpMenu('parent',this,0)">
      <option value="http://www.developpez.net">Lien 1</option>
      <option value="#bas">Lien 2</option>
    </select>
</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>bas de la page <a name="bas" id="bas"></a> </p>
</form>
</body>
</html>

Le lien 1 redirige ver le site developpez et le deuxième mène ver un ancre.

**johnjrambo** · 18/04/2011, 23h50

Déjà merci de ta réponse.

Mais on est obliger de passer par du javascript pour incorporer des liens à une liste ?

Merci

**betadev** · 18/04/2011, 23h56

Envoyé par johnjrambo

Mais on est obliger de passer par du javascript pour incorporer des liens à une liste ?

Oui , je pense qu'il n'y a pas une solution sans utiliser javascript

**Vil'Coyote** · 19/04/2011, 13h45

la notion de lien n'existe pas dans une liste. donc pour effectuer une action en fonction du choix. oui il faut utiliser le javascript.

**houba222** · 22/04/2011, 21h52

Si j'ai bien compris il s'agit d'une simple liste avec des liens ?
Donc c'est tout à fait possible :

Code :

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

1
2
3
4
5
<ul>
<li><a href="urldemonlien1">mon lien 1</a></li>
<li><a href="urldemonlien2">mon lien 2</a></li>
<li><a href="urldemonlien3">mon lien 3</a></li>
</ul>

Ensuite ce menu peut être mis à l'horizontal en CSS avec des blocs déroulants. C'est possible sans javascript.
Le javascript permet d'améliorer le menu en faisant des effets sur le style de "déroulement".

Un lien dans une liste

HTML

Discussions similaires

Partager

Partager