IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Utilisation de DataTable


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2014
    Messages
    85
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2014
    Messages : 85
    Par défaut Utilisation de DataTable
    Bonjour,

    je viens vers vous pour un problème qui va surement paraître ridicule pour certains. J'ai découvert le plug-in par hasard et j'ai vu qu'il été fort utile.
    Mon soucis est que j'ai un bon affichage, mais lorsque que je veux trier ou encore rechercher dans le tableau, rien ne se passe ...

    Voici mon code (fichier source) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
     
    <?php
    // On appelle la session
    session_start();
    //include "dhtmlgoodies-tree/dhtmlgoodies_tree.class.php";
    ?>
     
    <!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <?php if ((isset($_GET["dest"]) AND $_GET["dest"]=='affiche_messages')|| !isset($_GET["dest"])){ ?>
    <meta http-equiv="refresh" content="120; URL=index.php?action=affiche_messages">
    <?php } ?>
    <title>MAI - INTRANET</title>
    <link rel="icon" href="favicon.ico" />
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
     
    <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
    <!--Ajout pour partie parc_client-->
    <link rel="stylesheet" type="text/css" href="css/client.css" media="screen" />
     
    <link rel="stylesheet" type="text/css" href="js/jquery-ui-1.11.1.custom/jquery-ui.css">
    <link href="parc_client/fa/css/font-awesome.min.css" rel="stylesheet"> <!-- Font awsome -->
     
    <script type="text/javascript" src="js/ajax.js"></script>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="ckfinder/ckfinder.js"></script>
     
    <!-- Plusieurs module d'un coup, jquery, bootstrap datatable -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/bs-3.3.6/jq-2.2.0,dt-1.10.11,r-2.0.2/datatables.min.css" media="screen"/>
     
    <script type="text/javascript" src="https://cdn.datatables.net/t/bs-3.3.6/jq-2.2.0,dt-1.10.11,r-2.0.2/datatables.min.js"></script>
     
    <script src="js/jquery-ui-1.11.1.custom/jquery-ui.js"></script>
    <script language="javascript" src="js/datepicker-fr.js"></script>
     
    <script type="text/javascript">
    $(document).ready(function() {
        $('#example').dataTable();
    } );
    </script>
     
    <script language="JavaScript" type="text/javascript" src="js/html2xhtml.js"></script>
     
    <script language="JavaScript" type="text/javascript" src="js/verif.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
     
    <!--Ajout pour partie parc_client-->
    <script src="js/dialog.js"></script>
     
     
    </head>
     
    <!-- Reste pas interessant, de la BDD etc ... -->
    </html>
    (fichier appele)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
     
     
    <div class="table-responsive">
    	<table class="table table-striped table-bordered" id="example" cellspacing="0" width="100%">
    		<thead>
    			<tr >
    				<th>Nom</th>
    				<th>Type de matériel</th>
    				<th>Emplacement</th>
    				<th>IP</th>
    				<th>Personnel</th>
    				<th>Logmein</th>
    				<th  width='120px'>Gestion</th>
    			</tr>
    		</thead>
     
    		<?php
                    // récupére la table matériel du client actuel
                    $requete1 = $bdd->query("
                    SELECT *
                    FROM mai_tel.materiel a INNER JOIN mai_tel.marque_materiel b ON
                    b.id_marque_M = a.id_marque_M INNER JOIN
                    mai_tel.type_materiel c ON c.id_type_M = a.id_type_M
                    WHERE numero_du_client = '$id_client' ORDER BY nom_informatique");
                    while ($data1 = $requete1->fetch()) {
                            $id_materiel = $data1['id_materiel'];// ID du materiel courant
                            $id_type_M = $data1['id_type_M'];
                            $id_marque_M = $data1['id_marque_M'];
                            ?>
    			<tbody>
    				<tr>
    					<td ><?php echo $data1['nom_informatique']?></td>
    					<td ><?php echo $data1['libeller_type_M']?></td>
    					<td ><?php echo $data1['emplacement_physique']?></td>
    					<td ><?php echo $data1['adresse_ip']?></td>
    					<td >
    						<?php
                                                    $requete2 = $bdd->query("
                                                    SELECT *
                                                    FROM mai_tel.se_connecte a INNER JOIN mai_tel.utilisateur b ON
                                                    b.id_utilisateur = a.id_utilisateur
                                                    WHERE id_materiel = '$id_materiel'");
                                                    while ($data2 = $requete2->fetch()) {
                                                            echo $data2['nom_personnel'].' '.$data2['prenom_Personnel'].'</br>';
                                                    }
                                                    $requete2->closeCursor();
                                                    ?>
    					</td>
    					<td ><?php echo $data1['login_logmein'].'</br>'.$data1['mot_de_passe_logmein']?></td>
    					</tr>
    					<?php
     
                                    }
                                    $requete1->closeCursor();
                                    ?>
    			</tbody>
    		</table>
    	</div>

    Un grand merci pour vos réponses !
    Cordialement,

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    Breizhcola29, tiens donc, tu serais pas finistérien par hasard ?

    Avec juste « rien ne se passe » comme information, on ne va pas pouvoir t'aider beaucoup. Notamment, le cœur du problème a priori c'est cet élément #example mais on ne voit même pas son code HTML. Fais Ctrl+U sur ta page pour voir le HTML généré et copie la partie intéressante pour nous la montrer.

    Et si tu nous disais si tu as des messages d'erreur, si tu as essayé des trucs avec la console F12, quelle API tu utilises pour communiquer avec ta base de données (mysql, mysqli, PDO ou autre), etc. ?

    As-tu vérifié (par exemple avec PHPMyAdmin) que tes requêtes SQL renvoient le résultat attendu ? Sais-tu comment faire apparaître toutes les erreurs PHP et SQL*?
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2014
    Messages
    85
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2014
    Messages : 85
    Par défaut
    Merci de ta réponse. En faite je dois reprendre le travail de quelqu'un d'autre et le le rendre plus joli. Il n'y a pas de soucis concernant les renvois de la base de données (sa fonctionne).
    Concernant le "rien ne se passe", par exemple si je clic sur une icône de trie , rien ne se passe. Idem pour la recherche par texte, rien ne se passe.
    Pour le code html , j'ai mis dans mon premier post, le code de example mais c'est autre chose que tu demandes ?

    Cordialement,

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Personnellement je vois du code php.. pas du html source ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2014
    Messages
    85
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2014
    Messages : 85
    Par défaut
    Voila, je l'ai mis en fichier, plus simple.

    Merci encore et bon courage pour décrypter ^^
    Fichiers attachés Fichiers attachés

  6. #6
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    As-tu regardé ta console JavaScript*? D'après la doc de DataTable, tu devrais au moins avoir un warning.
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 09/06/2010, 14h11
  2. Réponses: 2
    Dernier message: 18/05/2010, 11h31
  3. Réponses: 0
    Dernier message: 27/04/2010, 16h40
  4. Réponses: 5
    Dernier message: 12/02/2010, 17h22
  5. utilisation du DataTable.Select
    Par wagga39 dans le forum VB.NET
    Réponses: 1
    Dernier message: 14/08/2008, 22h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo