{"id":145,"date":"2026-08-20T13:50:50","date_gmt":"2026-08-20T11:50:50","guid":{"rendered":"https:\/\/bellevue1.synology.me\/wordpress\/?page_id=145"},"modified":"2026-08-21T13:44:04","modified_gmt":"2026-08-21T11:44:04","slug":"pdf3","status":"publish","type":"page","link":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/pdf3\/","title":{"rendered":"pdf3"},"content":{"rendered":"\n<div style=\"display: flex; gap: 20px; width: 100%; max-width: 100%; box-sizing: border-box; font-family: sans-serif;\">\n  \n  <!-- COLONNE DE GAUCHE : Emplacement libre pour votre champ HTML -->\n  <div style=\"flex: 0 0 40%; min-width: 0; padding: 20px; background-color: #f9f9f9; border-radius: 8px; border: 1px solid #eee;\">\n    <h3 style=\"margin-top: 0; color: #333;\">Votre contenu \u00e0 gauche<\/h3>\n    <p style=\"color: #666; font-size: 0.9em;\">Effacez ces lignes et ins\u00e9rez votre propre champ HTML ou texte ici.<\/p>\n    \n    <!-- INS\u00c9REZ VOTRE CHAMP HTML ICI -->\n\n    \n  <\/div>\n  \n  <!-- COLONNE DE DROITE : Tout le syst\u00e8me PDF (Recherche + Visionneuse) -->\n  <div style=\"flex: 0 0 60%; min-width: 0; display: flex; flex-direction: column; gap: 15px;\">\n    \n    <!-- Encadr\u00e9 de contr\u00f4le\/recherche -->\n    <div style=\"padding: 1px; background-color: #f4f4f4; border-radius: 8px; border: 1px solid #ddd;\"> \n\n      \n      <div style=\"display: flex; gap: 10px; align-items: center; margin-bottom: 15px;\">\n        <!-- Bouton Moins (-) -->\n        <button onclick=\"changerValeur(-1)\" \n                style=\"padding: 10px 15px; background-color: #e0e0e0; color: #333; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 1.1em;\">\n          &#8211;\n        <\/button>\n\n        <!-- Champ de saisie -->\n        <input type=\"text\" id=\"mon-champ\" name=\"champ-texte\" placeholder=\"Ex: 1, 10...\" value=\"1\"\n               style=\"flex: 1; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; text-align: center; font-weight: bold;\">\n        \n        <!-- Bouton Plus (+) -->\n        <button onclick=\"changerValeur(1)\" \n                style=\"padding: 10px 15px; background-color: #e0e0e0; color: #333; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 1.1em;\">\n          +\n        <\/button>\n     \n\n      <!-- Bouton Rechercher principal -->\n      <button onclick=\"rechercherEtAfficherPDF()\" \n              style=\"width: 100%; padding: 12px; background-color: #0073aa; color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 1em;\">\n        \ud83d\udd0d Rechercher le num\u00e9ro saisi\n      <\/button>\n       <\/div>\n      <!-- Message de statut -->\n      <p id=\"statusMessage\" style=\"color: #666; font-size: 0.9em; margin-top: 10px; margin-bottom: 0; word-break: break-all;\"><\/p>\n    <\/div>\n    \n    <!-- Zone d'affichage (Iframe + Placeholder) -->\n    <div style=\"position: relative; width: 100%;\">\n      <iframe loading=\"lazy\" id=\"pdfViewer\" src=\"\" width=\"100%\" height=\"800px\" style=\"border: 1px solid #ddd; border-radius: 8px; display: none;\">\n        <p>Votre navigateur ne supporte pas l&rsquo;affichage des PDF.<\/p>\n      <\/iframe>\n      <div id=\"placeholderText\" style=\"height: 100vh; display: flex; align-items: center; justify-content: center; border: 1px dashed #ccc; border-radius: 8px; color: #999; text-align: center; padding: 20px; box-sizing: border-box;\">\n        Cliquez sur + ou &#8211; pour faire d\u00e9filer et afficher les PDF.\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\nfunction changerValeur(changement) {\n  const champ = document.getElementById('mon-champ');\n  let valeurActuelle = parseInt(champ.value, 10);\n  if (isNaN(valeurActuelle)) {\n    valeurActuelle = 0;\n  }\n  \n  let nouvelleValeur = valeurActuelle + changement;\n  if (nouvelleValeur < 1) {\n    nouvelleValeur = 1;\n  }\n  const dernier = 4965\n  if (nouvelleValeur > dernier) {\n    nouvelleValeur = dernier;\n  }\n  champ.value = nouvelleValeur;\n  rechercherEtAfficherPDF();\n}\nfunction formaterAvecZeros(nombre, longueurTotale) {\n  \/\/ 1. Transforme le nombre en texte\n  let texte = String(nombre); \n  \n  \/\/ 2. Ajoute des \"0\" au d\u00e9but jusqu'\u00e0 atteindre la longueur voulue\n  return texte.padStart(longueurTotale, \"0\"); \n}\n\n\nfunction numerodedossier(num\u00e9ro){\n\t\nlet entier = parseInt(num\u00e9ro);\t\n\t\nlet resultat= Math.trunc(entier\/1000+1);\nlet urlComplete= \"https:\/\/bellevue1.synology.me\/wordpress\/partage_pdf\/MFC\/\"+formaterAvecZeros(resultat,7)+\"\/\"+formaterAvecZeros(num\u00e9ro,7);\n\/\/ const dossier = \"https:\/\/bellevue1.synology.me\/wordpress\/partage_pdf\/MFC\/0000005\/000\"; \nreturn urlComplete;\n}\n\n\nfunction rechercherEtAfficherPDF() {\n  const nomFichier = document.getElementById('mon-champ').value.trim();\n  const iframe = document.getElementById('pdfViewer');\n  const placeholder = document.getElementById('placeholderText');\n  const message = document.getElementById('statusMessage');\n  \n  if (!nomFichier) {\n    message.textContent = \"\u26a0\ufe0f Veuillez saisir un num\u00e9ro de fichier.\";\n    message.style.color = \"red\";\n    return;\n  }\n  \n  \/\/ const dossierSource = \"https:\/\/bellevue1.synology.me\/wordpress\/partage_pdf\/MFC\/0000005\/000\"; \n  \/\/                        https:\/\/bellevue1.synology.me\/wordpress\/partage_pdf\/MFC\/0000005\/0004003\n  \n  const extension = \".pdf\";\n  \n  \/\/ Masquage automatique du menu de navigation et de la barre d'outils int\u00e9gr\u00e9\n  \/\/ const urlComplete = numerodedossier(nomFichier) + nomFichier + extension;\n  const urlComplete=numerodedossier(nomFichier)+extension;\n  iframe.src = urlComplete;\n  iframe.style.display = \"block\";\n  placeholder.style.display = \"none\";\n  \n\/*  message.textContent = \"\ud83d\udcc4 Chargement automatique : \" +urlComplete;\n  message.style.color = \"green\"; *\/\n}\n<\/script>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Votre contenu \u00e0 gauche Effacez ces lignes et ins\u00e9rez votre propre champ HTML ou texte ici. &#8211; + \ud83d\udd0d Rechercher le num\u00e9ro saisi Votre navigateur ne supporte pas l&rsquo;affichage des PDF. Cliquez sur + ou &#8211; pour faire d\u00e9filer et afficher les PDF.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":71,"href":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/145\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/bellevue1.synology.me\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}