shoutbox enter toets
Geplaatst: 28 dec 2008, 08:26
- Modificatie & Versie:
Directe link naar de modificatie:
Adres van je forum: http://
phpBB versie:
Heb je onlangs een andere modificatie of stijl geïnstalleerd?
AJAX Chat' Version 2.0.0B8
Wat is het probleem?
Hieronder mijn code van de chatbody
alvast bedankt
Code: Selecteer alles
<!-- IF S_GET_CHAT -->
<!-- IF S_READ or S_ADD -->
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="chatpostbody">
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons">
<li class="delete-icon"><a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onClick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a></li>
</ul>
<!-- ENDIF -->
<div class="content">{chatrow.MESSAGE}</div></div>
<dl class="chatpostprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}<br />{chatrow.TIME}</dt>
</dl>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->--!--{LAST_ID}
<!-- ENDIF -->
<!-- ELSE -->
<!-- IF S_CHAT -->
<!-- INCLUDE overall_header.html -->
<!-- ENDIF -->
<script type="text/javascript">
var form_name = 'postform';
var text_name = 'message';
<!--
var fieldname = 'chat';
var last_time = 0;
var xmlHttp = http_object();
var last_id = {LAST_ID};
var type = 'receive';
var post_time = {TIME};
var read_interval = 15000;
var interval = setInterval('handle_send("read", last_id);', read_interval);
function handle_send(mode, f)
{
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
{
indicator_switch('on');
type = 'receive';
param = 'mode=' + mode;
param += '&last_id=' + last_id;
param += '&last_time=' + last_time;
param += '&last_post=' + post_time;
param += '&read_interval=' + read_interval;
if (mode == 'add' && document.postform.message.value != '')
{
type = 'send';
for(var i = 0; i < f.elements.length; i++)
{
elem = f.elements[i];
param += '&' + elem.name + '=' + encodeURIComponent(elem.value);
}
document.postform.message.value = '';
}
else if (mode == 'delete')
{
type = 'delete';
param += '&chat_id=' + f;
}
xmlHttp.open("POST", '{FILENAME}', true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = handle_return;
xmlHttp.send(param);
}
}
function handle_return()
{
if (xmlHttp.readyState == 4)
{
if (type != 'delete')
{
results = xmlHttp.responseText.split('--!--');
if (results[1])
{
if (last_id == 0)
{
document.getElementById(fieldname).innerHTML = results[0];
}
else
{
document.getElementById(fieldname).innerHTML = results[0] + document.getElementById(fieldname).innerHTML;
}
last_id = results[1];
if (results[2])
{
document.getElementById('whois_online').innerHTML = results[2];
last_time = results[3];
if (results[4] != read_interval * 1000)
{
window.clearInterval(interval);
read_interval = results[4] * 1000;
interval = setInterval('handle_send("read", last_id);', read_interval);
document.getElementById('update_seconds').innerHTML = results[4];
}
post_time = results[5];
}
}
}
indicator_switch('off');
}
}
function delete_post(chatid)
{
document.getElementById('p' + chatid).style.display = 'none';
handle_send('delete', chatid);
}
function indicator_switch(mode)
{
if(document.getElementById("act_indicator"))
{
var img = document.getElementById("act_indicator");
if(img.style.visibility == "hidden" && mode == 'on')
{
img.style.visibility = "visible";
}
else if (mode == 'off')
{
img.style.visibility = "hidden"
}
}
}
function http_object()
{
if (window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object. Consider upgrading your browser.';
}
}
function submitenter(e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;
if (keycode == 13)
{
handle_send('add', postform);
return false;
}
else
return true;
}
-->
</script>
<style type="text/css">
<!--
#act_indicator {
visibility:hidden;
vertical-align:middle;
}
.shouts {
width: 79%;
max-height: 300px;
overflow:auto;
float:left;
}
#chat {
width: 97%;
text-align:left;
}
.chatform {
width: 100%;
text-align:center;
}
.onlinelist {
width: 21%;
overflow:auto;
}
.users {
width: 90%;
text-align: left;
margin-left:auto;
margin-right:auto;
}
.user {
width: 100%;
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#act_indicator {
visibility: hidden;
vertical-align:middle;
}
.chatinput {
width: 80% !important;
}
.online_img {
vertical-align:middle;
}
.chatpostbody {
padding: 0;
line-height: 1.48em;
font-size: 1.2em;
color: #333333;
width: 84%;
float: right;
clear: both;
}
.chatpostbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
}
.chatpostprofile {
min-height: 5px !important;
width: 15%;
text-align:left;
border-right: 1px solid #FFFFFF;
}
.chatcopyright {
padding: 0px;
text-align: left;
color: #FFFFFF;
}
#chatformat-buttons {
margin: 2px 0 2px 0;
}
-->
</style>
<!-- IF S_CHAT -->
<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<p>{CURRENT_TIME}</p>
<!-- ENDIF -->
<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt><a href="chat.php" target="_blank">CHAT BOX</a>
{L_DETAILS} <img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator"/>
• {L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT}</dt>
</dl>
</li>
</ul>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="post bg3">
<div class="inner">
<span class="corners-top"><span></span></span>
<!-- INCLUDE chat_posting_buttons.html -->
<!-- IF S_USER_LOGGED_IN -->
<div class="chatform" align="center">
<form name="postform" id="postform" method="post" action="javascript:void(0);" onsubmit="handle_send('add', this)" autocomplete="off">
<b>{L_MESSAGE}:</b>
<textarea tabindex="1" name="message" id="message" class="inputbox chatinput" size="28" rows="1" style="vertical-align:middle;overflow:hidden" onKeyPress="return submitenter(event)"></textarea>
<input type="submit" class="button1" value="{L_SUBMIT}" name="submit" tabindex="6" accesskey="s"/>
</form>
</div>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span>
</div>
<div align="left">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="shouts">
<div id="chat">
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="chatpostbody">
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons">
<li class="delete-icon">
<a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onClick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a>
</li>
</ul>
<!-- ENDIF -->
<div class="content">{chatrow.MESSAGE}</div>
</div>
<dl class="chatpostprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}<br />{chatrow.TIME}</dt>
</dl>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->
</div>
</div>
<div id="smiley-box">
<!-- IF S_SMILIES_ALLOWED and .smiley -->
<strong>{L_SMILIES}</strong><br />
<!-- BEGIN smiley -->
<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
<!-- END smiley -->
<!-- ENDIF -->
<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
<!-- ENDIF -->
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<h4> {L_ONLINE_LIST}:</h4>
<div class="onlinelist">
<div class="users" id="whois_online">
<!-- BEGIN whoisrow -->
<div>
<div class="inner">
<div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> <span nowrap="nowrap">{whoisrow.USERNAME_FULL}</span></div>
</div>
</div>
<!-- END whoisrow -->
</div>
</div>
</div>
<!-- IF S_CHAT -->
<!-- IF S_DISPLAY_ONLINE_LIST -->
<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->
<!-- ENDIF -->