AJAX preloader

[schaumfeste]

hi folks,

ich versuche mich grad dabei einen preloader auf den seitenbereichen zu integrieren, kriegs aber nicht hin da ich phpbb zu wenig kenne.

ich verwende phpbb3 rc4 und habe iherrauf meine seite geschoben.

geht das überhaupt? im netz finde ich nix gescheites darüber, drum versuch ich hier mal mein glück.

links, tuts wären ganz hilfreich, wäre klasse wenn sich damit jemand auskennt.

[Dr.Death]

Hi,

definiere mal "preloader".....

[schaumfeste]

preloader= solange die seite noch nicht vollständig geladen ist kommt eine zwischengrafik (zb ein ladebalken o.ä.). wenn dann der inhalt fertig geladen wurde erscheint die seite welche sich im background geladen hat.

wie bei zicht flashseiten z.b., sowas halt

[Dr.Death]

Ihhh... da halte ich mich dann mal raus.
Ich hasse solche "Zwischen Sequenzen"... bis die geladen sind, wäre die eigentliche Seite schon fertig.....

[schaumfeste]

mhh na so ihh ist das eigentlich nicht. ein benutzer sieht dabei das sich was tut, außerdem könnte man noch die %-zahl einbinden. ich rede hier ja auch nicht von reinen textseiten bei den eh alles ratz fatz geht. da ich meine anderen seiten ebenfalls über phpbb3 laufen lasse und hier u.a. eine bildergallerie machen will, wäre das dann eher an diesen seiten zu implementen.

zum anfang reicht mir erstmal eine einfache lösung, d.h. solange der inhalt geladen wird zeige grafik xy an.

**********
k hab was gefunden:
http://smartor.is-root.com/viewtopic.php?t=3021
allerdings gibs die datei in dem includes-ordner nicht die er erwähnt.
hat sich da so viel im rc4 geändert?
so kann ich den mod leider nicht benutzen, damn...

[S2B]

MOD Title: Photo Album v2 for phpBB2

...

[schaumfeste]

oh, das war der falsche threat, na hier mal die installanleitung von dem pageloading_v114:

Code: Alles auswählen

##############################################################
## MOD Title: Page Loading
## MOD Author: Smartor < smartor_xp@hotmail.com > (Hoang Ngoc Tu) http://smartor.is-root.com
## MOD Description: This Mod will show a loading page (layer) before your actual phpBB
##			page loaded completedly. You might want to customize the
##			loading page to make slow-connection-visitor more fun.
##			Only a few of HTML/JavaScript code so the display depends on the browser
##			It's so cute! :)
## MOD Version: 1.1.4
##
## Installation Level: easy
## Installation Time: 5 Minutes
## Files To Edit: 4
##	includes/page_header.php
##	language/lang_english/lang_main.php
##	templates/subSilver/overall_header.tpl
##	templates/subSilver/overall_footer.tpl
## Included Files: 1
##	images/loading.gif
##############################################################
## Author Notes:
##	The javascript was provided by http://javascript.internet.com
##############################################################
## This MOD is released under the GPL License.
## Intellectual Property is retained by the MOD Author(s) listed above
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################


#
#-----[ OPEN ]----------------------------------------
#
includes/page_header.php


#
#-----[ FIND ]----------------------------------------
#
	'T_SPAN_CLASS1' => $theme['span_class1'],
	'T_SPAN_CLASS2' => $theme['span_class2'],
	'T_SPAN_CLASS3' => $theme['span_class3'],

#
#-----[ AFTER, ADD ]-----------------------------------
#
	// Page Loading MOD
	'L_PAGE_LOADING_WAIT' => $lang['Page_loading_wait'],
	'L_PAGE_LOADING_STOP' => $lang['Page_loading_stop'],


#
#-----[ OPEN ]----------------------------------------
#
language/lang_english/lang_main.php


#
#-----[ FIND ]----------------------------------------
#
//
// That's all Folks!
// -------------------------------------------------

?>

#
#-----[ BEFORE, ADD ]----------------------------------
#
// Page Loading MOD
$lang['Page_loading_wait'] = 'Page Loading... please wait!';
$lang['Page_loading_stop'] = 'This page still doesn\'t show? Click <span onclick="hideLoadingPage()" style="cursor:hand"><u>here</u></span>';


#
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/overall_header.tpl

#
#-----[ FIND ]------------------------------------------
#
</head>

#
#-----[ BEFORE, ADD ]-----------------------------------
#
<script language="JavaScript" type="text/javascript">
<!--
function hideLoadingPage() {
	if (document.getElementById) {  // DOM3 = IE5, NS6
		document.getElementById('hidepage').style.visibility = 'hidden';
	}
	else {
		if (document.layers) {  // Netscape 4
			document.hidepage.visibility = 'hidden';
		}
		else {  // IE 4
			document.all.hidepage.style.visibility = 'hidden';
		}
	}
}
//  End -->
</script>


#
#-----[ FIND ]------------------------------------------
#
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />

#
#-----[ REPLACE WITH ]----------------------------------
#
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onload="hideLoadingPage()" />

<div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: {T_BODY_BGCOLOR}; layer-background-color: {T_BODY_BGCOLOR}; height: 100%; width: 100%;">
<table width="100%" height="100%">
  <tr>
	<td align="center" valign="middle">
		<table width="50%" align="center" style="border: 1 {T_BODY_LINK} solid">
		  <tr>
			<td align="center" class="row1"><span class="genmed"><br /><b>{L_PAGE_LOADING_WAIT}</b><br /><br /><img src="images/loading.gif"><br /><br />{L_PAGE_LOADING_STOP}<br />&nbsp;</span></td>
		  </tr>
		</table>
	</td>
  </tr>
</table>
</div>

#
#-----[ OPEN ]-------------------------------------------------------
#
templates/subSilver/overall_footer.tpl

#
#-----[ FIND ]--------------------------------------------
#
</body>
</html>

#
#-----[ BEFORE, ADD ]-------------------------------------
#
<script language="JavaScript" type="text/javascript">
<!--
hideLoadingPage();
//-->
</script>


#
#-----[ COPY ]--------------------------------------------
#
copy loading.gif to images/


#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM

wie gesagt, das ist evtl für 2.0, kenner können das doch auch in phpbb3 umsetzen o? kann mir dabei jemand helfen?