Pagina 1 van 2

pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 08:47
door jaap57
In mijn forum heb ik een extra pagina aangemaakt in een nieuwe folder in de template folder.
Deze pagina wordt via een php filetje in de root folder opgeroepen.

De aangemaakte pagina werkt normaal op mijn eigen computer en ook in een folder die ik upload naar de server.

ECHTER :o
Zodra ik de pagina via het forum probeer te bereiken dan is de ganse layout weg. De pagina zelf laadt echter wel .
Als ik dan in die geladen pagina op een link klik, dan laadt de pagina alsnog plotseling volledig normaal en werkt naar behoren. Waarom laadt de pagina kennelijk zijn externe css files tijdens het opstarten niet?

De code van het in de root aanwezige php filetje dat de pagina oproept staat hieronder:

Code: Selecteer alles

<?php
define('IN_PHPBB', true);
$phpbb_root_path = (defined('PHPBB_ROOT_PATH')) ? PHPBB_ROOT_PATH : './';
$phpEx = substr(strrchr(__FILE__, '.'), 1);
include($phpbb_root_path . 'common.' . $phpEx);

// Start session management
$user->session_begin();
$auth->acl($user->data);
$user->setup();

page_header('mijn pagina');
if ($user->data['user_id'] == ANONYMOUS)
{
    login_box('', $user->lang['LOGIN']);
} 

$template->set_filenames(array(
    'body' => 'mijn_folder/mijn_file.html',
));

make_jumpbox(append_sid("{$phpbb_root_path}viewforum.$phpEx"));
page_footer();
?>

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 09:04
door Ger
Hoe ziet je HTML bestand eruit?

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 09:25
door jaap57
Hallo Ger,
Het probleem wordt al iets simpeler. Eerst dacht ik dat het klikken op een link in de pagina het probleem ophief maar dat is niet zo. Geen enkele relative link in de pagina werkt nog zodra hij in het forum staat.
Kortom, de pagina kent kennelijk zijn eigen folder niet meer.
Ik roep een stylesheet aan met:

Code: Selecteer alles

<script type="text/javascript" src="track.js"></script>
track.js staat dan in de zelfde folder maar wordt niet gevonden. "Normaal" gebeurt dat echter wel zolang de folder maar niet in de templatefolder van het forum staat. Duidelijk een path probleem dus, maar hoe los ik het op?

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 09:26
door Ger
Heb je misschien een linkje naar de pagina?

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 09:35
door jaap57
link is : http://www.zweefvliegenonline.nl/phpBB- ... /index.php
en dan klikken op "zweefvliegradar", maar dan moet je daarna wel eerst inloggen...

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 09:36
door Ger
Dan heb ik daar niets aan. ;)
heb je misschien een test-gebruiker waarmee ik kan inloggen? Het is voor mij een stuk gemakkelijker helpen als ik gewoon precies kan zien wat er aan de hand is.

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 09:47
door jaap57
Heb ik even aangemaakt: gebruiker: test wachtwoord: testtest

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 09:57
door Ger
Zo te zien maak je geen gebruik van de overall_header.html, maar heb je een eigen header en footer gebruikt. Klopt dat?

Het is inderdaad een pad probleem en als je gebruik zou maken van overall_header.html wordt dat automatisch voor je gefixt. Is er een reden waarom je er geen gebruik van maakt?
Mocht dat zo zijn, dan moet je de paden dusdanig instellen dat het pad klopt vanaf het PHP-bestand. Want dat is hetgeen wat de browser aanroept, en vanaf daar gaat de browser dus ook op zoek naar de gelinkte bestanden.

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 10:13
door jaap57
Bedankt voor alle moeite Ger!
Ja, er is een reden voor het niet gebruiken van de overall-footer. Dat neemt namenlijk een groot deel van het beeldscherm in beslag en dat is nu juist dat wat ik voor dat scherm niet kan gebruiken.
Het invullen van het complete pad maakt het voor iemand weer makkelijker de pagina direct aan te roepen na wat neuzen in de broncode (dacht ik). Is die vrees gegrond en zo ja is daar iets tegen te doen want ik wil wel graag dat mensen inloggen om de pagina te kunnen bekijken.

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 10:19
door Ger
jaap57 schreef:Het invullen van het complete pad maakt het voor iemand weer makkelijker de pagina direct aan te roepen na wat neuzen in de broncode (dacht ik). Is die vrees gegrond en zo ja is daar iets tegen te doen want ik wil wel graag dat mensen inloggen om de pagina te kunnen bekijken.
Gaat het je om de link naar het script? Dan maak je daar dit van:

Code: Selecteer alles

