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
Logiciel sql - Télécharger - Bases de données
Sql server recovery - Télécharger - Gestion de données
Requête sql pix - Forum Python
Dupliquer une table sql ✓ - Forum Programmation
Sql commence par ✓ - Forum Webmastering

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

SQL Lister les tables d'une base

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

[SQL] manipulation des dates

[SQL]Plusieurs REPLACE sur une colonne