Pagina 1 van 1
Ajax chat op aparte pagina
Geplaatst: 14 sep 2008, 19:39
door Jeroen
Is het bij de hierbovengenoemde chatbox ook mogelijk om deze op een apparte pagina te maken? Want hij komt standaard onderaan de index te staan. Ik zou hem dus liever op een nieuwe pagina hebben
Ik wil gewoon even weten of dit kan

Re: Ajax chat op aparte pagina
Geplaatst: 14 sep 2008, 20:05
door Jim
Ik dacht dat dat standaard ook zo was. Probeer eens SITENAAM/chat.php.

Re: Ajax chat op aparte pagina
Geplaatst: 14 sep 2008, 20:22
door Dmeijer13
Me explorer is irrtant, dus kan de link niet openen hier...
Maar als het gaat om de ajax chat die ik denk, en als je de installatie GOED heb uitgevoerd, dan staat er in je menu een linkje 'chat' dan is jouw url idd jouwdomein.nl/chat.php (als goed is)
En als je bij, ik dahct index.body.html de include weghaalt, staat hij niet op de index. (of het was een andere bestandje waar include staat)
Het is idd. de gene die ik denk.
als het linkje er nou niet staat in je menu kan je hem zelf ook ff aanmaken..
Ga dan naar:
root/styles/templates/overall_header.html
Open de overall_header.html, en zet voor het menu een linkje naar de chat erbij, dan doet ie het.
Edit:
Open je overall_header.html, zoals hierboven beschreven.
Zoek naar de volgende regel:
Code: Selecteer alles
<li><a href="./index.php?sid=1bb501e81b00023e15b56b48a8a10b7d">Home</a></li
Vanaf daar begint je menu, plaats de volgende regel op een blanko regel bijv. na 'leden' als je hem naast leden wilt hebben.
Edit 2:
Als je hem nog moet installeren, dan doe je dus gewoon alles volgens de install, dan stata er automatisch een linkje, dus het linkje dat je nu hebt zou overbodig zijn.
Re: Ajax chat op aparte pagina
Geplaatst: 14 sep 2008, 20:56
door Jeroen
Ik heb het idd over de chatbox die geloof ik gemaakt is door Handyman

Re: Ajax chat op aparte pagina
Geplaatst: 15 sep 2008, 15:52
door Dmeijer13
OK.
Nou, als je hem installeerd kom je vanzelf bij een edit die je doen moet, wat een linkje aanmaakt in je menu.
Wil je niet dat hij niet getoont word op de index, dan doe je de include niet in het bestandzetten, waar het moet dat hij aangeeft

Dan heb je hem alleen als link pagina en doet hij het ook gewoon.
Re: Ajax chat op aparte pagina
Geplaatst: 30 sep 2008, 11:26
door Jeroen
Nog even een vraagje over de chatbox (die inmiddels geïnstalleerd is).
Hoe kan je boven de chatbox een blokje maken met de chat regels?
Zoals er nu staat dat het forum tijdelijk gesloten is, wil ik daar zo'n blokje met de chatbox regels maken.
De kleur ervan ga ik nog aanpassen, maar ik wil dus even weten waar in welk bestandje ik dan welke code neer moet zetten.
Alvast bedankt

