Toon posts:

[html] include file footer

Pagina: 1
Acties:
  • 44 views sinds 30-01-2008

Verwijderd

Topicstarter
het is de bedoeling om een footer te plaatsen die wordt opgeroepen vanuit een aparte pagina. Wat heb ik:

footer.html:
code:
1
2
3
<a HREF="contact_info.asp">Contact Us</a> 
<a HREF="copyright_info.asp">Copyright &copy; 2000-2002</a>
<a HREF="about_us.asp">Tailspin Toys</a>


en dan de index_test.htm:
code:
1
2
3
4
5
6
7
8
9
<html>
<head>
<title>Tailspin Toys</title>
</head>
<body>
<p>Welcome to Tailspin Toys! Here is a bunch of inline content that is distinct to this page only, so it is hard-coded into the content area.</p>
<!--#include virtual="footer.html"-->
</body>
</html>


als je gaat kijken op http://www.dekleinekarper.nl/index_test.htm daar staat het voorbeeld, het werkt niet! Iemand enig idee wat er verkeerd gaat?

In de search meerder keren gekeken en wel topic gevonden maar allemaal php gerelateerd ook heb ik google.nl gehad en daar vond ik wel wat maar zoals je ziet werkt het niet! Heb al contact opgenomen met mijn provider of er wel frontpage extentions zijn geinstalleerd op de server (tip van iemand) en dit is zo.

Misschien kunnen jullie mij verder helpen

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Je gebruikt een server-side include tag. Zolang je geen ASP/PHP/whatever gebruikt gaat die oplossing dus niet werken :Y)

Je zou een i-frame of frameset ofzo kunnen gebruiken om het client-side op te lossen. Nog mooier zou een stukkie javascript zijn, dat kun je namelijk wel makkelijk includen.

Je HTML ziet er dan zo uit:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Blah</title>
</head>

<body>
    <p>blablabla</p>
    <script language="JavaScript" src="myinclude.js" type="text/javascript"></script>
</body>
</html>


En in myinclude.js zet je dan vervolgens iets in de richting van:
JavaScript:
1
document.write('<b>Whooweee!</b> A "dynamic" footer');

Et voila... Moet je alleen nog effe in elke statische pagina die ene "<script>" tag opnemen en je bent er.

