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

Webdesign (HTML, CSS, Flash)

[CSS] koppelen naar nieuwe inhoud

yendis
10 antwoorden
  • Ik voel me enorm dom met deze vraag :oops:, maar kom er even echt niet uit. Het is waarschijnlijk heel simpel, maar het kwartje valt even niet…
    Ik heb onderstaande site met CSS opgebouwd.:

    [img:f5e5374a9a]http://members.upc.nl/a.winkel4/forum/site.jpg[/img:f5e5374a9a]

    Het middelste gedeelte is een div met de naam content.
    Deze wil ik vullen met nieuwe content. Als ik in het navigatiemenu op "wie zijn wij" klik, wil ik dat de div gevuld wordt met nieuwe content.
    De link van "wij zijn wij" verwijst naar het bestand wijzijnwij.html.
    Deze heb ik gevuld met de volgende code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <div id="content">
    Dat is een goede vraag en nog wat tekst…
    </div>
    </body>
    </html>

    Helaas werkt dit dus niet. De div content wordt niet gevuld en plaats daarvan wordt er een nieuw venster geopend met de kale tekst die in de div zou moeten komen te staan.
    Hoe moet ik dit oplossen?
  • Je kan niet op die manier html "importeren" in een ander html bestand. Het kan wel via javascript (of door frames te gebruiken) maar de makkelijkere manier is gewoon een nieuwe pagina maken met alles erin dus de layout met de tekst in de content en de link opent dan die pagina (en geen "target" in je link zetten).
  • Met SSI moet dat toch kunnen? Als je bovenstaande code opknipt in
    [code:1:bb295a4bdd]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <div id="content"> [/code:1:bb295a4bdd] (sla op als header.html)

    en
    [code:1:bb295a4bdd]</div>
    </body>
    </html>[/code:1:bb295a4bdd] (sla op als footer.html)

    Vervolgens maak je pagina.[b:bb295a4bdd]shtml[/b:bb295a4bdd] aan (denk aan de S), die er dan zo uitziet:
    [code:1:bb295a4bdd]<!–#include file="header.html" –>
    inhoud van de content-div
    <!–#include file="footer.html" –>[/code:1:bb295a4bdd]
    Als je vervolgens pagina.shtml opent en naar de broncode kijkt, zul je zien dat je een perfect mooie HTML-code hebt, zonder dat je iedere keer alles hoeft te kopiëren of met frames moet werken.

    Voorwaarde is wel dat je host SSI (server side includes) ondersteunt.
  • Ik zou zoiets met PHP doen. Dan "include" je gewoon bij elkaar wat je op dat moment nodig hebt :-)
  • Kan natuurlijk ook. SSI of PHP include verschillen niet zoveel van elkaar.
  • Hé perfect zeg! Zo hou je alles lekker overzichtelijk en klein.
    En qua onderhoud is het ook makkelijker en dat vind ik helemaal niet erg. :)
  • Maar op die manier kan je niet dynamisch een andere pagina importeren. En dat lijkt de TS te willen doen.
  • Het mooiste zou zijn als je alleen de inhoud van de DIV kan vullen, maar dat wordt dus een beetje moeilijk.
    Met include heb je wel iets maar code, maar zoveel is dat ook weer niet.
    Ik kan er in ieder geval mee leven. :)
  • Je kan iets doen zoals je hier kan zien:
    http://boedesign.com/demos/wiggleslide/#box

    Maar dan moet al je inhoud in de zelfde pagina staan en als je veel plaatjes hebt oid dan kan de pagina nogal groot worden.
  • [quote:89a76b4f1a="Drewster"]Maar op die manier kan je niet dynamisch een andere pagina importeren. En dat lijkt de TS te willen doen.[/quote:89a76b4f1a]
    Ik denk dan zelf meteen aan systeem omgekeerd aan wat Ger voorstelde:

    [code:1:89a76b4f1a]
    <hier je algemene header>

    <?php include('pages/' . $_GET['page'] . '.html'); ?>

    <hier je algemene footer>
    [/code:1:89a76b4f1a]

    Paginas kan je dan opvragen via www.jedomein.ext/index.php?page=<naam_van_de_pagina>

    Let wel, dit slechts een opzet, er is heel veel mis mee, maar op dit forum is er genoeg over te vinden hoe je dit wel en niet moet doen.

Beantwoord deze vraag

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