Re: Ajax chat op aparte pagina
Geplaatst: 01 okt 2008, 18:52
door Jeroen
Re: Ajax chat op aparte pagina
Geplaatst: 01 okt 2008, 21:12
door Dmeijer13
Je bedoeld boven aan in je menu? Dat kan met mods, waarvan ik niet weet waar ze precies staan, en ook niet opzoeken ga, omdat ik ze zelf ook niet gebruik, en omdat er eventueel een alternatief is...
Alternatief kan zijn> maak een topic, met de chat regels, uopdate je overall_header weer, zoals ik in 1 van mn eerdere berichten zei, maar ipv een link naar je chatbox te maken doe je nu naar dat ene topic waar de chat regels staan, en je moet de naam'chat' dna ff verandere naar bijv. 'Chat Regels'
Doe dit menu onderdeel bijv. na de regel waar de chat link staat, wel op een nieuwe regel en leeg daarna je buffer
Zoek
Code: Selecteer alles
<li><a href="./index.php?sid=1bb501e81b00023e15b56b48a8a10b7d">Home</a></li
Ergens na deze regel staat ook de regel waar de chat staat als goed is, doe een enter (nieuwe regel dus en voeg dit toe:
Code: Selecteer alles
<li><a href="http://JOUWDOMEIN.nl/vieuwtopic blablab">Chat Regels</a>
vanaf Http:// tot en met blablab moet je dus de link naar je topic zetten, je kan het ook op andere manieren doen maar... ik zelf vind dit een goede manier, je topic kan je antuurlijk dna nog altijd editten etc, op slot zeten van slot, amar zodra die verwijderd of naar ander board word verplaatst, dan moet je hem wel ff editten in overall_header
Je mag zelf kijken wat je leukste vind, zo, of op een andere manier, maar dna meot je ff op andere reacties wachten, want ik ga geen andere dingen zeggen alsk het zelf nie gebruik/niet weet.
Re: Ajax chat op aparte pagina
Geplaatst: 03 okt 2008, 21:27
door Jeroen
Hoi, erg bedankt voor je uitleg, het is alleen niet helemaal wat ik bedoel
Ik bedoel eigenlijk zo'n forum regels blokje als hierboven aan het forum ook staan.
Zo eentje dus:
Die wil ik graag boven de chatbox hebben, weet alleen de code van zo'n balkje niet en ook niet waar ik die dan in welk bestandje neer moet zetten

Re: Ajax chat op aparte pagina
Geplaatst: 07 okt 2008, 15:53
door Jeroen
Ik blijf bumpen, sorry

Re: Ajax chat op aparte pagina
Geplaatst: 07 okt 2008, 18:49
door Derky
Code: Selecteer alles
<div id="message" class="rules">
<div class="inner"><span class="corners-top"><span></span></span>
<strong>{L_INFORMATION}:</strong>
Boe
<span class="corners-bottom"><span></span></span></div>
</div>
Dat is de code voor het "regels" blokje, deze moet je zelf even in een .html pagina zetten.
Ik denk dat de bestandsnaam iets van chat_ bevat, anders moet je even in de php code kijken welke template er aan geroepen wordt.

Re: Ajax chat op aparte pagina
Geplaatst: 08 okt 2008, 13:20
door Jeroen
Oke, en weet je misschien ook waar ik die code in de chat_body.html moet neerzetten?
Dit is de chat_body.html:
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="postbody">
<p class="author">{chatrow.TIME}
</p>
<div
class="content">{chatrow.MESSAGE}</div>
</div>
<dl class="postprofile"
id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}</dt>
</dl>
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons
postprofile">
<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 -->
<span
class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->---{LAST_ID}
<!-- IF S_WHOISONLINE -->---
|
<!-- BEGIN whoisrow -->
<img
src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" />
{whoisrow.USERNAME_FULL} |
<!-- END whoisrow -->
---{LAST_TIME}---{DELAY}---{LAST_POST}
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ELSE -->
<!-- IF S_CHAT -->
<!-- INCLUDE overall_header.html -->
<!-- ENDIF -->
<script type="text/javascript">
<!--
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.';
}
}
-->
</script>
<style type="text/css">
<!--
#act_indicator {
visibility:hidden;
}
.shouts {
width: 85%;
height:300px;
overflow:auto;
float:left;
}
#chat {
width: 100%;
text-align:left;
}
.postprofile {
min-height: 5px !important;
}
.chatform {
width: 90%;
text-align:center;
}
.onlinelist {
width: 15%;
overflow:auto;
height:300px;
}
.users {
width: 90%;
text-align: left;
text-indent: 5px;
margin-left:auto;
margin-right:auto;
}
.user {
width: 95%;
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
}
#act_indicator {
visibility: hidden;
}
.chatinput {width: 80% !important;}
.online_img {
vertical-align:middle;
}
.whoonlinelist {
width: 100%;
overflow:auto;
height:auto;
text-align:center;
}
-->
</style>
<!-- IF S_USER_LOGGED_IN -->
<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="chatform" align="center">
<!-- INCLUDE posting_buttons.html -->
<form name="postform" id="postform"
method="post" action="javascript:void(0);" onsubmit="handle_send('add', this)"
autocomplete="off">
<strong style="color:
white;">{L_MESSAGE}:</strong> <input type="text" tabindex="1" name="message"
id="message" class="inputbox chatinput" />
<input type="submit" class="button1"
value="{L_SUBMIT}" name="submit" tabindex="6" accesskey="s"/><br />
</form>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- ENDIF -->
<div class="forabg" 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="postbody">
<p
class="author">{chatrow.TIME} </p>
<div
class="content">{chatrow.MESSAGE}</div>
</div>
<dl
class="postprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}</dt>
</dl>
<!-- IF
U_ACP or U_MCP -->
<ul
class="profile-icons postprofile">
<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
-->
<span
class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->
</div>
</div>
<div class="onlinelist bg1">
<div class="users">
<div>
<div class="inner">
<div
class="user"><!-- IF S_SMILIES_ALLOWED and .smiley -->
<!-- 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="window.open('{U_MORE_SMILIES}', '_phpbbsmilies',
'HEIGHT=350,resizable=yes,scrollbars=yes,WIDTH=300'); return
false;">{L_MORE_SMILIES}</a>
<!-- ENDIF --><!-- IF BBCODE_STATUS -->
<!-- IF .smiley --><hr /><!-- ENDIF -->
{BBCODE_STATUS}<br />
<!-- IF S_BBCODE_ALLOWED -->
{IMG_STATUS}<br />
{FLASH_STATUS}<br />
{URL_STATUS}<br />
<!-- ENDIF -->
{SMILIES_STATUS}
<!-- ENDIF --></div>
</div>
</div>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="whoonlinelist bg1" id="whois_online">
|
<!-- BEGIN whoisrow -->
<img
src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" />
{whoisrow.USERNAME_FULL} |
<!-- END whoisrow -->
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="forabg" align="center">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="post">
<div id="author">{L_DETAILS}
<img
src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" />
<strong>• {L_UPDATES} <span
id="update_seconds">{DELAY}</span> {L_UNIT}</strong>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- IF S_CHAT -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->
<!-- ENDIF -->
Hij moet dus bovenaan komen, ik weet alleen niet waar je zoiets neer zou moeten zetten om hem bovenaan te krijgen

Re: Ajax chat op aparte pagina
Geplaatst: 08 okt 2008, 15:36
door Jim
Als ik het zo zie helemaal bovenaan het stukje code dat je net gepost hebt.

Re: Ajax chat op aparte pagina
Geplaatst: 08 okt 2008, 16:33
door Jeroen
JimB schreef:Als ik het zo zie helemaal bovenaan het stukje code dat je net gepost hebt.

Als ik hem helemaal bovenaan zet, dan komt hij dus én letterlijk helemaal bovenaan de pagina, én 1 keer in de zoveel tijd word hij geplaatst als bericht in de chat! Zie hier een paar screens:
screen 1,
screen 2
Best vreemd

Re: Ajax chat op aparte pagina
Geplaatst: 08 okt 2008, 17:07
door Jim
Okay, ondoe de veranderingen maar die ik je net gaf, ik denk dat ik mijn eigen fout zie, ik ben weer eens te haastig geweest.
Probeer het eens onderdeze tekst te zetten:
Re: Ajax chat op aparte pagina
Geplaatst: 08 okt 2008, 19:59
door Jeroen
Jeeh het werkt!
Bedankt JimB!