[ Voor 105% gewijzigd door RobIII op 13-10-2004 18:34 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


Verwijderd

Topicstarter
Ah super het werkt. Maar in het JS zet je een document.write...

daar krijg ik dit niet in!

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<p align="center"><small><small><font face="Verdana" color="#003300">-|</font><font face="Verdana" color="#000080"> 
<a onMouseOver=" window.status='Klik hier om naar de beginpagina te gaan.'; return true" onMouseOut="window.status=' '; return true" style="text-decoration: none" href="http://www.raven.nl">
<font color="#003300">home</font></a></font><font face="Verdana" color="#003300"> 
|
</font><font color="#000080"> <a
onClick="history.go(-1)"
onMouseOver=" window.status='Klik hier om terug te gaan naar de vorige pagina.'; return true"
onMouseOut="window.status=' '; return true" href="#" style="text-decoration: none">
<font color="#003300" face="Verdana">vorige</font></a></font><font face="Verdana" color="#003300"> 
|
</font> 
<font color="#000080">  
<a onMouseOver=" window.status='Klik hier om direct een e-mail te sturen.'; return true" onMouseOut="window.status=' '; return true" style="text-decoration: none" href="mailto:post@raven.nl">
<font color="#003300" face="Verdana">e-mail</font></a></font><font face="Verdana" color="#003300"> 
|
</font> <font face="Arial" color="#000080"> <a
onMouseOver=" window.status='Klik hier om helemaal naar de top van deze pagina te gaan.'; return true"
onMouseOut="window.status=' '; return true" href="#top" style="text-decoration: none">
<font color="#003300" face="Verdana">top</font></a></font><font face="Verdana" color="#003300">&nbsp;|
</font> <font face="Arial" color="#000080"> <a
onMouseOver=" window.status='Klik hier om deze pagina af te drukken.'; return true"
onMouseOut="window.status=' '; return true" href="Javascript:print(document)"
style="text-decoration: none"><font color="#003300" face="Verdana">afdrukken</font></a></font><font face="Verdana" color="#003300"> 
|
</font> 
<a href="http://www.raven.nl/shop/groups.htm" style="text-decoration: none">
<font face="Verdana" color="#003300"> v</font></a><font color="#000080"><a onMouseOver=" window.status='Klik hier voor de algemene voorwaarden, verzendkosten, hoe te bestellen, niet thuis en reclames (defecten).'; return true" onMouseOut="window.status=' '; return true" style="font-style: normal; text-decoration: none" href="http://www.raven.nl/shop/groups.htm"  target="_blank"><font color="#003300" face="Verdana">oorwaarden</font></a></font><font face="Verdana" color="#003300"> 
|
</font> 
<font face="Verdana" color="#000080"> 
<a onMouseOver=" window.status='Klik hier voor een uitleg van alle betaalmethodes.'; return true" onMouseOut="window.status=' '; return true" style="text-decoration: none" href="http://www.raven.nl/shop/voorwaarden/betaalmethodes_uitleg.htm"  target="_blank">
<font color="#003300">betaalmethodes</font></a></font><font face="Verdana" color="#003300"> 
|
</font><font face="Verdana" color="#000080"> 
<a onMouseOver=" window.status='Lees hier meer over veilig betalen en uw privacy op Raven.nl.'; return true" onMouseOut="window.status=' '; return true" style="font-style: normal; text-decoration: none" href="http://www.raven.nl/shop/voorwaarden/veilig_betalen.htm"  target="_blank">
<font color="#003300">veiligheid/ privacy</font></a></font><font face="Verdana" color="#003300"> 
|&nbsp; <script language="Javascript"> 
if (window.external){ 
document.write('<a onMouseover="window.status=\'Klik hier om Raven.nl toe te voegen aan uw favorieten.\';return true" onMouseout="window.status=\'\';return true" href="javascript:window.external.AddFavorite(\'http://www.raven.nl\',\'RAVEN.NL - Dé website van Raven Fishing & Outdoor, mét super voordelige online shop!\');"style="text-decoration: none">') 
document.write('favorieten |-</A></a></small></small></p>') 
} 
</script>
</font>
</small></small><font face="Verdana" color="#003300"><br>
</font></p>

<p align="center"><small><font face="Verdana" color="#000080"><small>
<a onMouseOver=" window.status='Bekijk het Copyright © 2004 van Raven.nl.'; return true" onMouseOut="window.status=' '; return true" style="text-decoration: none" href="http://www.raven.nl/copyright_disclaimer/copyright.htm"  target="_blank">
<font color="#003300">Copyright © 2004</font></a></small></font><small><font face="Verdana" color="#003300"> </font>
<font face="Verdana" color="#A09B48">
<a style="text-decoration: none" href="http://www.raven.nl" target="_blank">
<font color="#003300">Raven.nl</font></a></font></small></small><font face="Verdana" color="#003300"><br>
</font>
<font color="#000080">
<small><small>
<a style="text-decoration: none" onMouseOver=" window.status='Lees hier de Disclaimer van Raven.nl.'; return true" onMouseOut="window.status=' '; return true" href="http://www.raven.nl/copyright_disclaimer/disclaimer.htm"  target="_blank">
<font color="#003300" face="Verdana">Disclaimer</font></a></small></small></font></p>


Hoe gaan we dit dan oplossen? Ik heb het al gewoon geprobeerd om het op te slaan als JS maar daar trapt ie niet in (zie: http://www.dekleinekarper.nl/index_test.htm )

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Verwijderd schreef op 13 oktober 2004 @ 18:44:
Ah super het werkt. Maar in het JS zet je een document.write...

daar krijg ik dit niet in!

code:
1
dude, kap dit effe af!


Hoe gaan we dit dan oplossen? Ik heb het al gewoon geprobeerd om het op te slaan als JS maar daar trapt ie niet in (zie: http://www.dekleinekarper.nl/index_test.htm )
Waarom zou je dat niet kunnen document.write-en? Kwestie van goed escapen en een beetje eigen initiatief tonen en moeite doen...
Overigens krijg ik sterk de indruk dat je die HTML uit een of andere WYSIWYG editor hebt geplukt. Iig kan het een STUK compacter als je je effe verdiept in CSS en dat soort ongein ;)

[ Voor 15% gewijzigd door RobIII op 13-10-2004 18:47 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • Noork
  • Registratie: Juni 2001
  • Niet online
Je moet alle aanhalingstekens even escapen. volgens mij kan dat met een \

Dus \" krijg je dan steeds.

Verwijderd

Topicstarter
neuh zelf gemaakt. Maar misschien kan het korter, jah. Ik zal eens even flink gaan prutsen en dan post ik het eindresultaat wel weer.

Alvast bedankt!

  • Sosabowski
  • Registratie: Juni 2003
  • Laatst online: 18-04 11:49

Sosabowski

nerd

Zie dit als een subtiele hint: :)
In HTML 4.0 heeft het FONT element het label deprecated (afgekeurd) gekregen. Als alternatief kan met behulp van de verschillende eigenschappen voor lettertypen een stylesheet gedefinieerd worden. Omdat oudere browsers stylesheets niet ondersteunen en de ondersteuning in nieuwere browsers niet altijd correct is, blijft het gebruik van afgekeurde elementen en attributen voorlopig toegestaan.
bron
Als je gelijk met stylesheets begint maak je het jezelf een stuk makkelijker :)

The whole problem with the world is that fools and fanatics are always so certain of themselves, and wiser people so full of doubts. -- Bertrand Russell


  • mjax
  • Registratie: September 2000
  • Laatst online: 14-05 11:00
RobIII schreef op 13 oktober 2004 @ 18:30:
Je gebruikt een server-side include tag. Zolang je geen ASP/PHP/whatever gebruikt gaat die oplossing dus niet werken :Y)
offtopic:
Server side includes worden niet door ASP/PHP verwerkt, maar door de webserver, zoals Apache.

  • mullah
  • Registratie: April 2000
  • Laatst online: 19-07-2025
Server side includes worden niet door ASP/PHP verwerkt, maar door de webserver, zoals Apache.
Dit is redelijk ontopic vind ik


Als je serverside includes gebruikt (dus <!--#include virtual.... ) moet je je index_test.htm eigenlijk als extensie .shtm of .shtml geven.

De reden is simpel: serverside includes doen het alleen in server parsed html, en die heeft een .shtml extensie bij een normale installatie van de meeste webservers.

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
mjax schreef op 13 oktober 2004 @ 19:09:
[...]


offtopic:
Server side includes worden niet door ASP/PHP verwerkt, maar door de webserver, zoals Apache.
offtopic:
Mierencopulator :)
Ik weet het, ik was niet erg duidelijk. Je hebt volledig gelijk...

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 17:30

Pelle

🚴‍♂️

Meneer kleinekarper, kap nou eens met je helpdesktopics. Dit is de zoveelste die je met een beetje eigen moeite op had kunnen lossen :/
Pagina: 1

Dit topic is gesloten.