Hallo,
Ik ben bezig met een website voor mijn (toekomstige
) clan.
Hier heb ik ook een berichtenbalk aan toegevoegd.
Deze balk staat gewoon in een cel van een grote tabel, waar de hele layout in verwerkt zit.
Daarnaast zit een knop om zelf berichten toe te voegen (in een popup moet je dan het bericht intikken.
Ik kan de berichtenbalk in een iframe zetten en die om de 30 seconden laten verversen zodat gasten ook nieuwe berichten zien.
Maar hier wil ik nu graag AJAX/javascript aan toevoegen. Hoe kan ik dit doen?
De berichtenbalk ziet er als volgt ongeveer uit:
De berichten:
Voeg toe:
Ik heb al heel veel tutorials gelezen maar ik snap er nog niet veel van. Maar dat komt waarschijnlijk omdat er weinig praktijkvoorbeelden (zoiets al bovengenoemd) bij staan!
Ik hoop dat jullie me kunnen helpen! Ik hoef geen kant-en-klare scripts maar weet je een manier hoe ik dit kan doen of een goede tutorial hierover, alvast bedankt!
Ik wil het namelijk ook zelf leren
Alvast bedankt!
Ik ben bezig met een website voor mijn (toekomstige

Hier heb ik ook een berichtenbalk aan toegevoegd.
Deze balk staat gewoon in een cel van een grote tabel, waar de hele layout in verwerkt zit.
Daarnaast zit een knop om zelf berichten toe te voegen (in een popup moet je dan het bericht intikken.
Ik kan de berichtenbalk in een iframe zetten en die om de 30 seconden laten verversen zodat gasten ook nieuwe berichten zien.
Maar hier wil ik nu graag AJAX/javascript aan toevoegen. Hoe kan ik dit doen?
De berichtenbalk ziet er als volgt ongeveer uit:
De berichten:
PHP:
<?php include ('config.php') ?>
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td width="39" align="left">
<img border="0" src="../bg4l.gif" width="39" height="56"></td>
<td width="398">
<marquee onmouseover = 'this.stop()' onmouseout = 'this.start()' loop = 'infinite' width = '100%' direction = 'left' scrollamount = '6' behavior = 'scroll'>
<?php
$query="SELECT * FROM berichten ORDER BY id DESC LIMIT $aantal";
$sql=mysql_query($query) or die (mysql_error());
while ($obj=mysql_fetch_object($sql)) {
$id = $obj->id;
$naam = $obj->naam;
$bericht = $obj->bericht;
echo "<b>".$naam."</b>";
echo $scheidingsteken;
echo ubb($bericht);
echo $scheidingstekenbericht;
}
?>
</marquee>
</td>
<td width="15%" align="center">
<a href="javascript:void(0)">V</a><a href="javascript:void(0)"
onclick="open('voegtoe.php','miniwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=500,height=150')">oeg een bericht toe!</a></td>
<td width="39" align="right">
<img border="0" src="../bg4r.gif" width="39" height="56"></td>
</tr>
</table>
Voeg toe:
PHP:
if (isset($_POST['Submit'])) {
if ($_POST['bericht'] == '' )
die ("<script>alert('Er is geen bericht ingevuld.');document.location='javascript:history.back(1)';</script>");
if ($_POST['naam'] == '' )
die ("<script>alert('Je hebt geen naam ingevuld.');document.location='javascript:history.back(1)';</script>");
else
$naam=clean($_POST['naam']);
$bericht=clean($_POST['bericht']);
{ $query="INSERT INTO berichten (naam, bericht) VALUES ('".$naam."', '".$bericht."')";
mysql_query($query) or die (mysql_error());
echo "<SCRIPT LANGUAGE=JAVASCRIPT><!-- \n";
echo "setTimeout('self.close()',10)\n;";
echo "window.opener.location.reload(0) \n;";
echo "//--></SCRIPT>\n"; }
}
?>
Ik heb al heel veel tutorials gelezen maar ik snap er nog niet veel van. Maar dat komt waarschijnlijk omdat er weinig praktijkvoorbeelden (zoiets al bovengenoemd) bij staan!
Ik hoop dat jullie me kunnen helpen! Ik hoef geen kant-en-klare scripts maar weet je een manier hoe ik dit kan doen of een goede tutorial hierover, alvast bedankt!
Ik wil het namelijk ook zelf leren

Alvast bedankt!