onclick 2 frames vernieuwen

Status
Niet open voor verdere reacties.
Broertjuhhh

Broertjuhhh

Gebruiker
Lid geworden
6 feb 2007
Berichten
271
Hallo,

Ik wil met een button en onclick 2 frames vernieuwen maar ik kom er niet uit.

Wie weet raad.

Of te wel.

onclick refresh frame 1 en refresh frame 2
 
Hi Opdit,

Onderstaande werkt prima.. het refreshen gaat zo snel dat je het beste met een veranderde bgcolor kunt testen in je test.htm en test1.htm anders zie je het niet :D

Code: 
<iframe id="jahoor" src="test.htm"></iframe>
<iframe id="jahoor1" src="test1.htm"></iframe>

<input type="button" value="refresh" onClick="document.getElementById('jahoor').contentWindow.location.reload();
document.getElementById('jahoor1').contentWindow.location.reload() ">

groet
Jardin
 
Bedankt voor je snelle reactie.

Ik zie de frames maar als ik op refresh druk gebeurt er niks.

Het punt is, ik een website met 5 frames, in 1 van die frames (frame 1) heb ik 3 vlaggen staan om de taal van de site te kunnen veranderen.

Als ik nu op bijv. op de franse vlag klik dan moet zowel het menu in (frame 2) als wel het welkoms scherm in (frame 3) veranderen in het frans.
De menu's en welkom pages heb ik in de diversen talen reeds gemaakt.
 
Hi,

Tsja, nu zeg je weer heel wat anders...:rolleyes:
Eerst zeg je dat je met 1 knop 2 Iframes wilt refreshen en dat de code niet werkt..WERKT WEL.. en nu zeg je dat je IN een Iframe wilt klikken en dan refreshen...
 
Hallo,

Ik heb het niet over iframes (lees de vraag nog een keer) maar over frames.

Dus niet klikken op een iframe maar op een knop (button).
 
Laatst bewerkt:
hi
Je hebt gelijk, mijn fout...
Ik heb met een vroegere site dit wel eens gedaan door voor elke taal een nieuwe <frameset> te maken..
dus dan breng je je Engelse site onder in indexEng.htm enz.
 
Hoi Broertjuhhh,
Meerdere frames tegelijk updaten: zie hier in de handleidinghtml.nl: www.handleidinghtml.nl/javascript/frames/js-frames.html#updaten.

=======
Maar ... waarom gebruik je eigenlijk frames? Brrr! :confused:
Frames zijn tegenwoordig niet meer nodig en worden ten sterkste afgeraden; zie Alles over Frames.

Als je zonder veel moeite telkens hetzelfde op de pagina's wilt hebben, kan je veel beter PHP gebruiken.
Dat is supersimpel, en alle nadelen van frames zijn er niet (o.a. beter Google-vindbaarheid, gebruiksvriendelijker, enz.).



Met vriendelijke groet,
CSShunter
 
Hallo,

Bedankt csshunter en de anderen.

Het kan dus wel, het is me gelukt om na uren zoeken en sleutelen het voor elkaar te krijgen.
Ik wist dat het kon omdat ik het ooit is eerder al gedaan en gebruikt heb.
Hier onder staat, hoe ik het gedaan heb, dit voor een ieder die het ook graag wil.

Mocht je nog vragen hebben dan kan je mij op mijn website "(opdit.nl) - Contact - E-mail" een bericht sturen.


Bekijk je frameset goed en print het uit zodat je als je bezig bent de namen van de frames goed gebruikt en spelt.

Verander de namen van de betreffende frames in de namen zoals jij ze hebt in je frameset.
Onderstaande is gebaseerd op een frameset met 5 frames.

Frameset layout.jpg


Plaats dit in de <head> sectie

Code: 
<script language="JavaScript" type="text/javascript">

function change_engels()
{
parent.leftmaineFrame.location="menu_frame_eng.html";
parent.maineframe.location="main_frame_eng.html";
}

