Un lien dans une liste

Version imprimable

18/04/2011, 22h19
johnjrambo

Un lien dans une liste

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

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:

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.

18/04/2011, 23h50
johnjrambo

Déjà merci de ta réponse.

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

Merci
18/04/2011, 23h56
betadev

Citation:

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
19/04/2011, 13h45
Vil'Coyote

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.
22/04/2011, 21h52
houba222
Si j'ai bien compris il s'agit d'une simple liste avec des liens ?
Donc c'est tout à fait possible :
Code:

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".