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 :

Débutant aimerait savoir lier du javascript à un tableau php


Sujet :

jQuery

  1. #21
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2016
    Messages
    275
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2016
    Messages : 275
    Par défaut
    je les réussi a le chargé le jquery se charge mais le problème même si je le charge il m'affiche la même erreur regarde par toi même
    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
    ?>
    <!DOCTYPE>
    <html>
    <head>
    <script src="JqueryTable.js" type="text/javascript" ></script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     <title>Abonnement</title>
     <link rel="stylesheet" type="text/css" href="Bouton.css">
     <link rel="stylesheet" type="text/css" href="Select.css">
    <script type="text/javascript">
    $(document).ready(function() {
        var table = $('#example').DataTable();
     
        $('#example tbody').on( 'click', 'tr', function () {
            if ( $(this).hasClass('selected') ) {
                $(this).removeClass('selected');
            }
            else {
                table.$('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        } );
     
        $('#button').click( function () {
            table.row('.selected').remove().draw( false );
        } );
    } );
    alert (jQuery.fn.jquery) 
     
    </script>
    parcontre la ligne:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     <Script language = type "javascript" = "text / javascript" src = "js / accordéon commune / jquery-3.1.1.min.js"> </ script>
    est dans
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script src="JqueryTable.js" type="text/javascript" ></script>

  2. #22
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 262
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 262
    Par défaut
    Bonjour,
    Citation Envoyé par vinkey_33
    parcontre la ligne:
    <Script language = type "javascript" = "text / javascript" src = "js / accordéon commune / jquery-3.1.1.min.js"> </ script>.
    est dans
    <script src="JqueryTable.js" type="text/javascript" ></script>
    Ta première ligne est pour le moins « curieuse » mais ce qui est important c'est qu'un fichier source javascript ne DOIT CONTENIR QUE DU CODE !

  3. #23
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2016
    Messages
    275
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2016
    Messages : 275
    Par défaut
    Bonjour,
    j'ai soucis sur mon code, il ne fonctionne pas, le principe de mon code est de sélectionné une ligne de mon tableau via la souris. j'ai vérifié avec firebug il y a aucune erreur, voici mon code
    Code html : 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
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    <?php require_once "PDO_connect.php";
     
    $query="SELECT * FROM smartphone.abonnements";
    try{
      $prep = $bdd->prepare($query);
      $prep->execute();
      $resultats = $prep->fetchAll();
      
    }catch(Exception $e){;
      echo "Erreur ! ".$e->getMessage() ;
    }
    ?>
    <!DOCTYPE>
    <html>
    <head>
     <title>Abonnement</title>
     <link rel="stylesheet" type="text/css" href="Select.css">
     <style>
     </style>
     <script type="text/javascript">
    function dataTable()
    $(document).ready(function() {
         var table = $('#example').dataTable();
        $('#example tbody').on( 'click', 'tr', function () {
            if ( $(this).hasClass('selected') ) {
                $(this).removeClass('selected');
            } 
            }
             );
     
        $('.button').click( function () {
            table.row('.selected').remove().draw( false );
        } );
     } ); 
    </script>
    </head>
    <body>
    <center>
      <table id="#example" class="DataTable" >
       <thead>
       <tr>
         <th>Operateur</th>
         <th>SIM</th>
         <th>PUK</th>
         <th>Num ligne</th>
         <th>Volume</th>
         <th>Statut abo</th>
       </tr>    
       </thead><tbody>
       <?php
       echo "<br>";
       if(!empty($resultats)){
       foreach  ($resultats as $row) {
     
         echo "<tr>";
          echo "<td data-name=\"Operateur\">".$row["Operateur"]."</td>";
          echo "<td data-name=\"Num_SIM\">".$row["Num_SIM"]."</td>";
          echo "<td data-name=\"PUK\">".$row["PUK"]."</td>";
          echo "<td data-name=\"Num_ligne\">".$row["Num_ligne"]."</td>";
          echo "<td data-name=\"Volume\">".$row["Volume"]."</td>";
          echo "<td data-name=\"Statut_abo\">".$row["Statut_abo"]."</td>";
          echo "</tr>";
       }
         }else {
       echo "Pas d'enregistrements dans cette table...";
       }
          ?>
          </tbody></table></center>
    </body>
    </html>
    Merci

  4. #24
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 262
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 262
    Par défaut
    j'ai soucis sur mon code, il ne fonctionne pas, le principe de mon code est de sélectionné une ligne de mon tableau via la souris.
    Ca je crois qu'on l'a tous bien compris...mais toi as tu pris le temps de lire/analyser/tester les réponses qui t'ont été faites .!??!.

    j'ai vérifié avec firebug il y a aucune erreur,...
    je ne sais pas pourquoi mais j'ai un gros doute

Discussions similaires

  1. Newb' aimerait savoir ce qu'on peut faire avec javascript
    Par Papy214 dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 29/06/2016, 11h10
  2. variable javascript dans tableau php
    Par zeroara dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 19/12/2009, 15h32
  3. [Débutant] Initialiser zone de texte via un tableau
    Par Theseus dans le forum VB 6 et antérieur
    Réponses: 9
    Dernier message: 27/01/2005, 10h19
  4. [PHP-JS] Remplir un tableau javascript selon un tableau php
    Par jerome38000 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/01/2005, 14h02
  5. [JSP][javascript]lier le javascript et les jsp
    Par deldin dans le forum Servlets/JSP
    Réponses: 7
    Dernier message: 20/08/2004, 11h54

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