function change_frans()
{
parent.leftmaineFrame.location="menu_frame_fra.html";
parent.maineframe.location="main_frame_fra.html";
}

function change_nederlands()
{
parent.leftmaineFrame.location="menu_frame_ned.html";
parent.maineframe.location="main_frame_ned.html";
}

</script>

Plaats dit in de <body> sectie

Code: 
<p>

<a href="javascript:change_engels()"><img src="vlaggen/engels.jpg" name="engels" width="38" height="25" hspace="2" border="0" id="engels"></a>
<a href="javascript:change_frans()"><img src="vlaggen/frans.jpg" name="frans" width="38" height="25" hspace="2" border="0" id="frans"></a>
<a href="javascript:change_nederlands()"><img src="vlaggen/nederlands.jpg" name="nederlands" width="38" height="25" hspace="2" border="0" id="nederlands"></a>

</p>

Ps. Framesets vind ik prachtig
 
Laatst bewerkt:
Hoi Broertjuhhh,
Ps. Framesets vind ik prachtig
Klik om te vergroten...
Ik niet (zie boven waarom niet). Maar ik ben een voorstander van vrijheid van meningsuiting. :p

van-frameset-naar-php.png

PS: je geeft geen enkel argument.
 
Laatst bewerkt:
Hallo csshunter,

Dat ziet er goed (het zelfde) uit.
Ik heb wel een beetje verstand van PHP maar dit ben ik nog niet tegen gekomen.

Mijn argument:

Eén van de prettige dingen (vind ik) met frames is dat het beeld veel rustiger is bij het kiezen van een link, het scrollen van het beeld en de berijkbaarheid van het menu.
Ik vind het heel irritant dat het hele beeld scrolt en je weer naar boven moet om bij het menu te komen.
Als dat niet het geval is, zoals bij mijn site (opdit.nl) met frames, is het zeker de moeite waard om het te onderzoeken.

Heb jij een voorbeeld script voor me in PHP, van hoe een "frameset " er dan uit ziet ?
 
Hoi Broertjuhhh,
Ik vind het heel irritant als het hele beeld scrolt en je weer naar boven moet om bij het menu te komen.
Klik om te vergroten...
Aha, maar ... een tekstblok op vaste positie (met zo nodig een eigen scrollbalk) kan uitstekend met css gemaakt worden. Daar zijn geen frames voor nodig!
Je kan dus zonder problemen overstappen op php. :)

========
Heb jij een voorbeeld script voor me in PHP, van hoe een "frameset " er dan uit ziet?
Klik om te vergroten...
Eh, ja, dat staat eigenlijk al beschreven in het gegeven leesvoer "To frame or not to frame? PHP!".
En uitgebreider in het daar genoemde mini-tutorial opzet van een PHP-site.
Maar vooruit! ;)
We volgen de stappen die daar staan.

========
STAP 1. Eerst een gewone, complete pagina maken
We nemen de homepage.

Fase 1: Alvast 2 frames in de prullenbak
Het eerste dat opvalt, is dat de frames "leftframe" en "rightframe" overbodig zijn. Die tonen alleen de background (het blauw-wit verloop) links en rechts van de eigenlijke pagina.
Dit kan ook met css: een background-image dat bovenaan altijd de volle breedte inneemt (met repeat-x). Het witte onder-gedeelte kan hierbij gemist worden (waar het img ophoudt, is het toch al wit).
Aldus een nieuw, kleiner image (1,9kB ipv 13,2kB) gemaakt:



Fase 2: De kop er in
De pagina krijgt zijn breedte in de <body>: {width: 848px;}. Met {margin: 0 auto;} wordt de pagina gecentreerd. De kop-afbeelding kan nu als background-img in de body komen (niet herhaald: no-repeat). Daarmee wordt deze over de verloop-achtergrond van de html heen geplakt.
De kop-afbeelding sluit nu naadloos aan bij de linker- en rechterkant.


  • Fase 2: kop in de pagina: opdit-home-02.htm
  • Tijdelijk met streep-lijntjes aangegeven waar de pagina-breedte ophoudt.

