Tekst door gebruiker groter of kleiner maken

Status
Niet open voor verdere reacties.

TBosgraaf

Gebruiker
Lid geworden
12 okt 2009
Berichten
30
Ik heb een website, gemaakt met Web2date. Hoe kan ik de html code dusdanig aanpassen dat de bezoeker zelf, dmv klikken op een knopje, alle tekst op de hele pagina groter of kleiner kan krijgen?

Taede

dmv volgende code in de index.php te zetten lukt het om de tekst aan te passen

<div class="paragraph">
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">a</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">a</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">a</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">a</span></a>
klik op juiste lettergrootte voor betere leesbaarheid </div>

Echter de gekozen lettergrootte blijft niet vast staan bij het voor of terugbladeren, hoe kan ik de default lettergrootte wijzigen in de gekozen lettergrootte?
 
Laatst bewerkt:
Aha, je bedoelt zoiets: www.clba.nl/backup-clba-site_24-11-2010/ ?
Het vastzetten van een gekozen letterformaat (ook voor de volgende pagina's in de site) moet gebeuren met behulp van een "cookie".

Het idee is: normaal gesproken verdwijnt de instelling als je een pagina verlaat. De javascript-instelling wordt weggegooid. Door een cookie met een variabele voor het gekozen formaat te plaatsen op de computer van de bezoeker, blijft de instelling bewaard. De volgende pagina van de site vraagt het cookie op, leest de variabele uit, en gebruikt die om het letters van de nieuwe pagina op het gewenste formaat te brengen. Zolang je de browser niet uitzet, blijft het cookie staan (behalve als je in je browser het gebruik van cookies hebt uitgeschakeld natuurlijk).
De eerstvolgende keer dat je op dezelfde site komt, moet je dus weer even het letterformaat naar wens instellen, en dan blijft dat weer zo tijdens het bezoek.
Het plaatsen resp. ophalen van het cookie gaat weer met javascript.

Het script van genoemde site zit hier: www.clba.nl/backup-clba-site_24-11-2010/toebehoren/script-functions.js.
Er zitten ook partjes script voor andere doelen in, en het is geoptimaliseerd voor toegankelijkheid (bv. alleen inhangen van het "kies letterformaat" blokje als javascript aan staat). Met lagere eisen kan het eenvoudiger.

Met vriendelijke groet,
CSShunter
_____________
PS voor toevallige voorbijkomers: dit werkt alleen goed, als je de font-size van alle elementen in relatieve eenheden hebt opgegeven; dus bv. in em's, en niet in px!
 
Laatst bewerkt:
Bedankt csshunter, zo bedoelde ik het. Alle hoe en waar en wat zet ik e.e.a in de gegenereerde index.php?
===============
<!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" xml:lang="nl" lang="nl">
<head>
<title>Stichting Platform Gehandicaptenbeleid Coevorden</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="expires" content="0" />
<meta name="author" content="T. Bosgraaf" />
<meta name="description" content="Gehandicaptenbeleid Coevorden" />
<meta name="keywords" lang="nl" content="Gehandicaptenbeleid belemmeringen obstakels" />
<meta name="generator" content="web to date 7.0" />
<link rel="stylesheet" type="text/css" href="./assets/sf.css" />
<link rel="stylesheet" type="text/css" href="./assets/sm.css" />
<link rel="stylesheet" type="text/css" href="./assets/ssb.css" />
<script type="text/javascript" src="./assets/m.js"></script>
<script type="text/javascript" src="./assets/jq.js"></script>
</head>

<body>
<div id="topicmenu1" class="menu">
<a class="menuItem" href="./over-de-stichting/samenstelling-platform/index.html" onmouseover="return subMenuTouch(event, 'subtopicmenu11');">Samenstelling Platform</a>
<a class="menuItem" href="./over-de-stichting/van-het-bestuur/index.html" onmouseover="return subMenuTouch(event, 'subtopicmenu12');">van het Bestuur</a>
<a class="menuItem" href="./over-de-stichting/missie-en-visie/index.html" onmouseover="return subMenuTouch(event, '');">Missie en Visie</a>
<a class="menuItem" href="./over-de-stichting/contact/index.html" onmouseover="return subMenuTouch(event, '');">Contact</a>
<a class="menuItem" href="./over-de-stichting/folders-brochures-ed/index.html" onmouseover="return subMenuTouch(event, 'subtopicmenu15');">Folders, brochures ed.</a>
</div>
<div id="topicmenu3" class="menu">
<a class="menuItem" href="./hoe-zit-het/wmo/index.html" onmouseover="return subMenuTouch(event, '');">Wmo</a>
<a class="menuItem" href="./hoe-zit-het/taxivervoer/index.html" onmouseover="return subMenuTouch(event, '');">Taxivervoer</a>
<a class="menuItem" href="./hoe-zit-het/toegankelijkheid/index.html" onmouseover="return subMenuTouch(event, '');">Toegankelijkheid</a>
</div>
<div id="subtopicmenu11" class="menu">
<a class="menuItem" href="./over-de-stichting/samenstelling-platform/bestuur/index.html">Bestuur</a>
<a class="menuItem" href="./over-de-stichting/samenstelling-platform/leden/index.html">Leden</a>
</div>
<div id="subtopicmenu12" class="menu">
<a class="menuItem" href="./over-de-stichting/van-het-bestuur/agena-vergaderingen/index.php">Agenda vergaderingen</a>
<a class="menuItem" href="./over-de-stichting/van-het-bestuur/actuele-notulen/index.html">Actuele notulen</a>
<a class="menuItem" href="./over-de-stichting/van-het-bestuur/notulen-archief/index.html">Notulen archief</a>
<a class="menuItem" href="./over-de-stichting/van-het-bestuur/jaarverslagen/index.html">Jaarverslagen</a>
</div>
<div id="subtopicmenu15" class="menu">
<a class="menuItem" href="./over-de-stichting/folders-brochures-ed/folder/index.html">Folder</a>
<a class="menuItem" href="./over-de-stichting/folders-brochures-ed/parkeerkaart/index.html">Parkeerkaart</a>
<a class="menuItem" href="./over-de-stichting/folders-brochures-ed/sticker-toegankelijkheid/index.html">Sticker toegankelijkheid</a>
<a class="menuItem" href="./over-de-stichting/folders-brochures-ed/brandbrief/index.html">Brandbrief</a>
</div>
<div id="logo">
</div>


<div id="nav">
<div id="navtop"></div>

<div id="eyecatcher"></div>
<form class="search" action="./fts.php" method="get">
<div id="searchbox">
<input class="search" type="text" name="criteria" maxlength="30" />
<input type="image" src="./images/psearch.gif" />
</div>
</form>
<ul>
<li><a class="menuButton" style="font-weight:bold;" href="./index.php" onmouseover="menuTouch(event, '');">Startpagina</a></li>
<li><a class="menuButton" style="" href="./over-de-stichting/index.html" onmouseover="menuTouch(event, 'topicmenu1');">Over de Stichting</a></li>
<li><a class="menuButton" style="" href="./waar-staan-we-voor/index.html" onmouseover="menuTouch(event, '');">Waar staan we voor</a></li>
<li><a class="menuButton" style="" href="./hoe-zit-het/index.html" onmouseover="menuTouch(event, 'topicmenu3');">Hoe zit het?</a></li>
<li><a class="menuButton" style="" href="./informatie-en-klachten/index.html" onmouseover="menuTouch(event, '');">Informatie en klachten</a></li>
<li><a class="menuButton" style="" href="./links/index.html" onmouseover="menuTouch(event, '');">Links</a></li>
</ul>

<div id="commonbox">
<ul>
</ul>
</div>

<div id="navbottom"></div>
</div>

<div id="main">
<div id="maintop"></div>
<div id="content">
<div id="youarehere">
<a href="./index.php">Startpagina</a>
</div>
<h1 style="background-image:url(./images/ph00000000000000001.gif);"></h1>

<h2><a name="6586539e8709ea50a"></a>Algemeen</h2>
<p style="" >8Hier moet een algemeen stukje tekst over de stichting komen <br/><br/><br/>blablablablablablablablablablablablablablablablablablablablablablablablablablablablabla<br/>blablablablablablablablablablablablablablablablablablablablablablablablablablablablabla<br/>blablablablablablablablablablablablablablablablablablablablablablablablablablablablabla<br/></p>
<h2><a name="6586539e8709f0b0b"></a>Agenda</h2>
<!-- W2DPluginWhatsUp -->
<?php

$t[1]["text"]="Opzet concept website";
$t[1]["picture"]="";
$t[1]["link"]="";
$t[1]["target"]="";
$t[1]["date"]=mktime(0,0,0,2,26,2011);

$t[2]["text"]="Ander interessante datum";
$t[2]["picture"]="";
$t[2]["link"]="";
$t[2]["target"]="";
$t[2]["date"]=mktime(0,0,0,2,27,2011);

$t[3]["text"]="opbreking markt ten einde";
$t[3]["picture"]="6586539e8709f0b0b3s.jpg";
$t[3]["link"]="";
$t[3]["target"]="";
$t[3]["date"]=mktime(0,0,0,3,5,2011);

$pre=62 * 86400;
$post=(7+1) * 86400;
$showdate=1;
$sidebarmode=0;

if (!$sidebarmode) {
echo ("<table cellpadding=0 cellspacing=0 border=0 width=100%>\n");
}

for ($i=1;$i<=3;$i++) {
if (time()>$t[$i]["date"]-$pre && time()<$t[$i]["date"]+$post) {
if ($sidebarmode) {
echo ("<p>");
} else {
echo ("<tr>\n");
echo ("<td class=s2d valign=top >\n");
}

if ($showdate) {
echo ("<b>".date("d/m/Y",$t[$i]["date"]).":</b> ");
}

echo ($t[$i]["text"]);

if ($t[$i]["link"]) {
echo (" <a href='".$t[$i]["link"]."' target='".$t[$i]["target"]."' class='s2d'>[more]</a>");
}

if ($sidebarmode) {
echo ("</p>\n");
} else {
echo ("<br><br></td>\n");
echo ("<td align=right class=s2d>\n");

if ($t[$i]["picture"]) {
if ($t[$i]["link"]) {
echo ("<a href='".$t[$i]["link"]."' target='".$t[$i]["target"]."'>");
}
echo ("<img src='".$t[$i]["picture"]."' border=0 alt=''><br><br>");
if ($t[$i]["link"]) {
echo ("</a>");
}
}

echo ("</td>\n");
echo ("</tr>\n");
}
}
}

if (!$sidebarmode) {
echo ("</table>\n");
}

?><div id="more">
</div></div>
<div id="mainbottom"></div>

<div style="text-align: center; color: #ffffff; padding: 10px 0;">
Stichting Platform Gehandicaptenbeleid Coevorden</div>
</div>

</body>
</html>
========================
Groet
Taede
 
Hoi Taede,
Vorige week was ik al begonnen met een "stand-alone" versie: een makkelijk in te voegen javascript-bestandje met toebehoren.
Moet nog tijd vinden dit af te maken, dus kan nog even duren; maar wordt aan gewerkt!

Met vriendelijke groet,
CSShunter
_____________
PS: Als je op dit moment in Firefox naar www.belangenorganisatie.nl/index.cfm?pid=CU-page-CCDC916E-1F29-0BD1-72C17536916A3478 gaat, en je klit op "Voorlezen", dan wordt prima voorgelezen (met wat aangepaste interpunctie in de html nog beter), maar het browser-window verkleint: alsof het een pop-up is.

Wie genoeg heeft van het voorlezen en het venstertje uitklikt, zet de browser uit en is meteen de site en alle andere openstaande tabbladen kwijt! :confused:

De schuldige is deze, die in de Dixerit-pagina zit:
HTML:
<body onload="window.resizeTo(350, 350); window.moveTo(20, 20)">
Waarschijnlijk is dit een overblijfsel uit lang vervlogen tijden, toen de browsers nog geen tabbladen hadden en alle target="_blank" links openden in een echt nieuw venster.
Als je de onload er uit fietst, heb je er geen last van; maar ik weet niet of je daar bij kunt komen in het CMS. Anders iets om de beheerder van belangenorganisatie.nl op attent te maken, lijkt me.
 
Laatst bewerkt:
Hallo CSShunter,

alvast bedankt van te voren, ik wacht in spanning af

groet
Taede
 
Hoi Taede,
Dit is een gemengd bericht ... slecht nieuws en goed nieuws.

Het slechte nieuws, om maar mee te beginnen.
De site van het Platform Gehandicaptenbeleid Coevorden leent zich er niet zonder meer voor, om d.m.v. een toegevoegd javascript de bezoekers makkelijk van lettergrootte te laten wisselen. Ik had gehoopt dat de site er voor geschikt was, maar dat blijkt jammer genoeg niet het geval te zijn:
  • In het gebruikte stylesheet worden alle lettergrootes "hard" gecodeerd, in pixel-maten.
  • Dat is de dood in de pot voor een toegankelijke site, want dan kan de bezoeker in Internet Explorer niet via het menu "Beeld > Tekengrootte... > Groter", of "Beeld > Tekengrootte... > Extra groot" de lettergrootte niet naar behoefte instellen.
  • In Internet Explorer kan je wel (m.i.v. IE7) inzoomen op de hele pagina tegelijk (voor wie het uitrolvakje helemaal rechts onderaan kent...). Maar dan wordt alles vergroot, en komt er een scrollbar links/recht onderaan die nodig is om de rechterkant van de pagina te zien.
  • Als de lettergroottes in het stylesheet in "em's" waren opgegeven (een relatieve maateenheid), had niemand er last van.
  • Dan is het ook mogelijk om dit makkelijk met javascript te kunnen veranderen, wat nu helaas niet kan.
  • Dit alles gebeurt ook in de Voorbeeld-site, waarin hetzelfde stylesheet wordt gebruikt...
  • Los van de fixed font-size zitten in dit stylesheet zo'n 60 (!) css-fouten, en nog 8 waarschuwingen (m.b.t. toegankelijk kleurgebruik), zegt de css-validator.
  • Ai! :confused:
De hele voorbeeld-site maakt eigenlijk een behoorlijk verouderde indruk, ook in de html:
  • Het gebruikte "Transitional Doctype" werd rond 1999 ingevoerd om toen verouderde webpagina's toch nog toonbaar op scherm te krijgen. Sindsdien wordt allerwege aanbevolen om nieuwe sites in de "Strict" variant te bouwen, omdat die aansluit bij de standaarden en de beste cross-browser resultaten geeft.
  • Er wordt gebruik gemaakt van tabellen voor de opmaak. Dat was een tiental jaren geleden nog wel in omloop, maar de browsers van tegenwoordig kennen voldoende css om de opmaak gescheiden te houden van de structuur van de pagina. Tabellen kunnen uit het raam gegooid worden, werd al in 2004 bewezen. Het Kwaliteitsmodel Webrichtlijnen heeft er terecht ook een kijkje op.
  • Het voorlees-knopje lijdt aan hetzelfde euvel als dat op de Coevorden-site: het hele browserwindow met alle tabbladen wordt verkleind.
  • Er zitten inline-styles in de html, wat het ook niet overzichtelijker en bruikbaarder maakt.
  • Ondanks het toch al toegeeflijke HTML-Transitional zitten er toch nog 36 Errors, 15 warnings in, zegt de html-validator.
Bibber! het zou mijn voorbeeld niet zijn. :shocked:
Het beste zou zijn, om het hele model en alle styles te herzien ...

Ik weet niet in hoeverre de site van het Platform Gehandicaptenbeleid Coevorden via het Content Management Systeem van belangenorganisatie.nl vastzit aan het html-model en het css-stylesheet dat daar gebruikt wordt.
Als dat zo is, valt er "van buiten af" weinig aan te verbeteren, en zou ook het toevoegen van een eigen lettergrootte-script wel eens onmogelijk kunnen zijn.

Dan nu het goede nieuws.
De eerder genoemde "stand-alone" versie van het lettergrootte-aanpas-script is gereed!
  • Als een website in principe in orde is, kan dit er zo bovenop geplakt worden:
  • Even een mapje aanmaken op de server, en een paar regeltjes wijzigen om te verwijzen naar dat mapje.
  • Drie kant-en-klaar bestandjes uploaden naar het mapje.
  • Een verwijsregeltje naar het css-bestandje en naar het javascript-bestandje in de html van de pagina's doet de rest.
  • Alles bij elkaar is het maar 9kB.
Hier staat de gebruiksaanwijzing:
En om te testen op de Coevorden-site, heb ik het daar gebruikte stylesheet met px-maten even snel vervangen door een stylesheet met em's (de html ongemoeid gelaten).
Kijk:
Het werkt dus vlekkeloos, als de onderliggende styles maar goed zijn. :)

