Ik ben bezig met het maken van een nieuwe chat voor de osbanditi source, ben nu al redelijk ver gekomen maar nu wil ik graag dat alleen het stukje waar de berichten uit de database worden gehaald om de 5 seconden ongeveer refreshed.
Graag zou ik hier mee geholpen willen worden want als hij klaar is en het werkt goed zet ik hem hier op cp gratis neer.
Script:
PHP
<div id="safe_msg" style="width:600px; background:url(images/js_msg/bg.gif) repeat-y; margin-top:10px; margin-left:2px;margin-right:2px;">
<table cellpadding="0" cellspacing="0" border="0" align="center" width="596">
<tr>
<td colspan="4" height="4px"><img src="images/js_msg/top.gif"></td>
</tr>
<tr>
<td width="2px"></td>
<td width="556px" bgcolor="#FFFFFF" style="padding: 2px;">
<div id="text_shop" style="display:block; line-height:135%; font-size:12px;">
<table width="100%" style="margin-left: 5px;">
<?php
$chat2 = mysql_query("SELECT * FROM `chat` ORDER BY `id` DESC LIMIT 0,10");
while($chat = mysql_fetch_object($chat2))
{
$naam = $chat->naam;
$bericht = $chat->bericht;
?>
<tr>
<td width="10%">
<?
$bericht = str_replace(":)", "<img src=smile/smiley.png>",$bericht);
$bericht = str_replace(":p", "<img src=smile/smiley-razz.png>",$bericht);
$bericht = str_replace(":s", "<img src=smile/smiley-confuse.png>",$bericht);
$bericht = str_replace(";)", "<img src=smile/smiley-wink.png>",$bericht);
$bericht = str_replace(":D", "<img src=smile/smiley-lol.png>",$bericht);
$bericht = str_replace(":@", "<img src=smile/smiley-mad.png>",$bericht);
$bericht = str_replace(":(", "<img src=smile/smiley-sad.png>",$bericht);
$bericht = str_replace(":$", "<img src=smile/smiley-red.png>",$bericht);
$bericht = str_replace("*:", "<img src=smile/smiley-evil.png>",$bericht);
?>
<font color='black'>
<b><?php echo"$naam"; ?>:</b></td> <td width="25%"><?php echo"$bericht"; ?></td>
</font>
</tr>
<?
}
?>
</table>
</div>
</td>
<td width="2px"></td>
</tr>
<tr>
<td colspan="4" height="13px"><img src="images/js_msg/bottom.gif"></td>
</tr>
</table>
</div>
<form method="post" name="chatie">
<input id="login" name="login" type="hidden" value=<? echo"$data->login"; ?> /></input>
<input id="chatmsg" name="bericht" type="text"size="42" maxlength="70" onkeyup="keyup(event.keyCode);"/></input>
<SCRIPT language=JavaScript>
function icon(theicon) {
var myQuery = document.chatie.chatmsg;
var chaineAj = theicon;
if (document.selection) {
myQuery.focus();
sel = document.selection.createRange();
sel.text = chaineAj;
document.chatie.insert.focus();
}else if(document.chatie.chatmsg.selectionStart || document.chatie.chatmsg.selectionStart == '0') {
var startPos = document.chatie.chatmsg.selectionStart;
var endPos = document.chatie.chatmsg.selectionEnd;
var chaineSql = document.chatie.chatmsg.value;
myQuery.value = chaineSql.substring(0, startPos) + chaineAj + chaineSql.substring(endPos, chaineSql.length);
} else {
myQuery.value += chaineAj;
}
}
</script>
<a onclick="javascript:icon(':)')"><img src=smile/smiley.png></a>
<a onclick="javascript:icon(':p')"><img src=smile/smiley-razz.png></a>
<a onclick="javascript:icon(':s')"><img src=smile/smiley-confuse.png></a>
<a onclick="javascript:icon(';)')"><img src=smile/smiley-wink.png></a>
<a onclick="javascript:icon(':D')"><img src=smile/smiley-lol.png></a>
<a onclick="javascript:icon(':@')"><img src=smile/smiley-mad.png></a>
<a onclick="javascript:icon(':(')"><img src=smile/smiley-sad.png></a>
<a onclick="javascript:icon(':$')"><img src=smile/smiley-red.png></a>
<a onclick="javascript:icon('*:')"><img src=smile/smiley-evil.png></a>
<br />
<input type="submit" name="submit" value="verzenden" class="mod_submit" />
</form>
<?php
if($_POST['submit']){
mysql_query("INSERT into `chat` (naam,date,bericht) values ('".$_POST["login"]."',NOW(),'".$_POST["bericht"]."')");
echo "Bericht verzonden!";
?>
<script language="javascript">
setTimeout("document.location.href='<? echo $sitelink;?>/v3/index.php?a=chat'",(1000*1));
</script>
<?
}
?>