Fase 3: Het menu er in
Hiervoor maken we een <div id="header"> aan. We roven het menu uit de frame-pagina hoofdmenu.php, en plakken dat in deze <div id="header">.
Er hoort het stylesheet voor het menu bij (pro_pullup_1.css), dus dat nemen we nu op in de <head> van de pagina.


  • Fase 3: menu in de pagina: opdit-home-03.htm
  • De styles voor de #nav bleken niet helemaal te kloppen, dus dat is gecorrigeerd (zie broncode).
  • NB: tijdelijk zijn de oude (sub)pagina-links aangehouden (moeten tzt nog vervangen worden).
  • De target="maineframe" is al wel weggehaald bij alle menu-links. ;)

Fase 4: Het content-blok
Hiervoor maken we een <div id="main"> aan. Wat is de bedoeling?
  • Deze div moet een vaste positie krijgen: {position: absolute;}.
  • De bovenkant moet onder het menu beginnen: {top: 170px;}.
  • Onderaan moet nog ruimte zijn voor de footer: {bottom: 40px;}.
  • De rechterkant moet uitlijnen op de rechterkant van de pagina-breedte: {right: 0;}.
  • Om dit te laten werken moet de <body> een {position: relative;} krijgen.
  • De linkerkant moet op 208px vanaf links beginnen: {left: 208px;}.
  • De achtergrond kan er in: {background: url(computer/achtergrond.jpg);}.
  • Voor het mooi een randje boven, links en beneden eromheen: {border: solid #D6DDE3; border-width: 1px 0 1px 1px;}.
En dan het klapstuk voor de eventueel nodige verticale scrollbar; de overflow-eigenschap (wat er moet gebeuren als de tekst te groot is) op auto zetten, {overflow: auto;}.


  • Fase 4: de main-div in de pagina: opdit-home-04.htm
  • De scrollbar is er nu nog niet, want er is geen tekst die te groot is!

Fase 5: de inhoud er in
De content van de homepage kan nu in de <div id="main"> gezet worden.
  • Aan de #main is een padding van 15px links, rechts en onder toegevoegd om los van de zijkanten te komen.
  • Er is een <h1> toegevoegd met de naam van de pagina.
  • Als je de font-family in de body-styles opneemt, hoeft deze er niet voor elk p-element bij gezet te worden (moet nog weggehaald worden).
  • De kopjes boven de berichten kunnen beter met een <h2> gemaakt worden dan met een <p> (moet nog gebeuren).
  • Eigenschappen align="..." en de tag <font> zijn Vreselijk Verboden Voorwerpen (zie hier; moet nog in css omgezet worden).
Dat leidt tot deze:


  • Fase 5: de inhoud in de main-div: opdit-home-05.htm
  • De scrollbar is er nu automatisch bij gekomen. :)

Wordt vervolgd!
Met vriendelijke groet,
CSShunter
 
Verder met STAP 1.

Fase 6: het linkerkolom-blok
Op dezelfde manier als het inhoud-blok kan nu ook de linkerkolom gearrangeerd worden.
Het blok krijgt de veelzeggende naam: <div id="left">.


  • Fase 6: linkerkolom aangemaakt: opdit-home-06.htm
  • Ook hier een scrollbar op de volautomaat.

Fase 7: de linkerkolom gevuld
Hiervoor putten we uit de oude leftmainframe.php.
  • De style-rommeltjes uit de html gehaald, en als css toegevoegd.
  • De slideshow hoeft niet in een <iframe>: is rechtstreeks in de html gezet (weer een frame minder!). :)
  • Er hoort het slideshow-javascript tFader.js bij; dat is er middenin gezet, en in de settings aangepast voor de image-locatie.
NB: Er zat een fout in de settings. De laatste image-bron 'imageslider/img/computercases-05.jpg' mag er geen komma achter hebben staan. Dat veroorzaakt een foutmelding in Internet Explorer (in ieder geval in IE7): "Last element of the items structure is undefined". Dwz na de komma wordt er nog een item verwacht, en dat is er niet; waarmee de slideshow niet afspeelde. Nu hersteld.



Fase 8: de footer
En op dezelfde wijze wordt ook een <div id="footer"> aangemaakt en gevuld.



========
"Ziezo, dat was ... STAP 1" ;), sprak handenwrijvend CSShunter.

Wordt vervolgd!
___________
PS: Wel een aardige van de buienradar:
middernachtszon.png

Ik ben nog even buiten gaan kijken: onbewolkt, dus zeker zonsverduistering vannacht. :D
 
Hallo csshunter, :thumb:

Heb ik heb je wakker gehouden... of was het de zonsverduistering ;-)

Sprakeloos, dit is fantastisch, echt, dat heb ik al die jaren gemist !

Dit vergt nog wel enige studie aan mijn kant maar met jou uitleg moet dat lukken.
De boeken heb ik (Webdesign met PHP 5, PHP & Mysql voor Dummies, en Werken met PHP 5 en Mysql) dus met die er bij moet het te doen zijn.

Wat nu ook kan is dat het menu nu naar beneden kan uitklappen in plaats van naar boven.

Wacht met spanning af op het vervolg en ga ik nu alles bestuderen.
 
Laatst bewerkt:
Hoi Broertjuhhh,
Even terzijde, n.a.v.:
De boeken heb ik (Webdesign met PHP 5, PHP & Mysql voor Dummies, en Werken met PHP 5 en Mysql) dus met die er bij moet het te doen zijn.
Klik om te vergroten...
  • Deze boeken kan je met een gerust geweten in de kast laten staan, want die zullen we helemaal niet nodig hebben! :)
  • Tot dusverre was het alleen html en css, en daar zal het bijna bij blijven.
  • De noodzakelijke php-kennis is beperkt tot ... het hanteren van 1 regeltje code.

Waar je meer aan hebt: goede kennis van html en css.



Als je die ca. 550 goed geïllustreerde pdf-pagina's even uitprint, heb je iets te doen als je nog met vakantie gaat naar een land waar de middernachtzon schijnt. :D Of een laptopje met zonnecellen mee. Maar pas op: css is erg verslavend!

Wordt vervolgd!
CSShunter
 
Laatst bewerkt:
Hoogmoed komt voor de val!