Tja,
Succes in ieder geval!
Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
@CSShunter: bedankt hier heb ik wat aan. De argumenten die jij aanhaalde vwb belangenorganisatie.nl was ook de reden om een nieuwe website te maken. Dit doen we m.b.v WebtoDate.

Eén vraagje nog: kan ik fsizer.gif ook ergens anders positioneren? Hij staat nu rechts boven in de hoek?

Taede
 
Hoi Taede,
Ah, ik had niet echt de code van je eerste post doorgenomen, want ik veronderstelde dat dat een deel van het huidige CMS was (en op zich niet nodig voor de fSIZER). Maar als je er een nieuwe site van maakt, des te beter! :)

Kan ik fsizer.gif ook ergens anders positioneren? Hij staat nu rechts boven in de hoek.
Jazeker, dat kan. Hij staat nu absoluut gepositioneerd altijd rechts bovenin, om er bij een willekeurige bestaande site makkelijk overheen geplakt te kunnen worden.
Maar de css kan ook op maat gemaakt worden: zodat het blokje bv. altijd binnen de bestaande paginabreedte blijft, of op een bepaald verticaal punt links of rechts kan floaten, enz.
  • Het makkelijkste lijkt me om er daarvoor een extra containertje omheen te zetten, dat als lege <div> in de html staat en dat dan door de fsizer.js gevuld wordt.
  • Het script moet daarvoor wat anders worden, zit er aan te komen.
