Front-size lettertype online aanpassen (JavaScript)

14-04-2008 12:46

Front-size lettertype online aanpassen (JavaScript)

  • Sebas Blom
  • Sebas Blom's foto

Hoi,

Ik wil dat bezoekers van een site het lettertype uit de content van mijn pagina (standaard 11px) kunnen vergroten naar groot (14px) of extra groot (17px). Hierdoor blijven de titels en het menu wel de zelfde grote, en wordt alleen de belangrijkste tekst vergroot weergegeven.

Ik heb dit gedaan doormiddel van javascript.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script language=JavaScript>
var gekozen=2;

  function f_size(s) {
// -------------------
var pixfont=new Array (11,14,17);
gekozen = s;
obj_con=document.getElementById('content');


if (obj_con ) { obj_con.style.fontSize = pixfont[gekozen-1]}; 

// evt. voor debug : window.status=(gekozen);
}
 
  window.onload = function() {
//--------------------------
f_size(gekozen);
// evt. andere functies
}
// -- End Hiding  -->
</script>

En het aanroepen:

1
2
3
<a href="#" onclick="f_size(1);">Standaard</a> - 
      <a href="#" onclick="f_size(2);">Groot</a> - 
      <a href="#" onclick="f_size(3);">Extra groot</a>

Alleen als ik nu naar een volgende pagina ga ben ik dat weer kwijt. Ik wil dus dat er een cookie geplaatst wordt als ik op één van de drie linkjes klik.
Alleen kom ik er niet uit hoe ik dit moet doen.

Heeft iemand een idee of suggestie voor mij?

14-04-2008 9:18

Re: Front-size lettertype online aanpassen (Java)

  • Robin v. G.
  • Robin v. G.'s foto

[Java != JavaScript]

14-04-2008 9:20

Re: Front-size lettertype online aanpassen (Java)

  • Frits77 <{{{><
  • Frits77 <{{{><'s foto

al op w3school gekeken hoe een javascript cookie werkt?

14-04-2008 9:35

Re: Front-size lettertype online aanpassen (JavaScript)

  • Sebas Blom
  • Sebas Blom's foto

[Java != JavaScript]

Sorry, aangepast!

En ja ik heb al zoveel voorbeelden bekeken en geprobeerd.
Maar omdat de cookie veranderd bij klikken van een link (die dus al een functie heeft) en dan het uitlezen en verder niets hoeft weer te geven kom ik er niet uit.

Ik zou anders niet zomaar hulp vragen hier, mijn motto 'Zelf doen' klopt dan niet meer ;)

14-04-2008 10:43

Re: Front-size lettertype online aanpassen (JavaScript)

  • Frits77 <{{{><
  • Frits77 <{{{><'s foto

Wat snap je hier niet aan dan:

http://www.w3schools.com/JS/js_cookies.asp

in de functieaanroep set je een cookie, en bij de onload check je de cookie en roep je de juiste functie aan.

14-04-2008 11:30

Re: Front-size lettertype online aanpassen (JavaScript)

  • Sebas Blom
  • Sebas Blom's foto

Ja die heb ik gelezen, alleen hoe lees ik hem uit.

function checkCookie()
{
size=getCookie('size');
if (size!=null && size!="")
{
window.onload = function() { f_size(gekozen); }
}
}

En dat werkt dus niet!
En hoe sla ik het cookie op als ik op de link 'extra groot' klik =>
<a href="#" onclick="f_size(3);">Extra groot</a>

Ik kom er gewoon niet uit.. :(

14-04-2008 11:40

Re: Front-size lettertype online aanpassen (JavaScript)

  • Martin P
  • Martin P's foto

Je kunt kijken naar het voorbeeldje dat erbij staat: http://www.w3schools.com/JS/tryit.asp?filename=tryjs_cookie_username

In plaats van een username, sla je nu de font-size op :)

14-04-2008 12:32

Re: Front-size lettertype online aanpassen (JavaScript)

  • Sebas Blom
  • Sebas Blom's foto

Kun je het misschien iets meer toelichten, ik snap er echt de ballen van..

14-04-2008 13:42

Re: Front-size lettertype online aanpassen (JavaScript)

  • Martin P
  • Martin P's foto

Ik leg alleen checkCookie() even uit, want dat is de enige functie die je aan hoeft te passen:
<? // kleurtjes
function checkCookie()
{
username = getCookie('username'); // hier wordt de waarde van username opgehaald
if (username!=null && username!="") // als username niet bestaat of leeg is
{
alert('Welcome again '+username+'!'); // alert-box laten zien
}
else
{
username=prompt('Please enter your name:',""); // vragen om je naam
if (username!=null && username!="") // als username niet bestaat of leeg is
{
setCookie('username',username,365); // cookie maken
// 1e = naam van de variabele in je cookie
// 2e = waarde van de cookie-variabele
// 3e = aantal dagen dat het cookie bewaard moet worden
}
}
}
?>

14-04-2008 13:57

Re: Front-size lettertype online aanpassen (JavaScript)

  • Sebas Blom
  • Sebas Blom's foto

Dank je voor je snelle antwoord, maar in zo verre snapte ik het nog wel..
Alleen wil ik geen alert box.

Wat ik nodig heb is dat er een cookie wordt gemaakt als ik klik op:
<a href="#" onclick="f_size(1);">Standaard</a> -
<a href="#" onclick="f_size(2);">Groot</a> -
<a href="#" onclick="f_size(3);">Extra groot</a>

zodat het op alle pagina's blijft werken.

Dus vraag 1: Hoe kan ik die link zo maken dat hij blijft werken en tegelijkertijd het cookie bekrachtigt, en dus ook veranderd als ik vervolgens weer op normaal klik.

En de tweede vraag is hoe ik het als geheel nou werkend krijg, daar ben ik dankzij het voorbeeld van Frits77 al aardig uit, maar hij werkt dus nog steeds niet!!

Inloggen wachtwoord vergeten? Aanmelden
ADSL – Telfort Internet – Ziggo Alles in 1