Tja, nu meldde ik in reactie nr.13 (What's in a number?) wel triomfantelijk "Ziezo, dat was ... STAP 1", maar dat was ietsiepietsie voorbarig.

Ik zondigde nl. schromelijk tegen de Gouden Regel Nr. 3:
  • "Do it TESTING-AND-TESTING-AND-TESTING at each small step, and you will never find surprises in the end!"
Want de pagina ziet er op het oog aardig uit als bedoeld, en werkt verder ook; maar is het wel code die door de beugel kan? Hoe staat het met de css-validator en de html-validator?

CSS-controle
De css-validator gaat akkoord en juicht bij testversie opdit-home-08.htm tevreden: Valid css2.1 - Gefeliciteerd! Geen fouten gevonden.

HTML-controle
Juicht de html-validator ook?
Neu! :shocked:
De html-validator vindt ... 236 Errors, 42 warnings. Oeps! :confused:

Wat is hier aan de hand?
Een deel van de fouten is "import", want die zaten al in de verschillende frames bij de frame-structuur:

hoofdmenu.php ....................: 6 Errors, 1 warning
leftmainframe.php ................: 5 Errors, 1 warning
imageslider/index.php (het iframe): 4 Errors
mainframe.php ...................: 43 Errors, 7 warnings
bottomframe.php ..................: 2 Errors
==========================================================
totaal ..........................: 60 Errors, 9 warnings
​

Waar komen die andere 176 errors en 33 warnings dan vandaan?
Die zitten 'm in het nu gehanteerde strengere Doctype "xhtml1.0-strict", dat ernstig aanbevolen wordt door de webrichtlijnen.nl.
De oude framepagina's hadden op 1 na allemaal het "html4.1-transitional" Doctype, de meest vergeeflijke soort die de eerder genoemde Vreselijk Verboden Voorwerpen (reactie nr. #12, fase 5) oogluikend toestaat.
Maar xhtml1.0-strict doet dat niet: daarin moeten de stijl-eigenschappen in de css komen ipv in afgekeurde tags en eigenschappen in de html-code.

Nu zitten de meeste errors en warnings in het inhoud-gedeelte van de pagina, en niet in de "randverschijnselen" die eerder in de eromheen gedrapeerde frames zaten.
Laat je de inhoud uit de gemaakte pagina weg, dwz. opdit-home-08a.htm, dan blijven er nog maar 13 Errors, 3 warnings over.

Er moet dus nog iets gebeuren:
  1. Deze 13 errors en 3 warnings moeten meteen aangepakt worden, want die zitten in het gedeelte dat op elke pagina moet terugkomen.
    Dat gaan we zo even doen.
  2. De errors in de inhoud van deze homepage mag je zelf verbeteren. ;)
    Maar gelukkig zijn het veel dezelfde, die met een "Zoek en vervang" in je html-editor (bv. met de prima en gratis Notepad++) snel in het reine te brengen zijn.

Fase 9: html-errors oplappen
Errors buiten de maincontent
  • Regel 132: Een verboden apostrof uit de ID weggehaald: id="links" (ipv id="link's"); volgens de standaarden mogen dit soort bijzondere lettertekens niet in ID's gebruikt worden.
  • Regel 145: De bookmark-link uit het menu gehaald, want foutief javascript en alleen voor Internet Explorer te gebruiken. Kan denk ik gewoon gemist worden. Anders even een Google op "cross browser bookmark script".
  • Regel 170: Het target="_blank" (voor openen van een link in een nieuw tabblad) is in xhtml-strict niet toegestaan. Deze error laten we bestaan, om ales alles verder xhtml-strict is, het Doctype in xhtml-transitional te veranderen (daarin mag het wel). PM-punt!
  • Regel 171: In een link mogen geen &-tekens gebruikt worden. Voor "URL-encoding" gelden speciale regels, en een & in een url moet &amp; worden.
Tip: voor snel aanpassen is er dit online-tooltje: Valid-o-Link. :)
​


  • Regel 171: Het name="buienradar" geschrapt; mag niet, een id met de naam is genoeg.
  • Regel 172: Dubbele id="buienradar" er uit gehaald. De inline-style voor de border naar de css overgezet. Verplichte alt="" en eind-slash /> voor het img toegevoegd.
  • Regel 194: Diverse schijn-fouten, omdat bij het inline javascript niet voorzien was in de "CDATA" ("character-data") commentaarregels aan begin en eind, waardoor bv. de <img> in het script-commentaar als foute html gelezen werd. - Toegevoegd.
Hiermee zijn de errors en warnings gesmolten, op de ene voor het target na.

Resultaat:

==========

"Ziezo, dat was ... STAP 1: Eerst een gewone, complete pagina maken". *)
Waar ging het in dit topic ook alweer om? ;)

Wordt vervolgd!
CSShunter
____________
*) In het mini-tutorial PHP-website staat niet voor niets:

Waarschuwing vooraf
Het meeste werk gaat zitten in het "gewone" ontwerp van de website. Dit moet eerst gebeuren, en daarna wordt het ombouwen tot php-site een kwestie van eenvoudig knippen en plakken!
 
Laatst bewerkt:
Knippen en plakken!

Eindelijk verder met het echte werk:
STAP 2. Uitknippen en inplakken.

