[PDF] Cahier des Charges dun Site E-Commerce





Previous PDF Next PDF



La

- "We all are Winos" est une entreprise de vente de vin en ligne actuellement en cours de création. L'enregistrement des statuts pour la création d'une SAS est 



Votre Cahier des charges e-Commerce

Chaque mois mon équipe accompagne plus de 350 nouveaux e-Commerçants dans leur projet de création ou de migration de site e-Commerce.



MODÈLE DE CAHIER DES CHARGES POUR UN PROJET DE SITE

☐ Site e-commerce destiné à vendre des produits ou services. ☐ Site vitrine pour présenter votre activité et valoriser votre entreprise. ☐ Média en ligne. ☐ 



Cahier des charges dun site e-commerce

En somme un site e-commerce est un outil indispensable pour les entreprises cherchant à se développer. En utilisant un framework web tel que Laravel pour créer 



Facem Web

Cahier des charges. Création de site E-commerce. CONTEXTE DU PROJET NUMERIQUE o Newsletter et e-mailing de fidélisation et prospection o Blog (articles) o ...



CAHIER DES CHARGES - création de site - lAGENCE123 Agence

❏ Création reprise ou refonte d'un site internet. ❏ Création



Enjeux Marketing

Quel est le contexte du projet ? □ Migration ou évolution d'un site marchand existant. □ Création d'un canal de vente supplémentaire. □ Le site marchand est 



Cahier des charges CONCEPTION SITE WEB

Ces précisions sont importantes car elles détermineront la solution technique que nous vous proposerons. Par exemple : si vous souhaitez faire du e-commerce 



Le cahier des charges pour votre projet e-commerce

dans la création de site internet et dans le développement de votre visibilité en ligne. Nos maîtres-mots : réactivité créativité et passionné. Page 3 



La

- "We all are Winos" est une entreprise de vente de vin en ligne actuellement en cours de création. L'enregistrement des statuts pour la création d'une SAS est 



Votre Cahier des charges e-Commerce

Chaque mois mon équipe accompagne plus de 350 nouveaux e-Commerçants dans leur projet de création ou de migration de site e-Commerce.



Cahier des Charges dun Site E-Commerce

Page 1. 20/12/20101. Cahier des Charges d'un Site E-Commerce prestataires en vue de la création d'un site internet marchand. Il est non exhaustif et a ...



Facem Web

Cahier des charges. Création de site E-commerce. CONTEXTE DU PROJET NUMERIQUE. Pourriez-vous décrire en quelques mots l'histoire de votre entreprise ou 



Cahier des Charges – Site Internet

Veuillez nous précisez la nature du site que vous souhaitez : Site vitrine (site internet généralement simple et composé de quelques pages). Site e-commerce 



MODELE CAHIER DES CHARGES DE CREATION DUNE

Je me charge de vous accompagner dans votre projet e-commerce depuis sa Modèle Cahier des charges création d'une application mobile. PAGE 4 SUR 9. A. 2.



Cahier des charges SEO

1 sur 7. Sommaire. Cahier des charges SEO. Check-list pour la création ou la refonte d'un site web CHAPITRE 6 : CAS PARTICULIER DES SITES E-COMMERCE.



CAHIER DES CHARGES

Un site de commerce électronique se compose d'un ensemble de fonctionnalités caractéristiques pouvant être constitué d'applications complexes sur le plan 



contact@eficiens.com - +33.(0)1.84.17.70.20

Site e-commerce destiné à vendre des produits ? charte graphique n'hésitez pas à les inclure le cahier des charges de votre site internet.



Le cahier des charges pour votre projet e-commerce - Webalia

Le cahier des charges pour votre projet e-commerce Version 2022 Un PDF interactif complet pour penser votre projet web dans sa globalité Concepteur de site sur mesure et expert en visibilité webalia





Guide du vendeur e-commerce - economiegouvfr

