pagewidth and component js resizer problem

[nisiwi]

hello,
first time here and for posting
i was researching some problems I was having with a resizer javascript
it uses window.onload which causes problems with some other flash and js on the page so I have modified it
however, this now causes the page to render first (using the standard settings) and then resize afterwards, so there is a flash of the original page size before I get the correct sizes
is there a way to maintain the page size as you browse from page to page ?
this is an external js called by the main index file

here is the original code

var prefsLoaded = false;
var defaultFontSize = 76;
var currentFontSize = defaultFontSize;
var currentStyle = "Fixed";
 
function revertStyles(){
 
    currentFontSize = defaultFontSize;
    changeFontSize(0);
 
 
}
 
function switchFluid(){
    if(currentStyle == "Fluid"){
        setWidth("Fixed");
    }
}
function switchFixed(){
    if(currentStyle == "Fixed"){
        setWidth("Fluid");
    }
}
 
function setWidth(width){
    d=new Date();
    flash=Math.round(Math.random()*d.getTime());
    if(width != "Fixed"){
        document.body.className = 'bodyfluid';
        currentStyle = "Fluid";
    }else{
        document.body.className = '';
        currentStyle = "Fixed";
    }
}
 
function changeFontSize(sizeDifference){
    currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5);
 
    if(currentFontSize > 100){
        currentFontSize = 100;
    }else if(currentFontSize < 60){
        currentFontSize = 60;
    }
 
    setFontSize(currentFontSize);
};
 
function setFontSize(fontSize){
    var stObj = (document.getElementById) ? document.getElementById('content_area') : document.all('content_area');
    document.body.style.fontSize = fontSize + '%';
 
    //alert (document.body.style.fontSize);
};
 
 
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 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;
};
 
window.onload = setWidthFont;
 
function setWidthFont(){
    if(!prefsLoaded){
 
        cookie = readCookie("fontSize");
        currentFontSize = cookie ? cookie : defaultFontSize;
        setFontSize(currentFontSize);
 
        cookie = readCookie("pageWidth");
        currentStyle = cookie ? cookie : "Fixed";
        setWidth(currentStyle);
        prefsLoaded = true;
    }
 
}
 
window.onunload = saveSettings;
 
function saveSettings()
{
  createCookie("fontSize", currentFontSize, 365);
  createCookie("pageWidth", currentStyle, 365);
}

here is the modified code

var defaultFontSize = 76;
var currentFontSize = defaultFontSize;
var currentStyle = "Fixed";
var prefsLoaded = false;
 
 
function revertStyles(){
    currentFontSize = defaultFontSize;
    changeFontSize(0);
}
 
function switchFluid(){
    if(currentStyle == "Fluid"){
        setWidth("Fixed");
    }
}
 
function switchFixed(){
    if(currentStyle == "Fixed"){
        setWidth("Fluid");
    }
}
 
function setWidth(width){
    d=new Date();
    flash=Math.round(Math.random()*d.getTime());
    if(width != "Fixed"){
        document.body.className = 'bodyfluid';
        currentStyle = "Fluid";
    }else{
        document.body.className = '';
        currentStyle = "Fixed";
    }
}
 
function changeFontSize(sizeDifference){
    currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5);
 
    if(currentFontSize > 100){
        currentFontSize = 100;
    }else if(currentFontSize < 60){
        currentFontSize = 60;
    }
    setFontSize(currentFontSize);
};
 
function setFontSize(fontSize){
    var stObj = (document.getElementById) ? document.getElementById('content_area') : document.all('content_area');
    document.body.style.fontSize = fontSize + '%';
 
    //alert (document.body.style.fontSize);
};
 
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 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;
}
 
function saveSettings()
{
  createCookie("fontSize", currentFontSize, 365);
  createCookie("pageWidth", currentStyle, 365);
}
 
function setWidthFont_init(){
    if(!prefsLoaded){
 
        cookie = readCookie("fontSize");
        currentFontSize = cookie ? cookie : defaultFontSize;
        setFontSize(currentFontSize);
 
        cookie = readCookie("pageWidth");
        currentStyle = cookie ? cookie : "Fixed";
        setWidth(currentStyle);
        prefsLoaded = true;
    }
};
 
// for Mozilla browsers
 
if (document.addEventListener) {
    document.addEventListener("DOMContentLoaded", setWidthFont_init, false);
}
 
// for Internet Explorer (using conditional comments)
/*@cc_on @*/
/*@if (@_win32)
document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {
    if (this.readyState == "complete") {
        setWidthFont_init(); // call the onload handler
    }
};
/*@end @*/
 
if (/WebKit/i.test(navigator.userAgent)) { // sniff
    var _timer = setInterval(function() {
        if (/loaded|complete/.test(document.readyState)) {
            clearInterval(_timer);
            setWidthFont_init(); // call the onload handler
        }
    }, 10);
}
 
window.onunload = saveSettings;
window.onload = setWidthFont_init;

[iam_clint]

have you tried onbeforeload=""

[mrhoo]

You can read the cookie and document.write a custom styleSheet for your page in about a millisecond, long before the page and all it's resources have loaded.

[nisiwi]

both of those are great suggestions
I am a noob to javascript so there are probably loads of ways that I could be doing this better and faster
I will investigate them both further - i like the idea of rewrting the CSS as I effectively do this with PHP - depending on what conditions are met depends on what CSS file I generate
if I can do this with js as well that would be great

thanks for your greaet suggestions