Bootstrap & sql

Delphine -
Delphine - 30 oct. 2014 à 10:25

Bonjour à tous et toutes,

je suis débutante en programmation avec bootstrap.

Je suis chargée de réalisée une div collapse.
Pour l'instant je sais faire la FAQ en mettant les questions et les réponses en dur dans ma page.

Le problème c'est que je dois faire çà pour plusieurs logiciels et qu'il y a de plus en plus de questions.
Pouvez-vous me dire si c'est possible de remplir les div avec une requête sql.

Je mets ci-dessous un emple de div

<section id="faq">
<div class="section-header">
<div class="container">
<h2><i class="fa fa-question-circle"></i> Frequent Asked Questions CaisseXL</h2>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="panel-group" id="accordion">

<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">
question1
</a>
</h4>
</div>

<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
Reponse
</div>
</div>
</div>

<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" href="#collapseTwo">
question2
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
Réponse
</div>
</div>
</div>

</div>

<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" href="#collapseFive">
Question3
</a>
</h4>
</div>
<div id="collapseFive" class="panel-collapse collapse">
<div class="panel-body">
Reponse
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

Merci d'avance.

Afficher la suite

A voir également:

Bootstrap & sql
Logiciel sql - Télécharger - Bases de données
Requete sql pix - Forum PHP
Additions et multiplication dans des requêtes SQL ✓ - Forum MySQL
Sql query download - Télécharger - Gestion de données
Ora-00933: la commande sql ne se termine pas correctement ✓ - Forum Oracle

1 réponse

Réponse 1 / 1

o_edo1 Messages postés 28 Date d'inscription Statut Membre Dernière intervention 20

Tu dois d'abord récupérer les données depuis la base de données avec une requête. par exemple : "SELECT * FROM FAQ";
Ensuite tu stoque le resultat dans un tableau, par exemple $resultats.
Ensuite tu itére comme ceci (tu déclare un counter pour que le collapse marche, e.g. id différent).
<?php

$resultats = $pdo->query('SELECT * FROM FAQ');
$counter = 0;
while ($faq = $resultats->fetch()){
echo '<div class="panel panel-default"><div class="panel-heading">';
echo '<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" href="#collapse$counter"> '. $faq['question'] .'</a></h4></div></div>';
echo '<div id="collapse$counter" class="panel-collapse collapse">
<div class="panel-body">'.$faq['reponse']."</div></div>";
$counter++;
}
$resultats->closeCursor();
?>

Delphine

Bonjour o_edo1

je vais tester votre solution.
Je vous tiens au courant.

Merci.
Bonne journée :)

Delphine

Bonjour,

j'ai essayé et çà marche.

Merci beaucoup.
@+

Discussions similaires

Qu'est ce qu'un BLOB en SQL ou MySQL?

[PL/SQL] le rôle exact du (+) dans une clause

SQL Lister les tables d'une base

Certification Pix - Python et SQL

Jointure et requête sur 3 tables

Votre réponse

Discussions similaires