exigences du commerce électronique (cf infra étape 3) La nature même du site internet entraîne des spécificités en matière de propriété intellectuelle et de fiscalité Choix d’un prestataire Il convient d’être très vigilant lors de la conception du «pack » de création du site La création du site est une étape très



Cahier des Charges : Site e-commerce - Izzorancom

2 Les objectifs du site E-commerce : Notre objectif est de permettre aux internautes de découvrir l'ensemble des produits de [Nom de société] en ligne et de pouvoir les commander à travers un site e-commerce Nous souhaitons : - Exposer un large catalogue de produits - Pouvoir gérer quotidiennement le site (Ajouter ou modifier des



Cahier des charges CONCEPTION SITE WEB - MAJ

CAHIER DES CHARGES CONCEPTION SITE WEB Présentation de la structure Enjeux Objectifs et public visé Spéci?cations techniques du site Contenus & Documents Fournies Inspirations & Charte Graphique Promotion & Suivi Contacts & Pilotage du Projet Annexes p4 p6 p7 p8 p11 p15 p16 p17 p18



le d-ib td-hu va-top mxw-100p>Creation E Commerce - Shopify® Official Website

3 ÉTAPES POUR RÉDIGER LE CAHIER DES CHARGES DE VOTRE SITE E-COMMERCE Déjà + de 10 000 projets e-Commerce réalisés par les experts Oxatis 04 86 26 26 47 Votre Cahier des charges e-Commerce “Le Cahier des charges d’Oxatis nous a permis de gagner un temps précieux et d’accélérer efficacement l’avancée de notre site ”

Comment faire un cahier des charges pour créer un site eCommerce ?

    Dans cette partie du cahier des charges vous allez présenter concrètement votre projet de création de site ecommerce, vos produits et vos services. Vous y exposez également vos objectifs en termes de chiffres d’affaires, de volume de commandes, et de nombre de visites.

Comment Telecharger un cahier des charges pour la réalisation d’un site internet ?

    Modèle Gratuit de Cahier des Charges pour la réalisation d’un site internet. Téléchargez le en un clic ! En renseignant votre adresse email, vous acceptez de recevoir par courrier électronique notre modèle de cahier des charges et vous prenez connaissance de notre Politique de confidentialité .

Pourquoi faire un cahier des charges ?

    La conception du cahier des charges permet souvent de se poser des questions nécessaires, et de poser une vision précise de ce à quoi le projet va ressembler. L’internalisation et l’implication du porteur de projet à chaque instant de la conception de ce document est donc indispensable.

Quels sont les éléments du cahier des charges d’une boutique en ligne ?

    Il faut au moins, dans cette partie du cahier des charges, détailler toutes les fonctions essentielles à votre boutique en ligne, soit : Tous les éléments nécessaires aux comptes utilisateurs de vos clients. Le tunnel de commandes et les modes de paiement.

CCI - Mission TIC Page 1 20/12/20101

Cahier des Charges d"un Site E-Commerce

Ce document vous permet de prendre en compte les points principaux à faire apparaître dans un cahier des charges, lors de la consultation de prestataires en vue de la création d"un site internet marchand.

Il est non exhaustif et a vocation d"exemple.

Faire apparaître les éléments suivants :

Nom de l"entreprise :

Adresse :

Tel : Fax :

Email :

Personne à contacter dans l"entreprise :

CCI - Mission TIC Page 2 20/12/20102

SOMMAIRE

1 PRESENTATION DE L"ENTREPRISE........................................................................................... 3

2 PRESENTATION DU PROJET.......................................................................................................... 3

2.1 ROLES.................................................................................................................................................. 3

2.2 A QUI S"ADRESSE LE SITE.................................................................................................................. 3

2.3 CONTENUS........................................................................................................................................... 3

2.4 ARBORESCENCE................................................................................................................................... 4

3 PRESTATIONS ATTENDUES........................................................................................................... 4

3.1 CHARTE GRAPHIQUE ET CHARTE EDITORIALE................................................................................... 4

3.2 CREATION ET RECUPERATION DE CONTENUS.................................................................................... 4

3.3 DEVELOPPEMENT................................................................................................................................. 5

3.4 MAQUETTE DU SITE............................................................................................................................. 5

3.5 DEPOT DU NOM DE DOMAINE ET ADRESSES MAIL............................................................................. 5

3.6 HEBERGEMENT..................................................................................................................................... 5

3.7 REFERENCEMENT................................................................................................................................. 6

3.8 MISES A JOUR..................................................................................................................................... 6

3.9 STATISTIQUES DE CONNECTIONS......................................................................................................7

3.10 OUTILS SPECIFIQUES E-COMMERCE.................................................................................................. 7

4 LIVRABLES ATTENDUS..................................................................................................................... 8

5 PROPRIETES ET DROITS................................................................................................................. 8

CCI - Mission TIC Page 3 20/12/20103

1 PRESENTATION DE L"ENTREPRISE

- à décrire (activité, marché, vous...)

2 PRESENTATION DU PROJET

- faire connaître l"entreprise, - donner à vos clients des conseils sur vos produits ou services, - générer des contacts de nouveaux prospects. - Vendre en ligne

2.1 Rôles

L"entreprise s"engage à:

- valider le respect du cahier des charges, - veiller au respect des délais, - fournir les contenus de base (textes, plaquettes, logos, images, photos).

Rôle du prestataire :

- réaliser le site internet, - respecter les délais, - Proposer un planning de réalisation en accord avec le client. - Proposer un suivi dans le temps

2.2 A qui s"adresse le site

La cible à toucher

- Les canaux de distribution envisagés

2.3 Contenus

Image (logo), photos et textes sont fournis sur la base de la plaquette existante. - 6 à 8 pages - nombre de photos et images

CCI - Mission TIC Page 4 20/12/20104

2.4 Arborescence

Exemple

Fournir un plan du site tel que ci-dessous :

Nb : veiller à faire apparaitre sur le schéma une éventuelle base de données.

3 PRESTATIONS ATTENDUES

3.1 Charte graphique et charte éditoriale

- Le prestataire proposera 3 chartes graphiques parmi lesquelles le client choisira celle qui convient le mieux à son entreprise.

3.2 Création et récupération de contenus

Le prestataire devra :

- adapter à une présentation web les contenus fournis, - numériser les données qui sont nécessaires, - créer les éléments graphiques (fond de page, boutons, icônes...).

CCI - Mission TIC Page 5 20/12/20105

3.3 Développement

· Le site sera développé sur la base d"un gestionnaire de contenu (CMS) respectueux des standards du W3C. Ainsi les pages générées vrépondront scrupuleusement aux normes des standards utilisés (html, xhtml etc..)

· XHTML 1.0 Strict

· CSS (niveau 1,2 ou 3)

Les langages utilisés pour les développements seront standards. Une documentation technique commentée des codes informatiques sera fournie.

3.4 Maquette du site

Une maquette réalisée avec des liens statiques en HTML pour simuler l"affichage de tous les types de contenus sera présentée au client pour validation.

3.5 Dépôt du nom de domaine et adresses mail

Le ou les noms de domaine seront déposés par le client ou par le prestataire. Le devis doit préciser les montants relatifs au dépôt de domaine (montant annuel), à l"hébergement (montant annuel), à la maintenance (fréquence à définir) et au développement initial. Le nom de domaine doit être la propriété de l"entreprise qui commande le site.

3.6 Hébergement

Le prestataire précisera la nature de l"hébergement : - l"architecture et le débit de son lien avec l"internet, - le service de hot line client, - l"espace disque attribué, - la périodicité des sauvegardes, - délai de rétablissement en cas de coupure de service,

CCI - Mission TIC Page 6 20/12/20106

3.7 Référencement

Le site internet visible par le client et les moteurs de recherches sera optimisé pour le référencement (notamment le référencement naturel sur

Google) :

· Les URL seront constituées de mots-clefs liés au titre de la page (URL Rewriting) · Les tires de page (balise ) seront constituées de mots-clefs différents selon les pages · Un texte alternatif est obligatoire pour chaque image. · Une carte du site " google site map » sera mise à jour régulièrement (minimum une fois tout les deux mois) · Le site sera soumis aux principaux moteurs de recherche et annuaires · La feuille de style utilisée pour le site respectera les standards (exemple : H1, H2, ...) pour que les robots d"indexation puissent estimer l"importance relatives des mots-clefs. · Les site sera compatible avec les normes W3C en fonction du standard de la page (html, xhtml etc..) Modifier ces exigences en fonction de la concurrence sur les groupes de mots clef choisis : Le prestataire s"engage en termes de résultat sur les expressions suivantes : " mot_clef_1 mot_clef_2 mot_clef_3» : Position sur Google après 1 mois : entre page 1 et page 5 Position sur Google après 3 mois : entre page 1 et page 3 Position sur Google après 6 mois : entre page 1 et page 2 Position sur Google après 12 mois : position sur la première page <h4>3.8 Mises à jour</h4> Une formation à l"outil de mise à jour (back-office) sera assurée par le prestataire. Le système de back office doit permettre la mise à jour de l"ensemble du contenu du site. Exemple : mise à jour du référentiel : fiches articles, prix, photos.., mise à jour de la page d"accueil : texte, photos, coordonnées... <h3>CCI - Mission TIC Page 7 20/12/20107</h3> <h4>3.9 Statistiques de connections</h4> Un accès en ligne aux statistiques de fréquentation du site sera fourni et sera accessible dans l"espace d"administration <h3>Celles-ci doivent comprendre :</h3> - nombre de visiteurs uniques, - mots clés tapés par les internautes, - moteurs et annuaires de provenance, - pages d"entrée, - page de sortie, - jours et tranches horaires des visites, - navigateurs utilisés <h4>3.10 Outils spécifiques e-commerce</h4> Les outils suivants seront proposés dans le back-office du site : <h3>· Gestion</h3> o Gestion des paiements et interface avec logiciels comptable (export des données comptable) <h3>· Marketing</h3> o Solution de gestion de newsletter Liste de clients et caractéristiques de ces clients (panier moyen, total achats, nombre de parrainage ...) <h3>Mise en page HTML wysiwyg de la newsletter</h3> Outil de suivi statistique de l"efficacité de la newsletter o Solutions d"offre promotionnelles (couponing) <h3>Offre de bienvenue</h3> <h3>Offre de parrainage</h3> <h3>Points de fidélité</h3> o Mise en avant produit sur la page d"accueil sur les pages d"entrée de catégorie o Vente additionnelles / ventes croisées (exemple : les clients ayant acheté ce produit ont aussi acheté ...) <h3>· Logistique</h3> o Suivi des commandes chez le transporteur Il est important en cas de gros référentiel (+ de 5000 articles ou clients) avec front et back-office, de se pencher sur les aspects techniques du projet. <h3>Exemple</h3> : base sql ? Oracle ? Administration de cette base et des transactions ? Gestion des files d"attentes ? Sauvegarde ? <h3>CCI - Mission TIC Page 8 20/12/20108</h3> <h4>4 LIVRABLES ATTENDUS</h4> Les pièces à livrer par le prestataire internet pendant et après la réalisation du site sont les suivantes : - planning de réalisation avec un engagement sur la date de mise en ligne, - arborescence détaillée du site, - fichiers informatiques source (pages HTML, graphismes, bases de données, programmes...) - documents décrivant le site, son fonctionnement et son hébergement, - version du code HTML utilisée, - version des navigateurs compatibles, - preuves des déclarations (récépissé CNIL), - identifiant et mot de passe pour accéder au serveur. Tous ces livrables peuvent être demandés sur CD-Rom, à jour si nouvelle version. <h4>5 PROPRIETES ET DROITS</h4> Le client est propriétaire de son nom de domaine, de l"ensemble des images, graphismes, icône et autres contenus créés pour le site. Ce contenu fourni sur CD-Rom doit être actualisé en accord avec la version du logiciel utilisé pour son élaboration. <h3>CCI - Mission TIC Page 9 20/12/20109</h3> Afin de vous accompagner dans cette démarche, la CCI de Montpellier met à votre disposition un guide e-tourisme et un guide e-commerce. De nombreux conseils y sont prodigués afin de vous aider à dynamiser votre activité. Par ailleurs, un conseiller expert en TIC au sein de la CCI peut répondre à vos interrogations sur simple rendez-vous, et ce de la réalisation du cahier des charges à la mise en place de projets. Cependant, le fait d"être présent sur le web nécessite des compétences informatiques avancées. Faire appel à des prestataires web peut selon votre structure apparaître comme une réponse plus adaptée. L"annuaire des prestataires web mis à disposition par la CCI de Montpellier, vous aidera à identifier rapidement, près de chez vous, le professionnel dont vous avez besoin. <h3>Contact :</h3> www.montpellier.cci.fr <h3>Tél. 04 99 51 52 00</h3>quotesdbs_dbs7.pdfusesText_13</div> <style> .ahover:hover{ background:#efefef; } </style> <div style="padding:5px; font-size:22px;"> <a href="https://pdfprof.com/PDFV2/Documents1/10059/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] DECLARATION DE CONSTITUTION D'UNE SOCIETE A</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10060/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] comite de coordination du registre du commerce et des - CNGTC</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10062/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] Accéder au dépliant Timbre électronique</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10064/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] Calendrier DSCG M2 2017-2018 - Lycée Le Rebours</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10072/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] AD253 - AD284 - Walter Meier</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10074/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] Feuillet technique Modulens G - De Dietrich Thermique</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10076/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] Feuillet technique CA 430-530 - chaudière, pompe à chaleur</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10077/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] GTU C 120, une nouvelle gamme de chaudières fioul condensation</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10078/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] Tableau de commande DIEMATIC 3 pour chaudières murales gaz à</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10079/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] Notice dutilisation Diematic 3 - De Dietrich Thermique</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10081/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] DTG 1300 EcoNOx Plus / V130 - De Dietrich Thermique Pro</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10082/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] Feuillet technique ELIDENS DTG 130-… EcoNOxPlus - De Dietrich</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10085/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] Commande à distance interactive - CDI2 - De Dietrich Thermique Pro</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10086/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] FD GB - De Dietrich</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/10087/38" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] de dietrich thermique - Siemens PLM Software</a><br/><br/> </div> </div> </div> <div class="left"> <br/> <div style="width:100%;padding:2px;"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1570187411384203" crossorigin="anonymous"></script> <!-- Responsive1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1570187411384203" data-ad-slot="2836242943" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <br/> <br/> <br/> <br/> <div style="background:#efefef;"><br/></div> </div> <div> <style> .exit-intent-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(33, 33, 33, 0.8); transform: translateY(60%) scale(0); transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); } .exit-intent-popup.visible { transform: translateY(0) scale(1); } .newsletter { position: absolute; top: 20%; left: 20%; transform: translate(-20%, -20%); } /* Popup-specific styles */ .newsletter { background: #FFF; padding: 10px; border-radius: 3px; } .close { position: absolute; top: 10px; right: 10px; cursor: pointer; width: 20px; height: 20px; font-size:18px; } </style> <link rel="stylesheet" href="popup.css" /> <div class="exit-intent-popup"> <div class="newsletter"> <span>Nous vous remercions chaleureusement pour votre soutien et votre générosité.</span><br/> <br/> <img src="https://pdfprof.com/PDFV2/6oB.gif" style="max-width:100%;"/> <div style="width:100%;"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://pdfprof.com/PDFV2/Documents1/10058/38/26" rel="nofollow" target="_blank" style="margin-right: 5px; background: #03A9F4; color: white; padding: 1%; font-size:15px; width:46%; ">Share on Facebook</a> <a href="https://api.whatsapp.com/send?text=de+dietrich+thermique+-+Siemens+PLM+Software+Download+From++-+https%3A%2F%2Fpdfprof.com%2FPDFV2%2FDocuments1%2F10058%2F38%2F26" rel="nofollow" target="_blank" style="background: #4CAF50; color: white; padding: 1%; width:48%; font-size:15px;">Share on Whatsapp</a> </div> <br/> <span class="close">x</span> </div> </div> <script> /* const CookieService = { setCookie(name, value, days) { let expires = ''; if (days) { const date = new Date(); date.setTime(date.getTime() + (days * 12 * 60 * 60 * 1000)); expires = '; expires=' + date.toUTCString(); } document.cookie = name + '=' + (value || '') + expires + ';'; }, getCookie(name) { const cookies = document.cookie.split(';'); for (const cookie of cookies) { if (cookie.indexOf(name + '=') > -1) { return cookie.split('=')[1]; } } return null; } }; const exit = e => { const shouldExit = [...e.target.classList].includes('exit-intent-popup') || // user clicks on mask e.target.className === 'close' || // user clicks on the close icon e.keyCode === 27; // user hits escape if (shouldExit) { document.querySelector('.exit-intent-popup').classList.remove('visible'); } }; const mouseEvent = e => { const shouldShowExitIntent = !e.toElement && !e.relatedTarget && e.clientY < 10; if (shouldShowExitIntent) { document.removeEventListener('mouseout', mouseEvent); document.querySelector('.exit-intent-popup').classList.add('visible'); CookieService.setCookie('exitIntentShown', true, 30); } }; if (!CookieService.getCookie('exitIntentShown')) { setTimeout(() => { document.addEventListener('mouseout', mouseEvent); document.addEventListener('keydown', exit); document.querySelector('.exit-intent-popup').addEventListener('click', exit); }, 0); } */ </script> <!-- Trigger/Open The Modal --> <!-- The Modal --> <div> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="closeA">×</span> <style> .downlink{ border:1px solid #aaa;color:white;padding:8px;width:98%;color:white;background:green;display:block; } .downlink:hover{ background:blue; cursor:pointer; } </style> <table style="width:80%;"> <tr style="width:100%;"> <td style="width:50%;"><a href="https://pdfprof.com/PDFV2/ShowLink_1.php?vidt=10058&vt=38&links=https%3A%2F%2Fwww.utica.org.tn%2Fupload%2F1392126295.pdf" class="downlink" target="_blank">PDF Download</a> </td> <td style="width:45%;"><a href="https://pdfprof.com/PDFV2/Documents1/10058/38/27" class="bblinkss"> Next PDF </a> </td></tr> </table> <iframe id="ppifa" frameBorder="0" width="100%" src="https://pdfprof.com/PDFV2/getFrameTestV3.php?links=https://www.utica.org.tn/upload/1392126295.pdf&idt=10058&t=38&view=26&url=https://pdfprof.com/PDFV2/Documents1/10058/38/26" style="width:100%;height:90vh;" ></iframe> <script> /* var iframe = document.getElementById("ppifa"); var srcv=iframe.src; var loadingStatus = false; function abc(){ iframe.onload = function () { loadingStatus = true; console.log('ok is loaded iframe'); } if(loadingStatus==false) { iframe.src=srcv; } } abc(); */ </script> </div> </div> </div> <style> body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 5px; border: 1px solid #888; width: 90%; } /* The Close Button */ .closeA { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; background:red; padding:5px; } .closeA:hover, .closeA:focus { color: #000; text-decoration: none; cursor: pointer; } </style> <script> // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("closeA")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </body> </html>