Tijden veranderen
Overzicht artikelen met bootstrap en sql
Code (php)
1
2
3
4
5
2
3
4
5
<div class="row">
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
</div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
</div>
En dan komt de volgende regel. Alleen weet ik niet goed hoe hij na drie producten de regel sluit met [/div] en dan opnieuw begint.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
while ($row3 = mysql_fetch_array($resultaat3))
echo '<div class="row">';
{
echo '<div class="col-md-4">'.$row3['product_titel'].'</div>';
}
</div>
echo '<div class="row">';
{
echo '<div class="col-md-4">'.$row3['product_titel'].'</div>';
}
</div>
Code (php)
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
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
<?php
$currentResult = 1;
$printOpeningTag = true;
while ($row3 = mysql_fetch_array($resultaat3)) {
// start of block?
if ($printOpeningTag) {
?><div class="row"><?php
$printOpeningTag = false;
}
// print current item
?><div class="col-md-4"><?php echo $row3['product_titel'] ?></div><?php
// end of block?
if ($currentResult % 3 == 0) {
// close block
?></div><?php
// if we have more results, a new block will be opened in the next while iteration
$printOpeningTag = true;
}
$currentResult++;
}
// close block (happens if number of results is not a multiple of 3)
if ($printOpeningTag === false) {
?></div><?php
}
?>
$currentResult = 1;
$printOpeningTag = true;
while ($row3 = mysql_fetch_array($resultaat3)) {
// start of block?
if ($printOpeningTag) {
?><div class="row"><?php
$printOpeningTag = false;
}
// print current item
?><div class="col-md-4"><?php echo $row3['product_titel'] ?></div><?php
// end of block?
if ($currentResult % 3 == 0) {
// close block
?></div><?php
// if we have more results, a new block will be opened in the next while iteration
$printOpeningTag = true;
}
$currentResult++;
}
// close block (happens if number of results is not a multiple of 3)
if ($printOpeningTag === false) {
?></div><?php
}
?>
Als het laatste div "blok" aangevuld moet worden met lege divs wanneer het aantal resultaten geen veelvoud van 3 is moet er nog wat code bij uiteraard.
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<div class="row">
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
<div class="clearfix"> </div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
</div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
<div class="clearfix"> </div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
<div class="col-md-4">artikel</div>
</div>
In php kan dit bijv met (ik ge/misbruik hier even Thomas zijn code):
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="row">
<?php
$currentResult = 0;
while ($row3 = mysql_fetch_array($resultaat3)) {
$currentResult++;
// print current item
?><div class="col-md-4"><?php echo $row3['product_titel'] ?></div><?php
// end of block?
if ($currentResult % 3 == 0) {
// close block
?><div class="clearfix"> </div><?php
}
}
?>
</div>
<?php
$currentResult = 0;
while ($row3 = mysql_fetch_array($resultaat3)) {
$currentResult++;
// print current item
?><div class="col-md-4"><?php echo $row3['product_titel'] ?></div><?php
// end of block?
if ($currentResult % 3 == 0) {
// close block
?><div class="clearfix"> </div><?php
}
}
?>
</div>
Gewijzigd op 23/11/2015 14:35:26 door Jan de Laet