Fase 10: de css extern.
We beginnen met het uitknippen van het css-blok met styles in de <head> van de pagina.
  • De css er uit: knip! En plak in een bestandje dat bv. heet: opdit-custom.css.
  • Uploaden naar je mapje met de stylesheets.
  • In de html op de uitgeknipte plek de link zetten, bv.: <link rel="stylesheet" type="text/css" href="http://opdit.nl/css/opdit-custom.css" />
  • NB: later kun je hier extra styles bij zetten, als je die bij het vullen van de inhoud nodig gaat krijgen.

Fase 10: alle css in externe stylesheets: opdit-home-10.htm

==========

Fase 11: Het model
Wat we nu hebben, is het kale model (zonder pagina-inhoud in de main-div) dat alle pagina's krijgen. Het bestaat simpelweg uit de <head>:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>.....</title>

    <!-- meta-elementen naar keuze, o.a. de description per pagina -->

    <link rel="shortcut icon" type="image/x-icon" href="" /><!-- locatie nog invullen -->
    <link rel="stylesheet" type="text/css" href="http://opdit.nl/hoofdmenu/pro_pullup_1/pro_pullup_1.css" />
    <link rel="stylesheet" type="text/css" href="http://opdit.nl/css/opdit-custom.css" />
</head>

En als <body>:
HTML: 
<body>
    <div id="header">
        ... alles wat in de header staat
    </div>
    <div id="main">
        ... alle inhoud van een bepaalde pagina
    </div>
    <div id="left">
        ... alles in de linkerkolom
    </div>
    <div id="footer">
        ... de footer-tekst
    </div>
</body>
</html>
Dat is te overzien!

Verder uitkleden
Dit kale model gaan we nog verder uitkleden.
  • Alles wat binnen de #header-div staat: knip! En plak in een bestandje dat bv. heet: opdit-header-fragment.htm
  • Uploaden naar een nieuw mapje voor alle fragmenten, bv. opdit.nl/includes/opdit-header-fragment.htm
  • Eindelijk de php!
    In de html op de uitgeknipte plek de PHP-instructie zetten:
    <?php include("includes/opdit-header-fragment.htm"); ?>

Als je nu het fragment los gaat bekijken, ziet dit er wel heel erg uitgekleed uit: geen enkele opmaak te zien.
Maar geen paniek! De html-code is waar het hier om gaat, en die is in orde (zie broncode).

Verder!
  • Alles wat binnen de #left-div staat: knip! En plak in een bestandje dat bv. heet: opdit-left-fragment.htm
  • Uploaden naar een nieuw mapje voor alle fragmenten, bv. opdit.nl/includes/opdit-left-fragment.htm
  • In de html op de uitgeknipte plek de PHP-instructie zetten:
    <?php include("includes/opdit-left-fragment.htm"); ?>

Verder!
  • Alles wat binnen de #footer-div staat: knip! En plak in een bestandje dat bv. heet: opdit-footer-fragment.htm
  • Uploaden naar een nieuw mapje voor alle fragmenten, bv. opdit.nl/includes/opdit-footer-fragment.htm
  • In de html op de uitgeknipte plek de PHP-instructie zetten:
    <?php include("includes/opdit-footer-fragment.htm"); ?>

Het nieuwe model
De totale model-pagina bestaat nu uit:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>.....</title>

    <!-- meta-elementen naar keuze, o.a. de description per pagina -->

    <link rel="shortcut icon" type="image/x-icon" href="" /><!-- locatie nog invullen -->
    <link rel="stylesheet" type="text/css" href="http://opdit.nl/hoofdmenu/pro_pullup_1/pro_pullup_1.css" />
    <link rel="stylesheet" type="text/css" href="http://opdit.nl/css/opdit-custom.css" />
</head>

<body>

<div id="header">
	<?php include("includes/opdit-header-fragment.htm"); ?>
</div><!-- einde #header -->

<div id="main">
	in te vullen pagina-inhoud
