Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Externe HTML-code? Kan dat?

onzinnet.tk
12 antwoorden
  • 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 http://www.jwp.freestart.nl/contact.htm

    Alvast bedankt!
  • 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.
  • 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.
  • 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="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
  • 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?
  • 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.
  • 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]
  • kijk heel even op: http://www.oncpd.nl/teacher/jsmenu/menutest.htm

    t.
  • [size=18:8c82b27a6e]Bedankt[/size:8c82b27a6e]

    Top!

    :P :D
  • 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]
  • 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.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.