Externe HTML-code? Kan dat?

[anoniem]

Ik weet dat je met JavaScript een extern bestand kan gebruiken. VOor mijn website gebruik ik een menu, dat zo'n 15 kb groot is, om dit steeds met 56k modem te downlaoden in elke pagina kan een beetje te veel worden. En als ik het menu graag wil updaten, moet ik dat in iedere pagina doen. En dat is een beetje lastig! Nu was mijn vraag aan de medegebruikers... [b:a308b8a352]Weten jullie ook of dit met HTML ook mogelijk is? Of een code schrijven voor javascript dat het menu wordt weergegeven?[/b:a308b8a352] ALs je de code wilt voor het menu, kun je mij mailen vanaf [url]http://www.jwp.freestart.nl/contact.htm[/url] Alvast bedankt!

[anoniem]

Op de webserver kan je werken met (server-side) includes, mits dat ondersteund wordt bij je provider natuurlijk. Aan de client kant heb je idd de mogelijkheid om je html voor het menu via javascript neer te zetten (maar of dat echt handig is, is een tweede). Nieuwere browsers kunnen overigens ook met xml bestanden werken, misschien dat je daar ook eens naar kan kijken.

[anoniem]

Waarom gebruik je geen frame om het menu in te zetten. Dan wordt het maar 1 keer geladen. En hoef je maar 1 bestand te wijzigen als je het menu wijzigd.

[anoniem]

dat was ik vergetren te vermelden. Het menu gebruikt redelijk wat ruimte, dat kan wel eens storend zijn voor kleinere resoluties, nu ik een tabel gebruik past die zich automatisch aan in de browser, een frame zou geen goede oplossing zijn, aangezien die altijd wel "zoveel" ruimte in moet nemen.

[anoniem]

[quote:c66cb4906d="onzinnet.tk"]dat was ik vergetren te vermelden. Het menu gebruikt redelijk wat ruimte, dat kan wel eens storend zijn voor kleinere resoluties, nu ik een tabel gebruik past die zich automatisch aan in de browser, een frame zou geen goede oplossing zijn, aangezien die altijd wel "zoveel" ruimte in moet nemen.[/quote:c66cb4906d] Ik kan me vergissen, maar volgens mij kun je de cellen van een tabel op dezelfde manier aanpassen als frames, ook de grootte dus. Groeten, Jasper

[anoniem]

Dat kan wel, dat weet ik zo niet uit het hoofd, zal ik ff moeten nakijken. Maar nu mijn vraag. Weten jullie daar een antwoord op?

[anoniem]

je kan twee dingen doen: je menu in javascript schrijven (gewoon met document.writeln) en dan aanroepen als script scr="bla.js" Of toch met frames werken en dan een breedte in % opgeven. Een menu in meerdere pagina's gaat heel makkelijk in een goede tekst editor; in coffeecup html editor kan je bijv alle open documenten of zelfs een mapinhoud find&replacen.... t.

[anoniem]

ik heb dat al eens geprobeerd, maar zal het wel fout hebben gedaan. Kun je me helpen met dat scriptje. Dit is een tabel uit mijn menu. Hoe moet ik dat doen als ik deze code heb [size=7:3c2b2c448c]<table width="100%" cellspacing="0" cellpadding="2"> <tr> <td class="titlebg" width="558"><font size="2" class="text2"><b>OnzinNet onderdelen</b></font></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="index.htm">OnzinNet Home</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="forum.htm">OnzinNet Forum</a></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="downloads.htm">OnzinNet Downloads</a></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="links.htm">OnzinNet Links</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="http://www.onzinnet.tk@quek.nl">OnzinNet Quek</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="groet.htm">OnzinNet Groeten</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="http://www.ejvugteveen.myweb.nl">OnzinNet Galleries</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="http://onzinnet.zzn.com" target="mail">OnzinNet E-mail</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"></td> </tr> </table> [/size:3c2b2c448c]

[anoniem]

kijk heel even op: http://www.oncpd.nl/teacher/jsmenu/menutest.htm t.

[anoniem]

[size=18:8c82b27a6e]Bedankt[/size:8c82b27a6e] Top! :P :D

[anoniem]

hoe heb je dat zo snel gedaan met welke functie in CoffeeCup?? Ik heb nog een laatste vraag. ZOu je deze code ook zo willen maken? [size=7:b661af1e74]<table border="0" width="100%" cellspacing="0" class="bordercolor" align="center" height="0"> <tr> <td class="bordercolor" width="100%"> <table width="100%" cellspacing="0" cellpadding="2"> <tr> <td class="titlebg" width="558"><font size="2" class="text2"><b>OnzinNet onderdelen</b></font></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="index.htm">OnzinNet Home</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="forum.htm">OnzinNet Forum</a></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="downloads.htm">OnzinNet Downloads</a></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="links.htm">OnzinNet Links</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="http://www.onzinnet.tk@quek.nl">OnzinNet Quek</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="groet.htm">OnzinNet Groeten</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="http://www.ejvugteveen.myweb.nl">OnzinNet Galleries</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="http://onzinnet.zzn.com" target="mail">OnzinNet E-mail</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <hr size="0" class="hr" width="95%"> <table border="0" width="100%" cellspacing="0"> <tr> <td width="100%"> <table border="0" width="100%" cellspacing="0" class="bordercolor" align="center" height="0"> <tr> <td class="bordercolor" width="100%"> <table width="100%" cellspacing="0" cellpadding="2"> <tr> <td class="titlebg" width="558"><font size="2" class="text2"><b>OnzinNet Beheer</b></font></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="mailto:onzinwebmaster@jeroenpet.tmfweb.nl?Subject=Onzinnet">E-mail Burner</a></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="mailto:niekvugteveen@hotmail.com?Subject=Onzinnet">E-mail Chaos</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="http://www.jwp.freestart.nl" target="_blank">Burner's Website</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <hr size="0" class="hr" width="95%"> <table border="0" width="100%" cellspacing="0"> <tr> <td width="100%"> <table border="0" width="100%" cellspacing="0" class="bordercolor" align="center" height="0"> <tr> <td class="bordercolor" width="100%"> <table width="100%" cellspacing="0" cellpadding="2"> <tr> <td class="titlebg" width="558"><font size="2" class="text2"><b>Nieuw!&nbsp;</b></font></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="http://www.jeroenpet.tmfweb.nl/wgirlsgall/index0.htm" target="_blank">OnzinNet W. Girls</a></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="http://www.ejvugteveen.myweb.nl/" target="_blank">Overige Galleries </a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="exclusief.htm"> OnzinNet Exclusief</a></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> <a href="cartoon.htm">OnzinNet Cartoon</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="verhaal.htm">OnzinNet Verhaalmaker</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><a href="flash.htm">OnzinNet FlashFiles</a> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <hr size="0" class="hr" width="95%"> <table border="0" width="100%" cellspacing="0"> <tr> <td width="100%"> <table border="0" width="100%" cellspacing="0" class="bordercolor" align="center" height="0"> <tr> <td class="bordercolor" width="100%"> <table width="100%" cellspacing="0" cellpadding="2"> <tr> <td class="titlebg" width="558"><font size="2" class="text2"><b>Dit menu is over</b></font></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <hr size="0" class="hr" width="95%"> <table border="0" width="100%" cellspacing="0"> <tr> <td width="100%"> <table border="0" width="100%" cellspacing="0" class="bordercolor" align="center" height="0"> <tr> <td class="bordercolor" width="100%"> <table width="100%" cellspacing="0" cellpadding="2"> <tr> <td class="titlebg" width="558"><font size="2" class="text2"><b>Deze ook</b></font></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"></td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> <tr> <td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"> </td> </tr> </table> </td> </tr> </table>[/size:b661af1e74]

[anoniem]

http://www.oncpd.nl/teacher/jsmenu/menu2.js dit helaas is geen coffeecup functie. ik type gewoon heel erg snel... :P nee hoor: dit is een "nutsoft html to anycode converter" truukje, maar er zijn meer "html to js" dingen te vinden met google... t.

[anoniem]

Thanx :lol: :D