Ik voer een while loop uit en ik wil dat de eerste output in <div id="div1"> wordt weergeven, de volgende in <div id="div2"> en de laatste in <div id="div3">. Alleen met mijn code laat php alles in <div id="div1"> zien.

Wie - o - wie?


<?php 
if ($result->num_rows > 0) {
	while($row = $result->fetch_assoc()) {
		$i = 1;
		if ($i == 1) {
			echo "<div id='div1'>";
		} elseif ($i == 2) {
			echo "<div id='div2'>";
		} elseif ($i == 3) {
			echo "<div id='div3'>";
		}
?>
	<table>
		<tr>
			<td><?php echo $row["titel"]; ?></td>
		</tr>
		<tr>
			<td><?php echo $row["bericht"]; ?></td>
		</tr>
		<tr>
			<td><?php echo $row["newDate"]; ?></td>
		</tr>
	</table>
<?php
		echo "</div>";
		$i++;
	}
} else {
	echo "Er is geen bericht om te weergeven";
}
?>
Ik heb een script op internet gevonden waarbij ik geen div id's hoef te gebruiken. Nu is mijn constructie:
<div id="berichten">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

En heb ik dit als jquery:
[code]
$( document ).ready(function() {
// First hide them all
$("#berichten div").hide();

function berichten($div, cb) {
$div.fadeIn(2000, function () {
$div.fadeOut(2000, function () {
var $next = $div.next();
if ($next.length > 0) {
berichten($next, cb);
}
else {
// The last element has faded away, call the callback
cb();
}
});
});
}

function startFading($firstDiv) {
berichten($firstDiv, function () {
startFading($firstDiv);
});
}

startFading($("#berichten div:first-child"));

});

[\code]
Werkt perfect

Reageren