Tekst vergroten Js werkt niet, graag advies

Status
Niet open voor verdere reacties.
U

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
[JS]var cookie_name = "font_size"; var font_clicks = 0; var initialized = false; function init_prefs() { // initialize user preferences var cookie = GetCookie(cookie_name); var teller = 0; if (cookie != null) { font_cookie = unescape(cookie); cookie_elements = font_cookie.split(","); for (teller=0; teller pixels // // verhoogd. Vervolgens wordt er gekeken of het document frames // // bevat. Is dat het geval, dan worden ook de stylesheets van die // // frames gecontroleerd op de aanwezigheid van selectoren met een // // fontsize, die dan ook met pixels wordt verhoogd. // // // // N.B.: Elk frame (of iframe) *moet* een stylesheet hebben, // // anders loopt MSIE er op stuk. // // // // 20060607, Bert van Dijk, KNMI // // // ///////////////////////////////////////////////////////////////////// var pClass; var fontSz; var myRules; // // MSIE noemt 'cssRules' 'rules' // MSIERules = (document.styleSheets[0].rules); myRules = MSIERules ? document.styleSheets[0].rules : document.styleSheets[0].cssRules; // // Loop langs alle selectors // for (i = 0; i < myRules.length; i++) { if (MSIERules) { // // The MSIE way // selector = myRules.item(i).selectorText.toUpperCase(); // // Is er een font size gespecificeerd? // if (myRules.item(i).style.fontSize) { // // Haal 'm op, hoog 'm op, schrijf 'm weg (Rawhide!) // Die "- 1 + 1"-truuk is om JavaScript te vertellen dat het gaat om een getal, // niet om een string (je kunt van een string geen 1 aftrekken) // fontSz = myRules.item(i).style.fontSize.substr(0, myRules.item(i).style.fontSize.length-2) - 1 + 1 + increment; if (font_clicks > -9 || increment > 0) { // // Font size 1 pixel is de ondergrens, en we maken hem maximaal 9 pixels kleiner dan normaal. // fontSzStr = fontSz+"px"; if (document.styleSheets[0]) { document.styleSheets[0].rules.item(i).style.fontSize = fontSzStr; } } } } else { // // The way of the world // pClass = myRules.item(i); // // Font size gespecificeerd? // if (myRules.item(i).style.fontSize) { // // Ophalen, ophogen, wegschrijven // fontSz = pClass.style.fontSize.substr(0, pClass.style.fontSize.length-2); if (document.styleSheets[0]) { if (font_clicks > -9 || increment > 0) { // // Ondergrens is 1px // document.styleSheets[0].cssRules.item(i).style.fontSize = fontSz - 1 + 1 + increment; } } } } } // // Doe dezelfde truc nog een keer voor alle frames en iframes in de pagina // if (window.frames && initialized) { // // Dit hoeft alleen als er echt op een knop is geklikt. De initialisatie, waarbij de // font-grootte van de vorige keer wordt opgehaald, wordt door elk frame afzonderlijk geregeld. // for (frmcnt = 0; frmcnt < window.frames.length; frmcnt++) { frm = window.frames[frmcnt]; if (frm.document.styleSheets[0]) { myRules = MSIERules ? window.frames[frmcnt].document.styleSheets[0].rules : window.frames[frmcnt].document.styleSheets[0].cssRules; for (i = 0; i < myRules.length; i++) { if (MSIERules) { selector = myRules.item(i).selectorText.toUpperCase(); if (myRules.item(i).style.fontSize) { fontSz = myRules.item(i).style.fontSize.substr(0, myRules.item(i).style.fontSize.length-2) - 1 + 1 + increment; if (font_clicks > -9 || increment > 0) { fontSzStr = fontSz+"px"; if (window.frames[frmcnt].document.styleSheets[0]) { window.frames[frmcnt].document.styleSheets[0].rules.item(i).style.fontSize = fontSzStr; } } } } else { pClass = myRules.item(i); if (myRules.item(i).style.fontSize) { fontSz = pClass.style.fontSize.substr(0, pClass.style.fontSize.length-2); if (window.frames[frmcnt].document.styleSheets[0]) { if (font_clicks > -9 || increment > 0) { window.frames[frmcnt].document.styleSheets[0].cssRules.item(i).style.fontSize = fontSz - 1 + 1 + increment; } } } } } } } } if (initialized) { // // Alleen als er echt op een knop geklikt is hoeft er een nieuwe cookie te worden gemaakt. // Als de pagina voor de eerste keer wordt opgevraagd hoeft alleen de bestaande cookie te worden ingelezen. // // Hij kan maximaal 9 pixels kleiner worden gemaakt. // font_clicks = Math.max(-9,(font_clicks + increment)); make_cookie(); } else { initialized = true; } } function resetFontSize() { changeFontSize(-font_clicks); } [/JS]

ik dacht, even snel een extern script maken met DW Cs 5

zeg ik maak nieuwe javascript pagina... nee hoor werkt niet

dit script moet toch werken? of weet iemand een makkelijker script om pagina's te vergroten?

een ander script
<style type="text/javascript">
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca;
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

</style>
Klik om te vergroten...


Werkt nog steeds niet
ik plaats hieronder een bericht en vermeld waarom het niet werkt
 
Laatst bewerkt:
Ander script

[JS]<style type="text/javascript">
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca;
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

</style>[/JS]

deze schijnt te moeten werken maar als ik hem in mijn pgina plak gebeurt er niks:
HTML: 
<!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><br />
<style type="text/javascript">
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}
 
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

