Templateprobleem

Status
Niet open voor verdere reacties.
B

bwetpdpa

Gebruiker
Lid geworden
8 nov 2000
Berichten
241
Mijn website wordt wat groter, en ik had het idee opgevat om een aantal html documenten aan de hand van een template te maken, zodanig dat wanneer ik een pagina wil toevoegen, dit met een minimum van werk kan.
Maar nu werken mijn javascripts niet meer!
Deze scritpjes (javascript:void(0);) worden gebruikt om foto's groter te openen.
Bestaat er een manier om javascripten van html documenten, gemaakt aan de hand van templates, toch nog te laten funcitoneren?

www.peterdepauw.be (kijk eens op de tekst pagina van Venetië, Turkije, Mexico,
tussen de tekst staan foto's die zich openen bij aanklikken.
Met dez pagina's gemaakt aan de hand ve template lukt dit niet meer.
 
Je neemt gewoon het javascript gedeelte over
PHP: 
<script language="Javascript" type="text/javascript">
imagename='';
function vergroot(beeldnaam)
{
OpenWin = this.open("","GrootVenster","toolbar=no,menubar=no,location=no,scrollbars=no,resizable=no,status=no,width=650,height=500,left=50,top=50");
imagename = beeldnaam;
setTimeout('update()',500)
}
function update()
{
doc = OpenWin.document;
doc.write('<HTML><HEAD><TITLE>Groot beeld popup<\/TITLE><\/HEAD><BODY bgcolor="#9DC265" onBlur="self.focus()">');
doc.write('<center><IMG SRC="' + imagename + '">');
doc.write('<form><input type="button" value="Gelieve dit venster hier te sluiten."onClick="window.close()"><\/form><\/center><\/BODY><\/HTML>');
doc.close();
}
</script>
en als je dan een plaatje hebt dan neem je dit daarvoor aan.
PHP: 
<a onclick="javascript:vergroot ('{url naar plaatje});" href="javascript:void(0);"> 
 <img src="{url naar plaatje}" height=60 width=80 border="0" alt="klik voor de afbeelding op originele grootte" align="left"></a>
 
Wel javascript?

Het mag dan tussen php tags staan maar zoals Tha Devil aangeeft is het javascript
 
De kans was aanwezig dat wanneer ik gewoon de [ code] tags zou gebruiken, het forum dit meteen ging opnemen en je dus niets qua script zou zien. Daarom heb ik de phpfunctie gebruikt.

Als je naar de inhoud had gekeken had je wellicht gezien dat het geen PHP was maar "gewoon" HTML/Javascript.

Het script is exact van je site gekopieerd dus het moet werken :thumb:
 
Heel erg hard bedankt, Tha Devil en m@rio.

Ik zit nog met een probleempje, html documenten aan de hand van een template die ik nu meestuur, worden niet geupdated. Dus als ik iets in de template verander, dan verandert het niet in de html documenten. En zeggen dat ik 12 documenten aan de hand vd template gemaakt had.

Wellicht zit er een foutje in de template.
Ik heb er al lang op gezocht maar niet gevonden.

Ik stuur een zipje mee met de template en een aantal html documenten + een paar rare foutmeldingen.
 

Bijlagen

  • helpme.zip
    helpme.zip
    39,9 KB · Weergaven: 10
  • temp.gif
    temp.gif
    10,3 KB · Weergaven: 15
  • temp2.gif
    temp2.gif
    6,7 KB · Weergaven: 14
De reden dat niet alle bestanden meteen de wijziging aannemen komt omdat je elk HTML-document met een layout hebt gemaakt. De wijziging zal dan alleen van kracht zijn op het document waarin je het hebt gewijzigd.

Mijn eerste ingeving was jou aanraden een IFRAME te gebruiken, dit ging ik vervolgens even testen en kwam er al gauw achter dat dit geen oplossing is. Door het IFRAME moest ik de hoogte daarvan specificeren maar wanneer ik dit in percentages wilde doen lukt dit niet. Wanneer ik echter een getal in pixels doorgaf dan moest ik eerst zorgen dat alle text in een keer op het scherm kwam (anders had je 2x een scrollbalk en dat is niet zo gebruikersvriendelijk) dit lukt mij maar vervolgens werden dan de menu balkjes van de landen waar je heen bent geweest compleet uit elkaar gerekt en bleef er van die layout niets fatsoenlijks over.

Hetgeen ik je nu wil aanraden vereist wel enige gevorderde kennis van HTML en in het speciaal CSS.

Je zou kunnen gaan voor dezelfde indeling in CSS, hier is een voorbeeld te vinden. Deze pagina is hier in .ZIP formaat te downloaden.

Op deze manier ben je van een tabel opgebouwde site af, en kun je veranderingen veel sneller in het stylesheet wijzigen en ze zijn dan ook meteen van toepassing op alle documenten die gebruik maken van het stylesheet.
 
Als ik het goed versta, worden html documenten gemaakt via een template,

veranderen deze html pagina's alleen bij veranderingen in de template,
als er geen opmaak in die templates staat.
 
Stel je heb 3 pagina's maar je hebt dezelfde lay-out en toch een andere inhoud.

Je wijzigt op de eerste pagina bijvoorbeeld dat het menu rood wordt i.p.v. groen. Je slaat dit op en als je dan de pagina bekijkt ben je tevreden met het resultaat. (Het doel is immers bereikt)

Vervolgens bekijk je de 2e pagina en ziet dat hier alles nog groen is. Dat komt omdat de wijziging die je hebt gemaakt alleen op de eerste pagina van toepassing is. Wanneer je hier ook het menu rood wilt hebben zul je in dit document ook het menu zo aan moeten passen dat het groene rood wordt.

Gebruik je echter een extern stylesheet en je laat alle documenten hierop linken dan hoef je dus alleen maar in het .CSS stylesheet de kleur te wijzigen en het is meteen van toepassing op alle documenten.

Wanneer je van het bovenstaande verhaal niets begrijpt dan moet ik je mededelen dat het je ook niet gaat lukken zonder dat je je eerst in HTML en CSS gaat verdiepen. :confused:
 
Beste Tha Devil,
bedankt voor uw erg snelle en accurate antwoorden so far!
van een prima service gesproken!

Ik heb mijn template probleem kunnen oplossen en wel zo:
blijkbaar worden bij alleen veranderingen van non-edible regions in een template, de updates succesvol geüpdated naar de html documenten.
Ik heb dus de linkerkolom, met mijn reisverhalen, non-edible gemaakt, zodanig dat, als ik in die kolom een reisverhaaltje toevoeg, deze wel succesvol worden doorgestuurd naar de html documenten.
Dit is een prima oplossing, want stel dat ik een reisverhaal bv. Instanbul, moet toevoegen, dan moest ik op alle 19 html documenten een rijtje bijvoegen, en de link leggen naar het html document 'Istanbul'. Nu maak ik in de template een item 'Istanbul' aan, en automatisch worden deze in de 19 documenten geüpdated! Van een tijdsbesparing gesproken!!
 
Beste Tha Devil,

ik heb nog één klein probleempje dat ik wil schetsen aan de hand van twee bijlagen:
bijlage één: screenshot van het normale html

bijlage twee: screenshot van het html gemaakt aan de hand van een template:

u ziet dat de kolomhoogte in bijlage twee veel groter is.
Nochtans ziet het er in dreamweaver correct uit. (bijlage dreamwewer.gip) In de browser echter niet meer. De kolommen worden dus veel hoger.

Enig idee hoe ik dit probleem zou kunnen oplossen?
Door aanpassingen in de code van de template?
 

Bijlagen

  • bijlage1.gif
    bijlage1.gif
    26,2 KB · Weergaven: 15
  • bijlage2.gif
    bijlage2.gif
    56 KB · Weergaven: 11
  • dreamweaver.gif
    dreamweaver.gif
    37,8 KB · Weergaven: 18
Het probleem met de menu is hetzelfde als wat ik hier beschreef
Mezelf zei:
dit lukt mij maar vervolgens werden dan de menu balkjes van de landen waar je heen bent geweest compleet uit elkaar gerekt en bleef er van die layout niets fatsoenlijks over.
Klik om te vergroten...

De oplossing kon ik zelf ook niet vinden, dit komt hoogstwaarschijnlijk veroorzaakt door het gebruik van tabellen.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan