Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML
HTML / DHTML / XHTML Forum sur la programmation HTML / DHTML/ XHTML et la validation W3C. Cours (X)HTML, FAQ (X)HTML
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 18/04/2011, 22h19   #1
Invité de passage
 
Inscription : décembre 2010
Messages : 17
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 17
Points : 1
Points : 1
Par défaut 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
johnjrambo est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/04/2011, 23h10   #2
Membre du Club
 
Avatar de betadev
 
Homme
Développeur Web
Inscription : octobre 2008
Messages : 80
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 27
Localisation : Tunisie

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : octobre 2008
Messages : 80
Points : 56
Points : 56
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.
betadev est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/04/2011, 23h50   #3
Invité de passage
 
Inscription : décembre 2010
Messages : 17
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 17
Points : 1
Points : 1
Déjà merci de ta réponse.

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

Merci
johnjrambo est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/04/2011, 23h56   #4
Membre du Club
 
Avatar de betadev
 
Homme
Développeur Web
Inscription : octobre 2008
Messages : 80
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 27
Localisation : Tunisie

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : octobre 2008
Messages : 80
Points : 56
Points : 56
Citation:
Envoyé par johnjrambo Voir le message
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
betadev est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 19/04/2011, 13h45   #5
Modérateur
 
Avatar de Vil'Coyote
 
Développeur Web
Inscription : février 2008
Messages : 3 302
Détails du profil
Informations personnelles :
Âge : 31
Localisation : France, Marne (Champagne Ardenne)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : février 2008
Messages : 3 302
Points : 4 480
Points : 4 480
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.
Vil'Coyote est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 21h52   #6
Invité régulier
 
Femme
Webmaster
Inscription : avril 2006
Messages : 7
Détails du profil
Informations personnelles :
Sexe : Femme
Localisation : France, Eure (Haute Normandie)

Informations professionnelles :
Activité : Webmaster
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : avril 2006
Messages : 7
Points : 5
Points : 5
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".
houba222 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 06h28.


 
 
 
 
Partenaires

Hébergement Web