Je zou alvast kunnen beginnen met die lege div aan te maken, en 'm te positioneren waar je 'm wilt hebben:
HTML:
<body>
... voorafgaande html-code
<div id="fsContainer"><!-- filled by fjsizer.js --></div>
... volgende html-code
Code:
#fsContainer {
    width: 111px;
    height: 29px;
    background: red;
/*    ....  margins, floats e.a. positie-gegevens */
    }
Het is nu een rood blokje geworden, waarmee je vast kan gaan rangeren naar de goede plek. Met het aan te passen script wordt dan voor de afbeelding enz. gezorgd. Daarna halen we de rode background weg, zodat er niets te zien is als javascript uit staat.

Wordt vervolgd!
Met vriendelijke groet,
CSShunter
 
Hoi Taede,
Hoever ben jij?
Ik heb m'n uitvindsel inmiddels klaar, en best tevreden:
  • de css is nu ook in het script verwerkt, zodat alleen maar het script (7.5kB) en het image (2.5kB) nodig zijn;
  • met eigen styles voor de #fsContainer kan het blokje overal neergezet worden waar je wilt, de rest gaat volautomatisch;
  • voor Firefox, Opera, Chrome, Safari en IE8 heb ik een versie waarin zelfs het image in het script zit verdisconteerd, dan is alleen maar een scriptje van 12kB nodig;
  • jammer genoeg kan IE7 daar niet mee overweg, en die is voorlopig nog niet uitgestorven: zodat deze versie helaas in de praktijk niet bruikbaar is;
  • voor beide versies is in de html één verwijsregeltje naar het script voldoende, het script haalt zelf het img op;
  • volledig valid html en css, en volledig unobtrusive javascript volgens de Webrichtlijnen voor gelaagd bouwen.
