Ik wil op mijn site graag een autorefresh functie hebben voor een bepaalde div, zodat als er een reactie is geplaatst door iemand anders, de div met alle reacties erin automatisch update zodat de reactie meteen zichtbaar is. Dat wil helaas niet lukken.
Hieronder heb ik het stuk uit mijn pagina gehaald waar alle reacties worden weergeven.
Heeft iemand misschien een idee hoe dit opgelost zou moeten worden?

PHP Code:

$Topic = mysql_query("SELECT * FROM topics WHERE ID='".mysql_real_escape_string($_GET['id'])."'") or die(mysql_error());
while($topic = mysql_fetch_assoc($Topic)){
$Reactie = mysql_query("SELECT * FROM reacties WHERE Topic='".$topic['Titel']."' ORDER BY ID ASC") or die(mysql_error());
while($reactie = mysql_fetch_assoc($Reactie)){
$lid = mysql_query("SELECT * FROM leden WHERE Gebruikersnaam='".$reactie['Door']."'") or die(mysql_error());
while($Lid = mysql_fetch_assoc($lid)){
    if($Lid["Rang"] == "Admin"){
        $lidRang = '<b style="color: red">Admin</b>';
    }
    elseif($Lid["Rang"] == "Mod"){
        $lidRang = '<b style="color: cyan">Mod</b>';
    }
    elseif($Lid["Rang"] == "Lid"){
        $lidRang = 'Lid';
    }
    elseif($Lid["Rang"] == "Banned"){
        $lidRang = '<b style="color: yellow">Banned</b>';
    }
echo '
<table width="100%" style="border: 0px;margin-top: 5px;" border="0" summary="topic reactie">
    <tr>
        <td width="110" style="padding:5px;border: 1px solid black;">
            <b>'.$Lid['Gebruikersnaam'].'</b><br />
            <img src="'.$Lid['Avatar'].'" width="100" height="100px" alt="Avatar van '.$Lid['Gebruikersnaam'].'" /><br /><br />
            <b>Respect:</b> '.$Lid['Respect'].'<br />
            <b>Rang:</b> '.$lidRang.'<br />
            <b>Tag:</b> <b style="color: blue">'.$Lid['Tag'].'</b><br />
        </td>
        <td style="padding:5px;vertical-align: top;border: 1px solid black;">
            '.nl2br(Opmaak($reactie["Bericht"])).'
        </td>
    </tr>
</table>
';
}
}
} 


Dit zou je moeten doen met javascript, ajax en php

Er zijn verschillende manieren om dit de doen, je kan bijvoorbeeld een Iframe gebruiken, deze elke 10 sec laten refreshen.

Zelf zou ik het met een ajax.request doen, als je nog nooit met javascript & ajax hebt gewerkt is dat wel lastig.

jquery library inladen.

Doe daarna deze code tussen de head tags:

Code:

<script language="javascript">$(document).read( function () {
function refresh () {
$('#IDVANDIV').load('link.html');
setTimeout("refresh()",3000);
}
setTimeout("refresh()",3000);
});
</script>

Groeten,
Tim

@Tim, Nu wordt er een pagina geinclude die refresh maar hij laat in de bron niet de code zien wat weer jammer is.

Origineel gepost door Ferdi Reichart

@Tim, Nu wordt er een pagina geinclude die refresh maar hij laat in de bron niet de code zien wat weer jammer is.

Code:

<script language="javascript">$(document).read( function () {
function refresh () {
$('#IDVANDIV').load('link.html');
setTimeout("refresh()",3000);
}
setTimeout("refresh()",3000);
});
</script>
<div id="IDVANDIV"><?php include('link.html'); ?></div>

Groeten,
Tim