liste déroulante sur une page web en html pointant vers des fichiers p

Marsh Posté le 13-12-2007 à 09:50:37

bonjour,

voilà, je réalise quelques pages web en thml avec nvu (en bref : des ressources thématiques, liens internet et fichiers pdf) et je souahite intégrer dans une de mes pages une liste déroulant pointant vers un fichier pdf de mon dossier "fichiers", lui-même étant inclus dans mon dossier site web. Rien de très original, je sais. Mais pas moyen de mettre un lien vers le fichier pdf en question.
Est-ce possible tout d'abord ?
Y-a-t-il une façon d'écrire le lien entre les balises <option value> ou bien faut-ilun script particulier ?
merci pour votre aide !
squinny

Reply

Marsh Posté le 13-12-2007 à 09:50:37

Reply

Marsh Posté le 13-12-2007 à 13:12:33

Voila :

<html>
<head>
<script type="text/javascript">
function goto_pdf(adresse_destination)
{
window.location = adresse_destination;
}
</script>
</head>
<body>
<form>
<select id="display_pdf" size=2
onchange="javascript:goto_pdf(this.options[this.selectedIndex].value);">
<option value="fic1.pdf">premierfichier
<option value="fic2.pdf">deuxièmefichier
</select>
</form>
</body>
</html>

Message cité 1 fois

Reply

Marsh Posté le 14-12-2007 à 07:25:55

olivthill a écrit :

Voila :

<html>
<head>
<script type="text/javascript">
function goto_pdf(adresse_destination)
{
window.location = adresse_destination;
}
</script>
</head>
<body>
<form>
<select id="display_pdf" size=2
onchange="javascript:goto_pdf(this.options[this.selectedIndex].value);">
<option value="fic1.pdf">premierfichier
<option value="fic2.pdf">deuxièmefichier
</select>
</form>
</body>
</html>

1- mettre javascript: dans un event est une abhération de haut niveau
2- ca ne sert à rien de passer par un [this.selectIndex], un this.value suffit
donc au final on a :

Code :

onchange="goto_pdf(this.value)"

sinon le reste est bon

Reply

Marsh Posté le 14-12-2007 à 10:32:06

merci d'avoir pris le temps de me répondre, je vais essayer tout ça !
merci, squinny

Reply

Marsh Posté le 14-12-2007 à 10:44:50

par contre, je suis un peu embêtée, ça n'est plus une liste déroulante (avec la fle-fleche..) mais une boite avec premierfichier, deuxiemefichier à la suite, sans déroulement. Que dois-je rajouter pour ça ? Merci !

Reply

Marsh Posté le 14-12-2007 à 13:37:59

En effet, onchange="goto_pdf(this.value)" est plus simple. Merci Gatsu35 !

Pour avoir la "fle-fleche", il faut mettre size=1 ou ne pas mettre de size

Voici la nouvelle version :

<html>
<head>
<script type="text/javascript">
function goto_pdf(adresse_destination)
{
window.location = adresse_destination;
}
</script>
</head>
<body>
<form>
<select id="display_pdf"
onchange="goto_pdf(this.value)">
<option value="fic1.pdf">premierfichier
<option value="fic2.pdf">deuxièmefichier
</select>
</form>
</body>
</html>

Message édité par olivthill le 14-12-2007 à 13:38:54

Reply

Marsh Posté le 14-12-2007 à 16:13:41

merci, à marche parfaitement.
Merci encore à vous !

Reply

Marsh Posté le 17-12-2007 à 11:51:43

Re-bonjour,
dites-moi, sur une autre page (du même site en html) j'avais fait une liste déroulante toute simple avec des liens vers des ancres de la page : les liens ne marchent plus depuis que, dur une autre page, j'ai inséré cette liste avec liens vers des pdf. Y-a-t-il un lien de cause à effet ?!
merci !

Reply

liste déroulante sur une page web en html pointant vers des fichiers p

Sujets relatifs:

Leave a Replay