Afficher une liste de pdfs sur application web
Fermé
andyandy1
Messages postés
7
Date d'inscription
lundi 4 mai 2015
Statut
Membre
Dernière intervention
8 février 2017
-
Modifié par andyandy1 le 6/02/2017 à 15:23
captain-coder Messages postés 8 Date d'inscription mardi 7 février 2017 Statut Membre Dernière intervention 8 février 2017 - 8 févr. 2017 à 15:21
captain-coder Messages postés 8 Date d'inscription mardi 7 février 2017 Statut Membre Dernière intervention 8 février 2017 - 8 févr. 2017 à 15:21
A voir également:
- Afficher une liste de pdfs sur application web
- Liste déroulante excel - Guide
- Traduire une page web - Guide
- Instagram web - Guide
- Désinstaller une application sur pc - Guide
- Afficher mot de passe wifi android - Guide
2 réponses
captain-coder
Messages postés
8
Date d'inscription
mardi 7 février 2017
Statut
Membre
Dernière intervention
8 février 2017
1
8 févr. 2017 à 11:13
8 févr. 2017 à 11:13
Bonjour, c'est très simple, il te faut créer une liste (celle à gauche sur ta maquette) qui contiendra la liste des documents PDF de cette manière par exemple:
Ensuite il te faut donner un ID à ton ifram, dans notre cas ce sera pdf-viewer. Nous allons ensuite utiliser Jquery pour permettre le changement de l'attribut src de ton iframe:
Voilà tu peut adapter ce code :)
<ul id="pdf-list">
<li data-toggle="chemin_du_pdf">Un document PDF</li>
<!-- etc... -->
<li>
Ensuite il te faut donner un ID à ton ifram, dans notre cas ce sera pdf-viewer. Nous allons ensuite utiliser Jquery pour permettre le changement de l'attribut src de ton iframe:
$(document).ready(function(){
$("#pdf-list>li").click(function(){
$("#pdf-viewer").attr("src", $(this).attr("data-toggle"));
});
});
Voilà tu peut adapter ce code :)
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 451
8 févr. 2017 à 14:54
8 févr. 2017 à 14:54
Bonjour,
Tu peux utiliser les fonctions PHP opendir() et readdir() pour lire le contenu du dossier qui contient tes fichiers PDF, puis, ensuite afficher le contenu :
Il faut remplacer (ligne 2) nom_du_dossier par le nom du dossier qui contient les fichiers PDF et retirer rel="nofollow noopener noreferrer" (ligne 34), que CCM met systématiquement.
Le fichier qui contiendra ce code, doit avoir une extension php
Tu peux utiliser les fonctions PHP opendir() et readdir() pour lire le contenu du dossier qui contient tes fichiers PDF, puis, ensuite afficher le contenu :
<?php $rep = "nom_du_dossier"; // Creation de l'index des fichiers $dbfiles = array(); $i = 0; $dossier = opendir($rep); while ($fichier = readdir($dossier)) { if (is_file($rep."/".$fichier)) { if ($fichier != "index.php") { $dbfiles[$i][0] = $fichier; $path_parts = basename($fichier); $path_parts = substr($path_parts,strrpos($path_parts,".")+1); $i++; } } } closedir($dossier); @sort($dbfiles); ?> <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Partage de fichiers</title> </head> <body> <div style="text-align: center;"> <h3>Fichiers disponibles</h3> <?php for ($i = 0; $i < count($dbfiles); $i++) { ?> <p><a href="<?php echo $rep." rel="nofollow noopener noreferrer" target="_blank"/".$dbfiles[$i][0]; ?>" target="_blank"><?php echo $dbfiles[$i][0]; ?></a></p> <?php } ?> </div> </body> </html>
Il faut remplacer (ligne 2) nom_du_dossier par le nom du dossier qui contient les fichiers PDF et retirer rel="nofollow noopener noreferrer" (ligne 34), que CCM met systématiquement.
Le fichier qui contiendra ce code, doit avoir une extension php
captain-coder
Messages postés
8
Date d'inscription
mardi 7 février 2017
Statut
Membre
Dernière intervention
8 février 2017
1
8 févr. 2017 à 15:06
8 févr. 2017 à 15:06
Bonjour, je pense que le but est d'effectuer l'opération sans que la page charge à nouveau.
andyandy1
Messages postés
7
Date d'inscription
lundi 4 mai 2015
Statut
Membre
Dernière intervention
8 février 2017
8 févr. 2017 à 15:06
8 févr. 2017 à 15:06
Merci pour ta réponse , mais je ne travail pas avec php , je suis sur JAVA, eclipse
captain-coder
Messages postés
8
Date d'inscription
mardi 7 février 2017
Statut
Membre
Dernière intervention
8 février 2017
1
8 févr. 2017 à 15:21
8 févr. 2017 à 15:21
Mon code marche très bien:
index.html:
test.js:
Ce code la fonctionne très bien tu as juste à le mettre en forme ^^
index.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <ul id="pdf-list"> <li datatype="1.pdf">Document 1</li> <li datatype="2.pdf">Document 2</li> </ul> <br><br> <iframe id="pdf-viewer" src=""quot;1.pdf"></iframe> <script src=""quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.[/contents/577-javascript-introduction-au-langage-javascript js]"></script> <script src=""quot;test.js"></script> </body> </html>
test.js:
$(document).ready(function(){ $("#pdf-list li").click(function(){ $("#pdf-viewer").attr("src", $(this).attr("datatype")); }); });
Ce code la fonctionne très bien tu as juste à le mettre en forme ^^
8 févr. 2017 à 12:20
8 févr. 2017 à 12:23
8 févr. 2017 à 13:59
8 févr. 2017 à 14:25
8 févr. 2017 à 14:32