Page 1 sur 1

HTML : Clic sur un bouton pour lancer un téléchargement

Posté : ven. 4 sept. 2015 21:02
par Âze
Bonjour, bonsoir !

Alors voilà, je suis toujours sur mon site, et j'ai créer un bouton pour que lorsque l'on clique dessus, on puisse télécharger mon PDF.
Or je ne sais vraiment pas comment faire...

J'ai essayer sans le bouton avec juste la balise <a>, mais ouvre le document, ça ne lance pas le téléchargement...
J'ai déjà fait des recherches, et le meilleurs moyen est en PHP. Or, pour l'instant, je suis dans l'amélioration et la complétion du site, ce qui fait qu'il n'ai pas hébergé sur un serveur...
Et du coup, avec le bouton, je ne sais pas du tout comment faire... :/

Avez-vous des idées ?

D'avance merci ;)

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : sam. 5 sept. 2015 15:57
par 2011N2
Salut,

En fait il faut que lorsqu'on clique sur ton bouton cela envoie sur le lien direct de téléchargement de ton PDF. Donc comme si en cliquant sur le bouton cela enverrait sur une autre page, sauf qu'en l'occurrence ça lancera le téléchargement du fichier. C'est ça que tu as essayé de faire ? :)

Gabriel.

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : dim. 6 sept. 2015 20:25
par Âze
Salut,

Oui en gros c'est ça. C'est la petite fenêtre du navigateur qui te demande "enregistrer" ou "ouvrir".
Donc qu'il n'y ai pas de redirection du coup.

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : lun. 7 sept. 2015 17:12
par KeRR_@
Bonjou Âze :D

Je pense avoir trouvé ce qu'il te faut sur ->> ce fil de discussion

Ici tu trouveras tous les détails que tu veux sur JS et les popups

et cet autre sujet sur le téléchargement au click

Bon code zÂze ^^ :bonjour:

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : mar. 8 sept. 2015 13:04
par 2011N2
Salut,

Normalement c'est tout bête :
Code : Tout sélectionner
<a href="Le lien direct du fichier ici" target="_blank"> <input type="button" value="Bouton"> </a>
Et quand tu cliqueras sur le bouton ça lancera automatiquement le téléchargement.

Gabriel.

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : mer. 9 sept. 2015 08:29
par Âze
Je connaissais cette manière, et je l'ai recroisé durant mes recherches, mais désormais, ça ouvre dans un nouvel onglet le document, ça ne le télécharge pas... :/

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : mer. 9 sept. 2015 09:17
par 2011N2
Salut,

Ah oui d'accord.

Et tu n'as pas la possibilité de l'héberger directement dans un dossier sur ton site pour l'instant c'est bien ça ?
Car du coup tu mettrais quelque chose de ce style :
Code : Tout sélectionner
<a target="link" href="/images/tonpdf.pdf" class="btn_modem_detail" style="margin-top: 80px;">
Et je pense que ça devrait le télécharger direct. Sinon faut voir quel hébergeur lance directement le téléchargement des pdf.

Gabriel.

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : mer. 9 sept. 2015 15:26
par KeRR_@
Bonjour Äze :victoire:

Tu cherches quelques chose de ce genre ?
Code : Tout sélectionner
<p><a href="http://localhost/sitee/pagexercice.php" download="../document_pdf/Ficher.pdf">Fiche PDF</a></p>
sinon il faut adapter

@ +

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : mer. 9 sept. 2015 17:07
par Âze
Coucou !

En gros c'était ça, sauf que l'attribut download n'existe pas pour <a>

Mais j'ai trouvé une autre solution, je l'affiche avec ce code :
Code : Tout sélectionner
<iframe id="doc" src="docs/fichier.pdf" width="1000" height="500" style="display: none;margin: auto;"></iframe>
Et ça l'affiche directement dans la page, et il y a même le bouton télécharger et imprimer en bas à droite, donc du coup ça résout le problème ^^'
(pour ceux qui souhaitent, je l'ai caché et on clique sur un bouton pour l'afficher, demandez-moi le code si vous voulez ;) )

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : mer. 9 sept. 2015 18:13
par KeRR_@
Re coucou

Hein :suspect: , n'exisste pas :bad: Je l'ai afficher chez moi. Merci zÂze

Exemple :
Code : Tout sélectionner
<!DOCTYPE html>
<html>
<body>

<p>Click on the w3schools logo to download the image:<p>

<a href="/images/myw3schoolsimage.jpg" download="w3logo">
  <img border="0" src="/images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="142">
</a>

<p>Notice that the filename of the downloaded file will be saved as "w3logo.jpg" instead of "myw3schoolsimage.jpg".</p>
<p><b>Note:</b> The download attribute is not supported in IE, Safari or Opera version 12 (and earlier).</p>

</body>
</html>
@ ++
Kerr

Re: HTML : Clic sur un bouton pour lancer un téléchargement

Posté : jeu. 10 sept. 2015 07:39
par Âze
Bah mon p'tit Kerr,

Je me fie à mon IDE, et il me souligne en rouge le download en m'indiquant que ce n'est pas applicable à la balise <a>. ^^'
Tu as peut-être ajouté un truc que je n'ai pas (framework ou autre) ?
EDIT :
Le code :
Code : Tout sélectionner
<button><a href="docs/CV-LAURENT_Anthony.pdf" download="test">test</a></button>
Il fonctionne en fait... Je sais pas ce que mon IDE m'a fait l'autre soir.

Désolé mon p'tit Kerr :roll:

Merci à tous :bisou: