Sujet Précédent Sujet Suivant

Plugin datatables

PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 - 31 janv. 2024 à 11:34
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 - 2 févr. 2024 à 10:54

Bonjour,

j'essaye de mettre en place le bouton d'export en excel, mais cela ne fonctionne pas. 

qu'est ce que j'oublie ? 

head : 

<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>
<link href="datatables.min.css" rel="stylesheet" />
<link href="datatables.css" rel="stylesheet" />
<script src="datatables.js"></script>
<script src="datatables.min.js"></script>
<script src="buttons.print.min.js"></script>
<script src="buttons.print.js"></script>
<script src="jszip.js"></script>
<script src="jszip.min.js"></script>
<script src="buttons.html5.js"></script>

fin du body : 

<script>
$(document).ready( function () {
    $('#myTable').DataTable();
} );
</script>

<script>
$('#myTable').DataTable( {
    buttons: [
        {
            extend: 'excel',
            text: 'Save current page',
            exportOptions: {
                modifier: {
                    page: 'current'
                }
            }
        }
    ]
} );
</script>

html :

<table id='myTable'class="table table-striped display dataTable">
      <thead>
            <tr>
                  <th>ID</th>
                  <th>NOM</th>
                  <th>PRENOM</th>
                  <th>DATE</th>
                  <th>ACTIVITE</th>
                  <th>SOCIETE</th>
                  <th>EMAIL</th>
                  <th>CP</th>
                  <th>DEPARTEMENT</th>
                  <th>TELEPHONE</th>
                  <th>MESSAGE</th>
            </tr>
      </thead>
      <tbody>
            <?php foreach ($orders as $order) : ?>
                  <tr>
                        <td><?= $order["ID"] ?></td>
                        <td><?= $order["Nom"] ?></td>
                        <td><?= $order["Prénom"] ?></td>
                        <td><?= $order["dateinscription"] ?></td>
                        <td><?= $order["Travaux"] ?></td>
                        <td><?= $order["Provenance"] ?></td>
                        <td><?= $order["Email"] ?></td>
                        <td><?= $order["CodePostal"] ?></td>
                        <td><?= $order["Departement"] ?></td>
                        <td><?= $order["Téléphone"] ?></td>
                        <td><?= substr($order["Message"] ,0, 250)?></td>
                  </tr>
            <?php endforeach ?>
      </tbody>
<button class="boutons.boutons.texte" type="button">Export</button>
</table>

le bouton s'affiche mais pas d'export quand je clique.

Merci

J

17 réponses

Réponse 1 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 10:07

Bonjour @tous,

Est ce que quelqu'un utilise les pluging datatables?

merci d'avance pour votre aide précieuse! 

J
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 10:15

Oui .. moi.

NB : Venir "relancer" ta question la rend beaucoup moins visible sur le forum. En effet, certains d'entre nous, n'intervenons en priorité que sur les discussions n'ayant reçu aucune réponse...  c'est par "chance" que je suis tombé sur celle la..

0
Réponse 2 / 17
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 10:22

En ce qui concerne ton souci.

Des extraits de codes par ci par là ne facilitent pas la recherche du souci...

De plus, lorsque tu as des soucis javascript, prends l'habitude d'ouvrir la console javascript de ton navigateur et de vérifier si tu n'y vois pas des messages d'erreur.. (et nous en faire une capture écran ça peut aider ! )

Là comme ça,  je pense qu'il faut placer ton code dans le document ready...

comme ceci:

<script>
// Attend que la page soit fini de charger
$(document).ready( function () {
  //  $('#myTable').DataTable(); // Inutile vu que tu la remets juste en dessous

  
  //Initialisation du plugin datatable avec le passage d'options
  $('#myTable').DataTable( {
    buttons: [
        {
          extend: 'excel',
          text: 'Save current page',
          exportOptions: {
             modifier: {
               page: 'current'
             }
          }
        }
    ]
  });

//Fin du domcument ready
});
</script>

Côté html .. attention au chargement des librairies ...

Tu as chargé à la fois  le fichier minimifié ( les  xxx.min.js ) et le plugin non minimifié ( les xxx.js )

N'en charge qu'un seul !!

Tu as également chargé depuis le CDN  ..  et  en "local" sur ton site ...  ( là aussi . n'en garde qu'un seul type ! )
0
Réponse 3 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 10:23

bonjour @jordane45 StatutModérateur,

Ah désolé pour la relance je ne savais pas .

Sauriez vous ce que j'ai mal fait pour mon bouton d'export ?

Merci 

J
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 10:23

Voir mon message précédent :-)

0
Réponse 4 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 10:39

alors côté console c'est le feu d'artifice du 14 juillet !! 

et le javascript c'est pas du tout mon truc !

pour les librairies j'en ai retiré est ce suffisant?

<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
<link rel="stylesheet" https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css" />
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>

<link href="datatables.css" rel="stylesheet" />
<script src="datatables.js"></script>


<script src="buttons.print.js"></script>
<script src="jszip.js"></script>

<script src="buttons.html5.js"></script>

A li fin du body j'ai remis uniquement ce que vous m'avez donné :

<script>

$(document).ready( function () {
   
  $('#myTable').DataTable( {
    buttons: [
        {
          extend: 'excel',
          text: 'Save current page',
          exportOptions: {
             modifier: {
               page: 'current'
             }
          }
        }
    ]
  });


});
</script>

hélas rien ne se passe mais je suppose que cela est dû à mes erreurs javascript!

merci 

J
0

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

Posez votre question
Réponse 5 / 17
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 10:46

visiblement tu as enlevé la lib jquery
0
Réponse 6 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 10:53

alors j'ai pas du la mettre tout court car en remettant tout ce que j'ai supprimé cel ne donne pas mieux 

j'essaye de voir si je trouve le lien quelque part.

J
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 11:02

Si datatable a déjà fonctionné .. c'est que tu l'avais mis au départ..

Quoi qu'il en soit, tu peux utiliser ceci : 

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

NB: A placer  AVANT le chargement des librairies DATATABLES

0
Réponse 7 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 11:13

merci il y a déjà beaucoup d'erreur.

je n'avais pas mis ce lien - et pourtant la pagination et le trie sur les colonnes fonctionnait.

j'ai bien mis le lien avant tout :

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
<link rel="stylesheet" https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css" />
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<link href="datatables.min.css" rel="stylesheet" />
<script src="datatables.min.js"></script>
<script src="buttons.print.min.js"></script>
<script src="jszip.min.js"></script>
<script src="buttons.html5.js"></script>

du coup j'espère avoir enlevé tous les doublons.

mais cela ne fonctionne pas

merci 

J
0
Réponse 8 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 11:27

Apparemment c'est un problème de cookies ?
0
Réponse 9 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 11:52

j'ai autorisé les cookies sur cette page. 

il ne me reste que 3 erreurs mais qui sont apparemment fatales puisque je ne peux pas télécharger mon tableau
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 13:50

peux tu nous coller le code source généré de ta page (en faisant ctrl+u lorsqu'elle est affichée)

0
Réponse 10 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 14:04

le voici . pour des raisons de confidentialités j'ai supprimer les contacts qui étaient enregistrés 

<!DOCTYPE html>
<html lang="fr">
   <head>
        <meta charset="utf-8" >
        <link rel="shortcut icon" type="image/webp" href="wa_res/icons/logos-sapa(1).webp">
        <title>TOUS LES CONTACTS</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" >

        <meta name="description" content="" >
        <meta name="robots" content="noindex,nofollow">
        <meta name="generator" content="WebAcappellaFusion 1.15.5 PRO" >
        <meta name="format-detection" content="telephone=no">


        <link rel="stylesheet" href="wa_res/static/wafusion.min.css?t=f851b6ec9bbe7622088629b01844386f" >
        <link rel="stylesheet" href="wa_res/generated/global.css?t=3a07cf1b_20e5_4c27_8a18_9e60003dd417" >
        <link rel="stylesheet" href="wa_res/pages/5c4c38a6_daf4_444b_b3da_1312ed34ec3f/page_fr.css?t=7ddba8ac_a6e1_411f_bb8b_4d6df8de673f_7829c61a_ab22_4a27_84d6_4c13fc0ad584" >

        <link rel="stylesheet" href="wa_res/static/fa/v6/css/all.min.css?nocache=f851b6ec9bbe7622088629b01844386f" >


        <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<link href="https://cdn.datatables.net/v/dt/jszip-3.10.1/b-2.4.2/b-html5-2.4.2/datatables.min.css" rel="stylesheet">
 <script src="https://cdn.datatables.net/v/dt/jszip-3.10.1/b-2.4.2/b-html5-2.4.2/datatables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
<link rel="stylesheet" https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css" />
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<link href="datatables.min.css" rel="stylesheet" />
<script src="datatables.min.js"></script>
<script src="buttons.print.min.js"></script>
<script src="jszip.min.js"></script>
<script src="buttons.html5.js"></script>



<meta name="google-site-verification" content="WFdiFhVZCq8DPHxPd9GmemFg9SerxvQo5xmaKX6OQ3Y" />

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WEVT5785BZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-WEVT5785BZ');
</script>

<!-- BEGIN POPUP STYLE--> <style> .k-advertising { display:none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ overflow: auto; z-index: 20; } .k-advertising-content { position: relative; margin-left: auto; margin-right: auto; text-align: center; max-width: 700px; } .k-advertising-img { width: 700px; } /* Text effect */ .k-advertising-text { background-color: #FFF; padding: 15px; font-family: 'Ropa Sans'; } @media (max-width: 700px) { .k-advertising-content { position: relative; margin-top: 15%; margin-left: auto; margin-right: auto; text-align: center; width: 100%; } .k-advertising-img { width: 100%; } k-advertising-text { width: 100%; } } /* The Close Button */ .k-advertising-close { color: #FFF; position: absolute; top: 0; right: 0; font-size: 30px; line-height: 30px; font-weight: bold; margin-right: 10px; background-color: #000; margin-top: 10px; display: block; width: 35px; height: 35px; } .k-advertising-close:hover, .k-advertising-close:focus { text-decoration: none; cursor: pointer; } </style> <!-- END POPUP STYLE-->



        <script>
            var WaComponentContext = {};
            var WaPageContext = {};
            var WaContext = {};
            WaContext.app_version="1.15.5";
            WaContext.app_revision="97758c579#2aa4db5";

            WaPageContext.wa_relative_res_path="";

            WaContext.preview=false;
            WaContext.preview_liveupdate_filename="waf_liveupdate_preview.json";
            WaContext.preview_liveupdate_id="{97985693-3c9f-4874-bd49-a03d9bfb4d37}";



            WaContext.is_php=true;

            WaPageContext.modified="2024.02.01 11:36";
            WaPageContext.generated="2024.02.01 11:37";

            WaPageContext.lang="fr";
            WaPageContext.lang_key="fr";
            WaPageContext.page_uuid="5c4c38a6_daf4_444b_b3da_1312ed34ec3f";

            WaContext.has_feature_shop=true;
            WaContext.is_shop_page=false;
            WaPageContext.shop_cgv_url="";
            WaPageContext.shop_cgv_url_target="";
            WaPageContext.shop_anchor_links="#washop-anchor-top";

            document.m_wa_ext_galleries = [];
        </script>
        <style>

            :root {
            --CC_DOMINANT_COLOR: #f97320;

            --CC_DOMINANT_COLOR_INVERSE: #ffffff;

            --CC_COLOR_TEXT_MAIN: #3d3d3d;
            --CC_COLOR_TEXT_CLAIR: #7a7a7a;
            --CC_COLOR_TEXT_FONCEE: #000000;

            --CC_DOMINANT_COLOR_DARK: #db621d;

            --CC_COLOR_BACKGROUND: #ffffff;
            --CC_BG_LEVEL2: #f6f6f6;

            }

        </style>
   </head>
   <body style="font-size:100%;" >
      <noscript>
         Your browser does not support JavaScript!
      </noscript>







<div class="waBlockSocialBar float-sm">
    <a href="https://www.facebook.com/SAPAtraitement/" target="_blank" class="fl-fl float-fb_0">
        <i class="waFa fab fa-facebook" aria-hidden="true"></i><span class="waText">Facebook</span>
    </a>
    <a href="https://twitter.com/sapawebmaster" target="_blank" class="fl-fl float-fb_1">
        <i class="waFa fab fa-twitter" aria-hidden="true"></i><span class="waText">Twitter</span>
    </a>
    <a href="https://www.pinterest.fr/webmastersapa/" target="_blank" class="fl-fl float-fb_2">
        <i class="waFa fab fa-pinterest" aria-hidden="true"></i><span class="waText">Pinterest</span>
    </a>
    <a href="https://www.linkedin.com/company/sapa-traitement/mycompany/" target="_blank" class="fl-fl float-fb_3">
        <i class="waFa fab fa-linkedin" aria-hidden="true"></i><span class="waText">Linkedin</span>
    </a>
    <a href="https://www.youtube.com/channel/UCIH-iZM4hzejLCUSVlSbxnQ" target="_blank" class="fl-fl float-fb_4">
        <i class="waFa fab fa-youtube" aria-hidden="true"></i><span class="waText">Youtube</span>
    </a>
</div>



<div id="anchor-top"></div>



    <div style='width:100%;' class='comp_0'>
        <div class="blockcomp-0-comp_0 container-fluid p-0 wa-box wa-box-fluid ">
    <div class="innerBox ">
    <div class="row blockcomp-0-comp_1"  >
        <div class="blockcomp-0-comp_2  col-lg-10 offset-lg-0 col-md-10 offset-md-0 col-sm-12 offset-sm-0 col-12 offset-0 d-flex ">
            <div class="wa_inner_col">
                <div class="wa_inner_col2">
                    <div class='wa-comp blockcomp-0-comp_3 ' data-comp-unid="blockcomp-0-comp_3">
                        <p class="wa-txt-par wa-last-par " ><a href="https://www.societe.com/societe/societe-d-etudes-sapa-333321479.html" target="_blank"  >SAPA</a> - SOCIETE D ETUDES SAPA - SIRET siège: 33332147900243 - 25 Rue de l'Industrie, 17700 Saint-Georges-du-Bois<br>APPEL GRATUIT : <a href="tel:0800 008 936"  >0800 008 936 </a>- <a href="mailto:***@***"  >***@***</a> - HORAIRES: 8h - 12h I 13h - 18h et le vendredi 8h - 12h I 13h - 16h - <a href="devis-traitement.php"  >Devis gratuit</a> - Entreprise certifiée</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="JUMP w-100 d-block d-md-none "></div>
        <div class="blockcomp-0-comp_4  col-lg-2 offset-lg-0 col-md-2 offset-md-0 col-sm-12 offset-sm-0 col-12 offset-0 d-flex ">
            <div class="wa_inner_col">
                <div class="wa_inner_col2">
                    <div class='wa-comp blockcomp-0-comp_5 ' data-comp-unid="blockcomp-0-comp_5">
                        <a href="https://www.groupe-sapa.fr/recrutement.html#anchor-emploi" target="_blank"  class="wa-btn-lnk"   >
                        <div title="Nous recrutons" class="wa-btn wa-btn-rounded wa-btn-text-only"><span class='wa-btn-txt'>Nous recrutons</span></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>

    </div>
    <div style='width:100%;' class='comp_1'>
        <div class="blockcomp-1-comp_0 container-fluid p-0 wa-box wa-box-fluid ">
    <div class="innerBox ">
    <div class="row blockcomp-1-comp_1"  >
        <div class="blockcomp-1-comp_2  col-lg-4 offset-lg-1 col-md-4 offset-md-1 col-sm-4 offset-sm-1 col-12 offset-0 d-flex ">
            <div class="wa_inner_col">
                <div class="wa_inner_col2">
                    <div class='wa-comp blockcomp-1-comp_3 ' data-comp-unid="blockcomp-1-comp_3">
                        <a href="index.html"  class="wa-image-wrap"   title="Sapa-traitement-termites-bois-charpente" >
                                <img  alt="Sapa-traitement-termites-bois-charpente"  loading="lazy"   src="wa_res/images/normal/sapa-traitement.webp?t=" class="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="JUMP w-100 d-block d-sm-none "></div>
        <div class="blockcomp-1-comp_4 d-none d-sm-block col-lg-4 offset-lg-2 col-md-4 offset-md-3 col-sm-4 offset-sm-3 d-flex ">
            <div class="wa_inner_col">
                <div class="wa_inner_col2">
                    <div class='wa-comp blockcomp-1-comp_5 ' data-comp-unid="blockcomp-1-comp_5">
                        <a href="tel:+0800008936"  class="wa-image-wrap"   title="SAPA Traitement Termites" >
                                <img  alt="Telephone SAPA Traitement Termites"  loading="lazy"   src="wa_res/images/normal/numero-vert-sapa_(1).webp?t=" class="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>

    </div>
<div class="comp_2 container-fluid p-0 wa-box wa-box-fluid ">
    <div class="innerBox ">
    <div class="row comp_3"  >
        <div class="comp_4  col-lg-2 offset-lg-3 col-md-2 offset-md-0 col-sm-2 offset-sm-0 col-2 offset-0 d-flex ">
            <div class="wa_inner_col">
                <div class="wa_inner_col2">
                    <div class='wa-comp comp_5 ' data-comp-unid="comp_5">
                        <div>
                              <p style="font-family: Arial; font-size: 60px; font-weight: bold; align-self: center; color: black;">471                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="comp_6  col-lg-6 offset-lg-0 col-md-6 offset-md-4 col-sm-6 offset-sm-4 col-6 offset-4 d-flex ">
            <div class="wa_inner_col">
                <div class="wa_inner_col2">
                    <div class='wa-comp comp_7 ' data-comp-unid="comp_7">
                        <p class="wa-txt-par wa-last-par " ><b>CONTACTS 2024</b></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row comp_8"  >
        <div class="comp_9  col-lg-12 offset-lg-0 col-md-10 offset-md-1 col-sm-10 offset-sm-1 col-10 offset-1 d-flex ">
            <div class="wa_inner_col">
                <div class="wa_inner_col2">
                    <div class='wa-comp comp_10 ' data-comp-unid="comp_10">
                        <table width="100%" border="1" cellspacing="1" cellpadding="5">
                              <thead>
                                    <tr>
                                          <th>Janvier</th>
                                          <th>Février</th>
                                          <th>Mars</th>
                                          <th>Avril</th>
                                          <th>Mai</th>
                                          <th>Juin</th>
                                          <th>Juillet</th>
                                          <th>Août</th>
                                          <th>Septembre</th>
                                          <th>Octobre</th>
                                          <th>Novembre</th>
                                          <th>Décembre</th>
                                          <th>Total</th>
                                    </tr>
                              </thead>
                              <tbody>
                                    <tr>
                                          <td>468</td>
                                          <td>3</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>0</td>
                                          <td>471</td>
                                    </tr>
                              </tbody>
                        
                        </table>
                    </div>
                    <div class='wa-comp comp_11 ' data-comp-unid="comp_11">
                        <table id='myTable'class="table table-striped display dataTable">
                              <thead>
                                    <tr>
                                          <th>ID</th>
                                          <th>NOM</th>
                                          <th>PRENOM</th>
                                          <th>DATE</th>
                                          <th>ACTIVITE</th>
                                          <th>SOCIETE</th>
                                          <th>EMAIL</th>
                                          <th>CP</th>
                                          <th>DEPARTEMENT</th>
                                          <th>TELEPHONE</th>
                                          <th>MESSAGE</th>
                                    </tr>
                              </thead>
                              <tbody>
                                                                              <tr>
   
                                          </tr>
                                                                  </tbody>
                        <button class="boutons.boutons.texte" type="button">Export</button>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>


    <div class="waScrollToTopBtn"><div></div></div>

    <script src="wa_res/generated/global.js?t=3a07cf1b_20e5_4c27_8a18_9e60003dd417"></script>
    <script src="wa_res/static/wafusion1.min.js?t=f851b6ec9bbe7622088629b01844386f"></script>

    <script>
 
        

        WaFtSearchGui.init({
    "hash_database": "b25eb3ef_b1eb_49c0_b68a_31b74429db15",
    "hash_js": "f851b6ec9bbe7622088629b01844386f",
    "js_worker": "wa_res/static/waDynSearch.js",
    "json_index": "../generated/waSearchFullText_fr.js"
}
);
WashopSearchGui.init({
    "hash_database": "b25eb3ef_b1eb_49c0_b68a_31b74429db15",
    "hash_js": "f851b6ec9bbe7622088629b01844386f",
    "js_worker": "wa_res/static/waDynShopSearch.js",
    "json_index": "../../wa_shop/datas/www/search/search_fr.js"
}
);


        

            WaBootstrapHelper.bindTooltips();
   </script>

   <script>

$(document).ready( function () {
   
  $('#myTable').DataTable( {
    buttons: [
        {
          extend: 'excel',
          text: 'Save current page',
          exportOptions: {
             modifier: {
               page: 'current'
             }
          }
        }
    ]
  });


});
</script>
<script> function openPage(pageName,elmnt,color) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < tablinks.length; i++) { tablinks[i].style.backgroundColor = ""; } document.getElementById(pageName).style.display = "block"; elmnt.style.backgroundColor = color; } document.getElementById("defaultOpen").click(); </script>
<!-- BEGIN POPUP --> <script> var showed = sessionStorage.getItem('popup'); if(showed != 'true'){ document.getElementsByClassName("k-advertising")[0].style.display = "block"; } function closeAdvertising(){ sessionStorage.setItem('popup', 'true'); document.getElementsByClassName("k-advertising")[0].style.display = "none"; } </script> <!-- END POPUP -->

        <script>
            wa_bind_animate();
        </script>
   </body>
</html>

merci

J
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
Modifié le 1 févr. 2024 à 14:34

ligne 26.. erreur.. tu as oublié la balise href

0
Réponse 11 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 14:29

c'est une curiosité cela deux fois que je poste mon code et qu'il disparait ! 

je retente !
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 14:32

j'ai remis

0
Réponse 12 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
Modifié le 1 févr. 2024 à 15:17

j'ai corrigé

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/v/dt/jszip-3.10.1/b-2.4.2/b-html5-2.4.2/datatables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="datatables.min.js"></script>
<script src="buttons.print.min.js"></script>
<script src="jszip.min.js"></script>
<script src="buttons.html5.js"></script>
<link href="https://cdn.datatables.net/v/dt/jszip-3.10.1/b-2.4.2/b-html5-2.4.2/datatables.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
<link rel="stylesheet" href='https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css" />
<link href="datatables.min.css" rel="stylesheet" />

du coup je n'ai plus le trie sur mes colonnes et l'export ne fonctionne pas - 

:(

J
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 15:17

et dans la console ? encore des messages ?

0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 15:18

ligne 11... mauvaise quote..

0
Réponse 13 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 15:24

effectivement merci - j'ai retrouvé mon trie par colonne.

pour les erreurs j'ai les mêmes que tout à l'heure :
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
1 févr. 2024 à 16:22

Tu cliques sur le lien au bout de la ligne et tu regardes ce qui ne va pas.

0
Réponse 14 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
1 févr. 2024 à 16:30

Effectivement j'ai bien fait ça dans l'après midi car je ne désespère pas de trouver la solution.

la première ligne amène ici : 

la seconde et la troisième ici : 

mais je n'arrive pas à trouver sur internet comment réparer.

J
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
Modifié le 1 févr. 2024 à 22:31

Déjà,  il semble que les scripts que tu as essayé de mettre en dessous du code du datatable contienne des erreurs...

Pour l'instant, tu devrais les virer le temps que ton datatable fonctionne comme tu le souhaites. Tu pourras ensuite essayer de les corriger et ouvrir, si besoin, une question propre à ce sujet sur le forum.

Et pour ce qui est du bouton d'export en excel, je t'invite à prendre l'exemple de la documentation : https://datatables.net/extensions/buttons/examples/html5/simple.html

NB: Attention à bien respecter la structure du code html, de charger les bons plugins ...

0
Réponse 15 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
2 févr. 2024 à 08:05

Bonjour @jordane45 StatutModérateur,

merci de votre temps. j'ai viré le script d'export et le bouton HTML. 

j'ai remis d'après la documentation les fichier le bouton et le script mais cela donne la même chose . 

comme je suis dans un éditeur (webaccapella), je vais voir avec le forum si cela est compatible. 

comme le trie des colonne fonctionne, je suppose que oui mais je vais poser la question.

merci encore.

bonne journée 

J
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
2 févr. 2024 à 08:54

Il faut que tu testes tes pages directement dans ton navigateur internet et non dans webacapella.

Tu remarqueras au passage que tes messages d'erreur ne sont pas les mêmes que ceux que je t'ai montré ( et que j'ai eu en allant directement sur ton site)

0
Réponse 16 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
2 févr. 2024 à 09:18

je teste bien dans le navigateur, je publie systématiquement, car effectivement en test le php n'est pas pris en compte. 

Comment est ce possible que nous n'ayons pas les même erreurs ?
0
jordane45 Messages postés 38182 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 mai 2024 4 670
2 févr. 2024 à 10:18

Ca vient du navigateur utilisé.

Tu sembles utiliser chrome, et moi firefox.

Je constate au passage que tu as remodifié ton code js pour charger ton datatable mais que tu as laissé le JS qui se trouve après (celui de ton onepage qui contient des erreurs)

Et... au niveau du chargement de tes JS ... tu as encore des trucs bizarres.. chargés en double et pas forcément dans le bon ordre..

Du ménage s'impose dans les lignes

<script src="https://cdn.datatables.net/v/dt/jszip-3.10.1/b-2.4.2/b-html5-2.4.2/datatables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="datatables.min.js"></script>
<script src="buttons.print.min.js"></script>
<script src="jszip.min.js"></script>
<script src="buttons.html5.js"></script>

Soit tu passes par les CDN .....  soit tu charges les scripts que tu as download sur ton site...

Je rappelle qu'il faut charger dans l'ordre :

jquery

datatable

les autres plugins datatable : button et print

0
Réponse 17 / 17
PJ47 Messages postés 77 Date d'inscription jeudi 2 mars 2023 Statut Membre Dernière intervention 27 février 2024 1
2 févr. 2024 à 10:54

je viens d'essayer de faire du ménage : 

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
<script src="jszip.min.js"></script>

<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.js"></script>
<script src="https://cdn.datatables.net/v/dt/jszip-3.10.1/b-2.4.2/b-html5-2.4.2/datatables.min.js"></script>
<link href="https://cdn.datatables.net/v/dt/jszip-3.10.1/b-2.4.2/b-html5-2.4.2/datatables.min.css" rel="stylesheet">
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css" />

j'espère avoir tout garder !! 

je ne sais pas comment je pourrais corriger des erreurs dans des fichiers qui ne sont pas à moi et que je prend directement en ligne-

J
0