Liste déroulante et lien pdf

toutenos Messages postés 14 Date d'inscription Statut Membre Dernière intervention -
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention - 28 juil. 2009 à 21:57

Bonjour,
je suis en train de créer le site internet de mon club.
après m'être renseigner sur divers site de création de site j'ai choisi d'insérer une liste déroulante sur l'une de mes pages.

j'aimerai aussi ajouter un lien vers un fichier pdf lorsque je clique sur l'une des options de la liste déroulante.

est ce possible ???

que dois je ajouter à mon code css ?

cordialement

Afficher la suite

A voir également:

Liste déroulante pdf
Liste déroulante excel - Guide
Lire le coran en français pdf - Télécharger - Histoire & Religion
Liste déroulante en cascade - Guide
Save as pdf office 2007 - Télécharger - Bureautique
Liste déroulante google sheet - Accueil - Guide bureautique

8 réponses

Réponse 1 / 8

lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352

le css a rien a voir avec le lien de telechargement

tu met seulement ca<a hre="lien_vers_ton_doc_pdf" target="_blank">Telecharger le fichier PDF</a>

Réponse 2 / 8

toutenos Messages postés 14 Date d'inscription Statut Membre Dernière intervention

oui le code html. je débute sur le css du coup je n'ai que cela en tête.

du ça me donne ça comme code:
<option value="U9">U9</option> <a href="conv/U9.pdf" target="_blank"> telecharger le fichier pdf </a>

faut t-il que la partie <a> soit comprise entre les balises "option" ???
je comprends pas la partie soulignée. elle ne semble pas prise en compte sous notepad+ et reste en caractère noir.

Réponse 3 / 8

lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352

rapidement je te donne une piste
tu utilise le onchange du select et le java script

<select name="" onchange="var indice=this.value;telecharger(indice);">choissiser le fiche a telecharger>
<option value="var1">la description du fichier</option>
<option value="var2">la description du fichier</option>
<option value="var3">la description du fichier</option>
<option value="var4">la description du fichier</option>
etc....
</select>

et entre <head> et </head> (ou bien le top dans un fichier de fonction javascript que tu appelle dans ta page)
tu cree la fonction  telecharger(indice)
qui sera de la forme
function telecharger(indice)
{
 switch(indice)
{
case"var1":
window.location.replace('lelein vers ton doc 1');
break;
case"var2":
window.location.replace('lelein vers ton doc 2');
break;
case"var3":
window.location.replace('lelein vers ton doc 3');
break;
case"var4":
window.location.replace('lelein vers ton doc 4);
break;
}

}

jai pas tester mais ca devrais le faire

Réponse 4 / 8

toutenos Messages postés 14 Date d'inscription Statut Membre Dernière intervention

Bonojour,

c un peu compliqué pour moi tous ces codes. j'ai pas encore utiliser le mode javascript.

essayons de partir de que j'ai si cela ne vous dérange pas.

voilà mon code:

<form class="deroulant" method="post" action="traitement.php">
<p>
<label for="categories">categories</label><br />
<select name="categories" id="categories">
<option value="U9"><a href="U9.pdf">U9</a></option>
<option value="U11">U11</option>
<option value="U13">U13</option>
<option value="U15">U15</option>
<option value="U17">U17</option>
<option value="U19">U19</option>
<option value="seniors">seniors</option>
<option value="veterans">veterans</option>
<option value="loisirs">loisirs</option>
</select>
</p>
</form>

Que dois-je ajouter à partir de ce code?

cordialement.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 8

lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352

tu rajoute seulement l'evenement onchange a ton select.
var indice=this.value signifi que je declare la variable indice et que je lui attribue la valeur de l'option choisie

ensuite j'appelle ma fonvtion javscript qui va te rediriger vers le lien de l'option choisie

<form class="deroulant" method="post" action="traitement.php" onchange="var indice=this.value;telecharger(indice);">
<p>
<label for="categories">categories</label><br />
<select name="categories" id="categories">
<option value="U9"><a href="U9.pdf">U9</a></option>
<option value="U11">U11</option>
<option value="U13">U13</option>
<option value="U15">U15</option>
<option value="U17">U17</option>
<option value="U19">U19</option>
<option value="seniors">seniors</option>
<option value="veterans">veterans</option>
<option value="loisirs">loisirs</option>
</select>
</p>
</form>

et pour faire simple tu met entre<head> et </head>

<script type=javasccript>
function telecharger(indice)
{
 switch(indice)
{
case"var1":
window.location.replace('lelein vers ton doc 1');
break;
case"var2":
window.location.replace('lelein vers ton doc 2');
break;
case"var3":
window.location.replace('lelein vers ton doc 3');
break;
case"var4":
window.location.replace('lelein vers ton doc 4);
break;
}

}
</script>

Réponse 6 / 8

toutenos Messages postés 14 Date d'inscription Statut Membre Dernière intervention

bonjour,

je pense avoir un peu avancé.
j'ai du ajouter un input submit parce que le fichier ne se chargeait pas automatiquement.

reste que firefox ne trouve pas le fichier.

celui ci est pourtant dans le même dossier que la page web. voilà mon dernier code.

dans le header
<script type=javasccript>
function telecharger(indice)
{
switch(indice)
{
case"var1":
window.location.replace('U9.pdf');
break;
case"var2":
window.location.replace('lelein vers ton doc 2');
break;
case"var3":
window.location.replace('lelein vers ton doc 3');
break;
case"var4":
window.location.replace('lelein vers ton doc 4);
break;
}

}
</script>

et dans le body
<form class="deroulant" method="post" action="traitement.php" onchange="var indice=this.value;telecharger(indice);">
<p>
<label for="categories">categories</label><br />
<select name="" onchange="var indice=this.value;telecharger(indice);">choissiser le fiche a telecharger>
<option value="var1">ConvU9</option>
<option value="var2">ConvU11</option>
<option value="var3">convU13</option>
<option value="var4">convU15</option>
</select>
<p>
<input type="submit" /> <input type="reset" />
</p>

</form>

cordialement

Réponse 7 / 8

lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352

heu betement j'espere que tu a mis le vrai chemin pas ce que je t'avais mis en exemple lelein vers ton doc 2'
il faut que ce soit de la forme
si tes fichiers sont en vrac dans le meme repertoire que ta page qui appelle le script
window.location.replace('ton_doc.pdf);

si tes fichier sous un sous dossier
window.location.replace('sous_dossier/ton_doc.pdf);
et ainsi de suite en respectant l'arborescence de ton site

Réponse 8 / 8

toutenos Messages postés 14 Date d'inscription Statut Membre Dernière intervention

bonjour,

ne t'inquiète pas. J'ai seulement rempli la première case pour faire le test.

et.......je viens de réussir. :) :) :)

en fait, il fallait changer dans le "body" / "action" traitement.php par le nom de mon fichier cible.

Merci beaucoup. cela m'ouvre des perspectives pour mon site.

encore merci.
m'autorises tu as retenir ton pseudo si des fois l'occasion me prenais à te recontacter.
cordialement.

ah si......: est-il possible de créer le lien sans ajouter l'élément "envoyer" ??? ou peut-on modifier l'élément "envoyer" comme tout autre élément?

lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352

content pour toi pour mon pseudo ya pas de probleme tu peut me contacter quand tu veut

heu pour ca

ah si......: est-il possible de créer le lien sans ajouter l'élément "envoyer" ??? ou peut-on modifier l'élément "envoyer" comme tout autre élément?

qu'est ca que tu veut dire par la???

Discussions similaires

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer le contenue d'une cellule avec liste déroulante

Votre réponse

Discussions similaires