<!-- IF S_USER_LOGGED_IN --><script type="text/javascript" src="track.js"></script><!-- ENDIF -->
Maar sowieso: als de gebruiker niet is ingelogd, komt hij niet eens op de pagina. En als hij wel is ingelogd, dan kan hij hoe dan ook de exacte locatie van het script achterhalen. Het is namelijk simpelweg een pad volgen, direct of indirect.

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 10:26
door jaap57
Ik ga het met jouw oplossing proberen, bedankt.
Is het trouwens mogelijk als je éénmaal bent ingelogd en na het achterhalen van het volledige pad, daarna oningelogd via dat pad in het vervolg de pagina te bekijken?

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 10:37
door Ger
De volledige pagina niet (aangezien dat gekoppeld is aan de PHP-login). Bestanden de gelinkt zijn naar de pagina (CSS, javascript) wel, aangezien daar geen login aanhangt.

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 11:00
door jaap57
Hallo Ger,

Omdat jij zei dat als je de overall-header er in zou zetten het probleem zou zijn opgelost heb ik dat even gedaan. De header verschijnt nu keurig in de pagina maar voor de rest maakt het geen verschil.
Overigens werkte de oplossing die je aandroeg voor het linken naar de js en css files ook niet op het eerste gezicht. Waar kan dat aan liggen??

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 11:09
door Ger
Je hebt nu 2 headers door elkaar. Kun je eens de inhoud van je HTML bestand hier plaatsen?

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 11:25
door jaap57
Nou, daar kom tie dan ;)
Ondertussen heb ik even kort de js en css files in de root van het forum gezet. Dat gaf als effect dat ze nu wel gevonden werden zoals jij al had voorspeld. Echter, op de pagina had het nogal vreemde effecten. zo werd de overall header half overschreven en bleken er gedeelten van de stylesheets niet te werken.
Dus..... het enige dat ik graag zou willen is dat de pagina in zijn oorspronkelijke opmaak zonder overallheader wordt weergegeven en dat hij dus zijn externe stylsheets en javascriptfiles kan vinden.
Alles in de htmlpage zetten kan natuurlijk ook maar dat maakt alles zo vreselijk onoverzichtelijk.... :(

Code: Selecteer alles

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<!-- INCLUDE overall_header.html -->
<title>Zweefvliegenonline zweefvliegradar</title>
<script type="text/javascript" src="popup.js"></script>

<!--<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAA2DrAMWw7_n9zxn5X83TeKRRscTSS7e00Ecvt7MGSDZT4COx8YxQTjDOa1Ayd1fVsuQi8lCuhNS7MMg" type="text/javascript"></script>-->
<link href="style.css" rel="stylesheet" type="text/css">
<link href="superfish.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="trackers.js"></script>

</head>


<body>


<div id="toppanel">
		<div class="titleAlignment">

			<div class="left-element">
				<p class="toppanel">Zweefvliegenonline</p>
			</div>

			<div class="right-element">
				<p class="toppanel">Glider-Tracking</p>
			</div>
			
	</div>
</div>

<div id="map_canvas"> <!-- map_canvas-->
<script type="text/javascript">initialize() </script>
</div>

	
<div id="topmenu">


		<ul class="sf-menu">
			<li class="current">
				<a href="#a">Navigatie</a>
				<ul>
					<li>
						<a href="overview.php">Toon lijst van vliegtuigen</a>
					</li>
					<li>
						<a href="http://www.zweefvliegenonline.nl" target="_blank">Hoofdpagina zweefvliegenonline</a>
					</li>
					<li>
						<a href="http://www.zweefvliegenonline.nl/phpBB-3.0.5/phpBB3/index.php" target="_blank">Landelijk zweefvliegersforum</a>
					</li>		
				</ul>
			</li>
			<li class="current">
				<a href="#a">Kaart Opties</a>
				<ul>
					<li>
						<a href="index2.html">Toon wegenkaart</a>
					</li>
					<li>
						<a href="index.html">Toon satelliet kaart</a>
					</li>
					
				</ul>
			</li>
			<li class="current">
				<a href="#a">Toon opdracht</a>
				<ul>
					
					<li>
						<a href="javascript:void(0)">Momenteel geen opdrachten beschikbaar..</a>
					</li>
					<!--
					<li>
						<a href="index.php">Opdrachten na de briefing beschikbaar...</a>
					</li>
					
					<li>
						<a href="index.php?showtask=1">Club klasse</a>
					</li>
					<li>
						<a href="index.php?showtask=2">Combi klasse</a>
					</li>
					
					<li>
						<a href="index.php?showtask=3">Open klasse</a>
					</li>
					!-->
					
		
				</ul>
			</li>
			<li>
				<a href="http://www.zweefvliegenonline.nl" target="_blank">Over zweefvliegradar</a>
			</li>	
		</ul>


</div>

	
<div id="legenda">
	<p class="legenda"><a href="javascript:void(showBox())"><img class="legenda" alt="" src="images/reddot.png" width="14" height="14"></a> Combi klasse</p>
	<p class="legenda"><a href="javascript:void(showBox())"><img class="legenda" alt="" src="images/bluedot.png" width="14" height="14"></a> Club klasse</p>
	<p class="legenda"><a href="javascript:void(showBox())"><img class="legenda" alt="" src="images/cyaandot.png" width="14" height="14"></a> Open klasse</p>
	<p class="legenda"><img src="images/spotdot.png" width="14" height="14"> Spot</p>
	<p class="legenda"><img src="images/greydot.png" width="14" height="14"> Geen deelnemer</p><br>
	<!--<input type="button" onclick="setMarkers()" value="refresh"> -->
 </div>
 
 
</body>
</html>

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 12:28
door Ger
Maar dit er eens van:

Code: Selecteer alles

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Zweefvliegenonline zweefvliegradar</title>
<script type="text/javascript" src="popup.js"></script>

<!--<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAA2DrAMWw7_n9zxn5X83TeKRRscTSS7e00Ecvt7MGSDZT4COx8YxQTjDOa1Ayd1fVsuQi8lCuhNS7MMg" type="text/javascript"></script>-->
<link href="{T_TEMPLATE_PATH}/mijn_folder/style.css" rel="stylesheet" type="text/css">
<link href="{T_TEMPLATE_PATH}/mijn_folder/superfish.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="{T_TEMPLATE_PATH}/mijn_folder/trackers.js"></script>

</head>


<body>


<div id="toppanel">
      <div class="titleAlignment">

         <div class="left-element">
            <p class="toppanel">Zweefvliegenonline</p>
         </div>

         <div class="right-element">
            <p class="toppanel">Glider-Tracking</p>
         </div>
         
   </div>
</div>

<div id="map_canvas"> <!-- map_canvas-->
<script type="text/javascript">initialize() </script>
</div>

   
<div id="topmenu">


      <ul class="sf-menu">
         <li class="current">
            <a href="#a">Navigatie</a>
            <ul>
               <li>
                  <a href="overview.php">Toon lijst van vliegtuigen</a>
               </li>
               <li>
                  <a href="http://www.zweefvliegenonline.nl" target="_blank">Hoofdpagina zweefvliegenonline</a>
               </li>
               <li>
                  <a href="http://www.zweefvliegenonline.nl/phpBB-3.0.5/phpBB3/index.php" target="_blank">Landelijk zweefvliegersforum</a>
               </li>      
            </ul>
         </li>
         <li class="current">
            <a href="#a">Kaart Opties</a>
            <ul>
               <li>
                  <a href="index2.html">Toon wegenkaart</a>
               </li>
               <li>
                  <a href="index.html">Toon satelliet kaart</a>
               </li>
               
            </ul>
         </li>
         <li class="current">
            <a href="#a">Toon opdracht</a>
            <ul>
               
               <li>
                  <a href="javascript:void(0)">Momenteel geen opdrachten beschikbaar..</a>
               </li>
               <!--
               <li>
                  <a href="index.php">Opdrachten na de briefing beschikbaar...</a>
               </li>
               
               <li>
                  <a href="index.php?showtask=1">Club klasse</a>
               </li>
               <li>
                  <a href="index.php?showtask=2">Combi klasse</a>
               </li>
               
               <li>
                  <a href="index.php?showtask=3">Open klasse</a>
               </li>
               !-->
               
      
            </ul>
         </li>
         <li>
            <a href="http://www.zweefvliegenonline.nl" target="_blank">Over zweefvliegradar</a>
         </li>   
      </ul>


</div>

   
<div id="legenda">
   <p class="legenda"><a href="javascript:void(showBox())"><img class="legenda" alt="" src="images/reddot.png" width="14" height="14"></a> Combi klasse</p>
   <p class="legenda"><a href="javascript:void(showBox())"><img class="legenda" alt="" src="images/bluedot.png" width="14" height="14"></a> Club klasse</p>
   <p class="legenda"><a href="javascript:void(showBox())"><img class="legenda" alt="" src="images/cyaandot.png" width="14" height="14"></a> Open klasse</p>
   <p class="legenda"><img src="images/spotdot.png" width="14" height="14"> Spot</p>
   <p class="legenda"><img src="images/greydot.png" width="14" height="14"> Geen deelnemer</p><br>
   <!--<input type="button" onclick="setMarkers()" value="refresh"> -->
</div>


</body>
</html>
Wat ik nu met name heb gedaan is {T_TEMPLATE_PATH}/mijn_folder/ gebruiken.

Re: pagina start zonder syle sheets

Geplaatst: 17 jun 2011, 13:41
door jaap57
Bedankt Ger, ik ga het proberen..

Re: pagina start zonder syle sheets

Geplaatst: 18 jun 2011, 08:02
door jaap57
Zo langzamerhand wordt ik een beetje wanhopig over iets wat normaal geen probleem is.
Het lijkt er op dat ik een goed werkende HTML-file in een aparte folder met in die zelfde folder de .js en .css files gewoon niet aan de praat krijg zodra hij in de templatefolder van het forum staat!

De HTML file wordt goed gevonden, maar dan..... kan die zijn css en js files niet vinden.
Dat is nu opgelost met het voorstel van Ger {T_TEMPLATE_PATH}. Maarrrr in de subfolder images kunnen soms wel, maar ook soms niet, de plaatjes gevonden worden! vanuit de HTML files gaat het goed. Vanuit de css file ook. maar wat ik ook doe, vanuit de js files worden geen plaatjse gevonden en ik heb ongeveer iedere directory-tree geprobeerd inclusief {T_TEMPLATE_PATH}.
Het wordt nog schimmiger als ik een tweede vrijwel gelijke html-file in de zelfde dir aanroep vanuit de eerste. Die file kan dan plotseling geen enkele directory of file (.js .css) meer vinden binnen zijn eigen folder hoewel zijn inhoud identiek is aan de aanroepende html-file.

Om de verwarring compleet te maken lijkt het probleem ook nog eens niet stabiel te zijn.
Gisteren werkte het gedeelte van de plaatjes wel maar nu ik vanmorgen de computer opstart en naar de betreffende website ga werkt plotseling een gedeelte van de plaatjes weer niet! Dat lijkt een cache probleem maar ik heb telkens alles netjes geflushed, zowel het forum als de browser (IE en firefox). maar de plaatjes blijven weg! ik wordt er een beetje wanhopig van....

Re: pagina start zonder syle sheets

Geplaatst: 18 jun 2011, 08:21
door Ger
jaap57 schreef:De HTML file wordt goed gevonden, maar dan..... kan die zijn css en js files niet vinden.
Dat is nu opgelost met het voorstel van Ger {T_TEMPLATE_PATH}. Maarrrr in de subfolder images kunnen soms wel, maar ook soms niet, de plaatjes gevonden worden! vanuit de HTML files gaat het goed. Vanuit de css file ook. maar wat ik ook doe, vanuit de js files worden geen plaatjse gevonden en ik heb ongeveer iedere directory-tree geprobeerd inclusief {T_TEMPLATE_PATH}.
Staan de afbeeldingen in de template map of in de theme-map? In het laatste geval moet je {T_THEME_PATH} of {T_THEME_PATH}/images gebruiken.
jaap57 schreef: Het wordt nog schimmiger als ik een tweede vrijwel gelijke html-file in de zelfde dir aanroep vanuit de eerste. Die file kan dan plotseling geen enkele directory of file (.js .css) meer vinden binnen zijn eigen folder hoewel zijn inhoud identiek is aan de aanroepende html-file.
Hoe bedoel je dit precies?

Re: pagina start zonder syle sheets

Geplaatst: 18 jun 2011, 08:45
door jaap57
Hallo Ger, bedankt voor de reactie.
De folder met de html, css, en js files staat in de template folder van het forum.
Er staat slechts één subfolder in en die heet images en bevat de plaatjes.
De twee css files roepen de imagefolder aan voor een achtergrond plaatje en dat wordt simpelweg gevonden door: images/plaatje.png.
Echter de js files vinden op die manier de folder niet! Een minuut geleden heb ik ontdekt dat die folder "images" door een js file wel gevonden wordt op de volgende manier: ./styles/mystyle/template/radarbox/images/plaatje.png
Nu is natuurlijk de vraag waarom het ene moment op de eerste en het volgende moment op de tweede manier.

Het tweede probleem is dat ik uiteindelijk twee identieke htmlfiles (op één interne link na) in de folder wil hebben die links bevatten naar elkaar. Maar als ik vanuit file 1 file twee (in de zelfde folder) aanroep, dan kan file 2 geen enkele css of js file vinden hoewel die toch echt in de zelfde folder staan en op de zelfde manier worden aangeroepen als in htmlfile 1. Wil ik daarna via de link in file 2 terug naar file 1 dan kan file 1 ook inmiddels geen js of css files meer vinden. Erg verwarrend allemaal...