Bootstrap & sql

Fermé

Delphine - 17 oct. 2014 à 02:39
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.

A voir également:

Bootstrap & sql
Récupération serveur sql - Télécharger - Gestion de données
Sql query - Télécharger - Gestion de données
Sql replace plusieurs valeurs - Forum Programmation
Delete cascade sql - Forum Programmation
Sql pix - Forum Python

1 réponse

Réponse 1 / 1

o_edo1 Messages postés 28 Date d'inscription lundi 20 octobre 2014 Statut Membre Dernière intervention 11 juillet 2015 20
29 oct. 2014 à 04:40

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
29 oct. 2014 à 06:50

Bonjour o_edo1

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

Merci.
Bonne journée :)

Delphine
30 oct. 2014 à 10:25

Bonjour,

j'ai essayé et çà marche.

Merci beaucoup.
@+

Discussions similaires

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

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

SQL Lister les tables d'une base

[SQL] manipulation des dates

SQL: soustraction entre 2 champs de 2 requete

Discussions similaires

Newsletters