Ajax chat op aparte pagina

[Jeroen]

• Modificatie & Versie: Ajax chatbox MOD 2.0.0 Beta 8
  Directe link naar de modificatie: http://www.phpbb.com/community/viewtopi ... hilit=chat
  Adres van je forum: http://genietvandelente.nl
  phpBB versie: 3.0.2.
  Heb je onlangs een andere modificatie of stijl geïnstalleerd? Ja
  
  Wat is het probleem?

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

[Jim]

Ik dacht dat dat standaard ook zo was. Probeer eens SITENAAM/chat.php.

[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.

Code: Selecteer alles

<li><a href="http://JOUWDOMEIN.nl/chat.php">Chat</a>

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.

[Jeroen]

Ik heb het idd over de chatbox die geloof ik gemaakt is door Handyman

[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.

[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

[Jeroen]

Hier ook maar een bumpje dan

[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.

[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

[Jeroen]

Ik blijf bumpen, sorry

[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.

[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

[Jim]

Als ik het zo zie helemaal bovenaan het stukje code dat je net gepost hebt.

[Jeroen]

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

[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:

Code: Selecteer alles

<!-- INCLUDE overall_header.html -->

[Jeroen]

Jeeh het werkt!

Bedankt JimB!