:)

Nu heb ik bij een eerder uitvindsel gemerkt dat anderen daar vrolijk mee aan de haal zijn gegaan. Dat bleek een bedrijf ingebouwd te hebben in een CMS-sjabloon dat ze verkochten! Leuk bedacht: het was nooit de bedoeling dat anderen ermee gingen verdienen, en ik heb daar natuurlijk geen cent van gezien.
Als het script commercieel gebruikt gaat worden, dan kan dat in principe: maar wel onder de voorwaarde dat ze bv. een stevig bedrag overmaken naar een goed doel o.i.d.

Vandaar wil ik nu het copyright eerst goed geregeld hebben (dat zal nog even duren), voordat ik het script aan de openbaarheid prijsgeef. Ik kan hier dus nog niets laten zien...

Maar voor het Platform Gehandicaptenbeleid Coevorden maak ik een uitzondering. Dat kan het als non-profit organisatie goed gebruiken: zeker omdat de site over toegankelijkheid gaat. Een toegankelijk internet hoort daarbij!

Mijn voorstel is dat we dit verder privé afwikkelen (kosteloos als jij geen webdesignbureau bent ;) ). Met een mailtje aan fontsizer<at>gmail.com kan je contact leggen, en kunnen we er iets moois van maken. Is dat wat?

Met vriendelijke groet,
CSShunter
 
Hoi Taede,
Gezien! :)
Was bezig met reactie, tot ik een fenomenale Windows-crash kreeg: muurvast ... herstarten ... wachten ... diverse instellingen in het zwarte gat verdwenen ... systeemherstelpunt arrangeren ... herstarten ... wachten ... instellingen FileZilla voor alle door mij beheerde sites nog steeds weg ... bleken niet in de registry te zitten maar ergens in kapot gegaan los bestand ... accounts opsnorren uit verre verleden (de wachtwoorden!) ... met de hand er weer in ... 't meeste draait nu weer.
(& snel backup gemaakt van de gegevens ;) )
  • Tip voor FileZilla-gebruikers:
    maak even een reservekopie van sitemanager.xml
    die zit (in Win-XP) in het mapje .../Documents and Settings/(usermap)/Application Data/FileZilla/
Kortom ... mailtje wordt vervolgd - eerst werk, vanavond terug.

Met vriendelijke groet,
CSShunter
 
Js

Je dit kan je ook doen (excuus als het het zelfde is):


Head gedeelte van de
HTML:
<script language="JavaScript" type="text/javascript">
function changeFontSize(inc)
{
var p = document.getElementsByTagName('tag'); //hier wordt de variabele opgegeven.
for(n=0; n<p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace("px", ""));
} else {
var size = 14;
}
p[n].style.fontSize = size+inc + 'px';
}
}
</script>