</style>
<style type="text/css">
#container { 
	position: relative;
    width: 780px;
    margin: 0 auto;
}
 
 

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EnergyNet Home</title>
<style type="text/css"></style>
<link href="stylesheet/basic.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
<base target="_self" />
</head>



<body>
<div id="container"> 
<div id="apDiv1"><a href="index.html"><img src="afbeeldingen/logo_energynet.gif" width="867" height="113" alt="Home" /></a></div>
<div id="apDiv2">
  <p><img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/algemene_informatie.html">Algemene informatie</a><br />
    <a href="html/tarieven.html">Tarieven</a><br />
    <a href="html/pakketen.html">Pakketten</a><br />
    <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/service.html?">Service en onderhoud</a><br />
    <a href="html/energyservice.html">EnergyService</a><br />
    <a href="html/product.html">Productadvies</a><br />
    <a href="html/besparingtips.html">Besparingstips</a><br />
    <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/vraagentwoord.html">Vraag en antwoord</a><br />
    <a href="html/mail.html">Per e-mail</a><br />
    <a href="html/chat.html">Via chat</a><br />
    <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/gegevens.html">Uw gegevens</a><br />
    <a href="html/nota.html">Nota en verbruik</a><br />
    <a href="html/meterstanden.html">Meterstanden doorgeven</a><br />
  <a href="html/verhuizing_doorgeven.html">Verhuizing doorgeven</a></p>
</div>
<div id="apDiv3">
  <p><img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/verhuizing_doorgeven.html">Verhuizen, wat nu?</a><br />
    <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/besparingtips.html">Besparingstips</a><br />
    <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/klantenservice.html">Klantenservice</a></p>
  <p>&nbsp;</p>

  </p>
  <form id="form1" name="form1" method="post" action="">
    <p>
      <label for="email"></label>
      e-mail adress<br />
<input name="email" type="text" id="email" size="30" />
      <br />
      wachtwoord<br />
      <label for="password"></label>
      <input name="password" type="password" id="password" size="30" />
      <br />
    </p>
    <p align="right"><input type="image"img src="afbeeldingen/inloggen01.gif" width="77" height="28" /> </p>
  </form>
  <p><em><a href="html/foutmelding_inlog.html">Controleer uw gegevens, <br />
    Caps lock moet uit</a></em></p>
</form>
</div>
<div id="apDiv4">

    <h3>Welkom bij de Online HelpDesk van EnergyNet</h3><br />
    <br />
    <strong>    U vraagt, wij antwoorden</strong><br />
    <br />
  Op deze Online HelpDesk kunt u vragen  stellen omtrent de<br />
tarieven en de pakketten die wij aanbieden.<br />
  <br />
  <strong>Beheer uw eigen gegevens</strong><br />
  <br />
  Wilt u op de hoogte blijven van uw  verbruik, uw nota inzien, een verhuizing of de meterstanden doorgeven? Dat kan  met uw eigen e-mailadres en wachtwoord. Als u nieuw bent, vult u eenmalig een<br />
  <a href="html/register formulier.html">registratieformulier</a> in.

</div>
</div>
</body>
</html>
 
*kuch*


HTML: 
<style type="text/javascript">
Klik om te vergroten...

er bestaat geen 'style' javascript. Ik neem aan dat je <script text='text/javascript'> bedoelt?

Daarnaast, al je code op 1 regel gaat fout, want de comments halen nu de rest van het script 'weg'. Zie de syntax kleur in je 1e post; alles is groen geworden.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan