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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : liste déroulante sur une page web en html pointant vers des fichiers p

squinny

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

Publicité

olivthill

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

gatsu35

Blablaté par Harko

olivthill a écrit :

Voila :

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

squinny

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

squinny

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 !

olivthill

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

squinny

merci, à marche parfaitement.
Merci encore à vous !

squinny

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 !

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Sortie vers fenetre MS-DOS	probleme de droit pour acceder a une page avec site nuked clan
[Résolu] Charger une page "accueil.php" par défaut dans mon index.php	Insérer une image DANS le code html
Identifier une page pour permettre ouverture unique de cette page/outi	enregistrer une page generer par php en un fichier texte.ref
[HTML] Faire appel a du texte externe ?	[HTML/CSS] Spoiler
Revenir a la page précédente pour plus d'ergonomie	HELP!!!! Macro s'appliquant sur tous les fichiers d'un dossier ???
Plus de sujets relatifs à : liste déroulante sur une page web en html pointant vers des fichiers p

Page générée en 0.035 secondes