en

Body gedeelte van de
HTML:
<tag>
hier je HELPMIJ text
</tag>
<a href="javascript:changeFontSize(1)">tekst wordt groter</a><br>
<a href="javascript:changeFontSize(-1)">tekst wordt kleiner</a>
 
Laatst bewerkt:
Js

Trouwens,

hoe kan je zorgen dat mijn scriptje ook in frames werkt?
 
Laatst bewerkt:
Hoi mysql,
Dit is een beetje een oud topic (van meer dan een jaar geleden; de forumregels willen dan graag dat je een nieuw topic opent).

Maar ter zake:
Nop, het is niet hetzelfde soort script:
  • Bij jou wordt er maar van één (opgegeven) tag het letterformaat veranderd. *)
  • Bij jou worden alle elementen met de opgegeven tag langsgelopen en per stuk aangepast (veel rekenwerk voor de browser).
  • Bij mij worden alle letterformaten tegelijk veranderd (zowel van de <h1>'s, <h2>'s, enz., en de <p>'s, <li>'s enz.).
  • Bij mij wordt alleen één style-regel aangepast, die meteen werkt zonder dat alle elementen langs gelopen hoeven te worden.
  • Bij mij wordt het door de bezoeker opgegeven lettergrootte onthouden in een cookie, en blijft dan gelden voor alle andere pagina's die op de site worden bezocht.

Wat je beter kunt doen: het letterformaat in de <body> op een percentage zetten, en alle andere font-size's niet in px opgeven, maar in de maateenheid em definiëren. Dan zijn alle lettergroottes relatief t.o.v. de <body> font-size. Vervolgens laat je het javascript (alleen) de <body> font-size aanpassen. Dan gaat de rest vanzelf mee.

Als je je script op ge-frame'de pagina's wilt toepassen, dan kan dat ook. Dan moet ofwel de link voor het vergroten/verkleinen in elke pagina gezet worden die in het frame kan komen (dan werkt het vergroten/verkleinen alleen binnen dat frame), ofwel je moet ook met cookies gaan werken.
Want vanuit de hoofdpagina kan je niet zomaar bij de styles van een pagina in een <frame> of <iframe> komen.
  • Een frame is alleen een doorkijkvenster naar een volledig zelfstandige pagina.

Maar veel beter is: geen frames gebruiken! :)

Met vriendelijke groet,
CSShunter
_________
*) Je mag er geen zelfverzonnen tag(-naam) van maken, zoals op je testpagina. Dan is het geen valid html meer. Alleen bestaande html-tags mogen gebruikt worden.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan