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

AJAX Discussion :

Affichage donnée switch box


Sujet :

AJAX

  1. #1
    Membre à l'essai
    Homme Profil pro
    QA
    Inscrit en
    Septembre 2022
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : QA

    Informations forums :
    Inscription : Septembre 2022
    Messages : 22
    Points : 13
    Points
    13
    Par défaut Affichage donnée switch box
    Bonjour,

    J'ai un switch box (ON/OFF) et j'aimerais afficher les données en fonction que le switch est à ON ou à OFF tout ça tant qu'il y a des données dans la BD.

    Présentement mon switch affiche ou non un DIV, mais seulement de ma première ligne de Bd.

    Voici mon code:

    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
    //Acces BD
    <?php
    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    $sql = "SELECT * FROM table";
    $result = $conn->query($sql);
    while($row = mysqli_fetch_array($result))
    { ?>
    <?php echo '<div id="'.$row["urlName"].'content">'; ?>
    // Div à afficher ou non
    <div id="description1" style="display:none"><?php echo '<p>'.$row["description1"].'</p>'; ?></div>
    <div id="description2" style="display:block"><?php echo '<p>'.$row["description2"].'</p>'; ?></div>
    // Switch Box
    <label class="switch">
    <input type="checkbox" onclick="change()">
    <span class="slider round">
    <h1 id="light-text" style="display:none">ON</h1>
    <h1 id="on" style="position:relative;left:-85px;bottom: 25px;font-size:18px;">On</h1>
    <h1 id="off" style="position:relative;left:70px;bottom: 65px;font-size:18px;">OFF</h1>
    </span>
    </label>
    // Code Javascript
    <script>
    function change() {
    var x = document.getElementById("light-text");
    var description1 = document.getElementById("description1");
    var description2= document.getElementById("description2");
    if (x.innerHTML === "ON") {
    x.innerHTML = "OFF";
    description1.style.display = "block";
    description2.style.display = "none";
    } else {
    x.innerHTML = "ON";
    description1.style.display = "none";
    description2.style.display = "block";
    }
    }
    </script>
    <?php }
    $conn->close();
    ?>
    Qui serait en mesure de me donner, ou m'aiguiller, vers une solution?

    Merci

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 957
    Points : 44 119
    Points
    44 119
    Par défaut
    Bonjour,
    mais seulement de ma première ligne de Bd.
    regarde le code HTML généré, Ctrl +U, et vérifie si tes IDs sont UNIQUES.

Discussions similaires

  1. Affichage donnée switch box
    Par eiffel-mtl dans le forum Langage
    Réponses: 5
    Dernier message: 04/10/2022, 09h01
  2. [SQL] Moteur de recherche problème affichage donnée dans select
    Par vincedjs dans le forum PHP & Base de données
    Réponses: 9
    Dernier message: 07/04/2006, 20h27
  3. [SQL-Server] Pb affichage données dans tableau
    Par steve o'steen dans le forum PHP & Base de données
    Réponses: 6
    Dernier message: 14/03/2006, 09h29
  4. [débutant] problème affichage données table ds TDBGrid
    Par lidouka dans le forum Composants VCL
    Réponses: 1
    Dernier message: 16/12/2005, 13h50
  5. Affichage Données avec Espace ds Zone Texte
    Par dai.kaioh dans le forum ASP
    Réponses: 2
    Dernier message: 22/02/2005, 16h43

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