</div><!-- einde #main -->

<div id="left">
	<?php include("includes/opdit-left-fragment.htm"); ?>
</div><!-- einde #left -->

<div id="footer">
	<?php include("includes/opdit-footer-fragment.htm"); ?>
</div><!-- einde #footer -->

</body>
</html>
En het resultaat:

=============
Einde STAP 2.
Maar-maar-maar ... waar zit in het resultaat van fase 11 nu het menu, de linkerkolom en de footer??? Die zijn er niet. :rolleyes:

Wordt vervolgd!
CSShunter
 
Afronden maar!

STAP 3. Toveren!
Maar-maar-maar ... waar zit in het resultaat van fase 11 nu het menu, de linkerkolom en de footer??? Die zijn er niet. :rolleyes:
Klopt. :)
De pagina 11 is aan de server toegediend als html-bestand, en dan staat de PHP-machine op de server niet aan.
Die gaan we aanzetten!

Fase 11-B: Van htm naar php
De php-machine op de server aanzetten gaat erg simpel.
  • Je hernoemt de pagina van opdit-home-11.htm tot opdit-home-11.php.
  • Uploaden en klaar.

En zie het wonder:

=============

Einde van deze 3-traps raket: het ging steeds sneller :) (buiten de dampkring is steeds minder weerstand).

  • Nu kan elke pagina gevuld worden met mooie valid xhtml1.0-strict.
  • In de html daarvan kunnen waar nodig id's en classes toegevoegd worden om verse css toe te dienen.

Wat waarschijnlijk wel handig is, is om een nieuwe map "pagina's" aan te leggen, waar je alle nieuwe pagina's volgens het model in stopt, behalve de index.php.
De includes-map kan je ook al aanleggen zonder dat het stoort.
In het #header-fragment kan je al de nieuwe pagina-vindplaatsen in het menu opnemen.

Zo staat alles apart van de huidige site, en kan je op de achtergrond rustig doorbouwen aan de nieuwe gedaante.
  • Vanuit de "oude site" kan je nl. nooit bij de nieuwe (nog incomplete) komen.
  • En de nieuwe, voor zover die af is, kan je steeds (via intikken van de nieuwe URL van een pagina) testen tot alles naar wens is.
  • Op het allerlaatst maak je dan de nieuwe index.php.
  • Heb je die ter vervanging van de huidige index.php geüpload, dan werkt alles in één klap! :)

Mooi hè, php?

Succes!
Met vriendelijke groet,
CSShunter
___________
PS: Ik zou op de homepage een korte intro maken, waarin staat op wat voor soort site men is terechtgekomen.
PS-2: O ja, nog vragen? ;)
 
Hallo csshunter,

Of ik nog vragen heb... laten we eerst maar beginnen met een heel groot compliment, IN ÉÉN WORD FANTASTISCH !
Ik weet niet wat me overkomt.

CSS is geheel nieuw voor me en moet ik dus flink aan de studie en dat ga ik ook zeker doen.
De... div, Header, footer, main etc., zijn voor mij allemaal nieuwe begrippen en moet ik ook zien door te krijgen hoe dat in verhouding staat tot frames.
Dus zal ik je zeker nog vragen gaan stellen, maar eerst bestuderen.

csshunter, als ik ooit wat terug kan doen, schroom dan niet !

Heel erg bedankt !

Ps. En dan te bedenken dat de vraag was, Hoe kan ik met 1 onclick 2 frames vernieuwen :d
 
Hallo csshunter,

Zoals je waarschijnlijk wel gemerkt hebt ben ik even weg geweest, maar heb me gedurende die tijd wel verdiept in css.

Graag zou ik nu verder willen met de site en het project af maken.

Zoals je schreef in Fase3. De target="maineframe" is al wel weggehaald bij alle menu-links.

Mijn vraag is nu, door wat moet, wat voorheen "target" was in het menu, vervangen worden ?
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan