1

こんにちは、このスクリプトがあります: http://flamencopeko.net/styleswitch.jsは、私のサイトhttp://flamencopeko.netのすべてのページからリンクされています。ページを変更するときに保存された値が適用されないことを除いて、正常に機能します。機能と Cookie 自体は問題ないと思います。好みは視覚的に固執しません。

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;
}

function increaseTableSize() {
   var t = document.getElementsByTagName('table');
   for(i=0;i<t.length;i++) {
       t[i].style.width = 1000+"px"
   }
}
function decreaseTableSize() {
   var t = document.getElementsByTagName('table');
   for(i=0;i<t.length;i++) {
      t[i].style.width = 677+"px"
   }
}
function setTableSize() {
   var t = document.getElementsByTagName('table');
   for(i=0;i<t.length;i++) {
      t[i].style.width = selectedwidth+"px"
   }
}

function increaseFontSize() {
   var p = document.getElementsByTagName('td');
   for(i=0;i<p.length;i++) {
       p[i].style.fontSize = 16+"px"
   }
}
function decreaseFontSize() {
   var p = document.getElementsByTagName('td');
   for(i=0;i<p.length;i++) {
      p[i].style.fontSize = 10+"px"
   }
}
function setFontSize() {
   var t = document.getElementsByTagName('td');
   for(i=0;i<t.length;i++) {
      t[i].style.width = selectedsize+"px"
   }
}

var selectedwidth=readCookie("peko_table")
if (document.getElementByTagName && selectedwidth!=null) //load user chosen width from cookie if there is one stored
setTableSize()

var selectedsize=readCookie("peko_font")
if (document.getElementByTagName && selectedsize!=null) //load user chosen font from cookie if there is one stored
setFontSize()

これは、toc.php の 4 つのボタンのコードです。

  <a href="javascript:createCookie('peko_table','600',50); decreaseTableSize();"><img src="/ico/standard.gif" width="12" height="12" hspace="1" vspace="1" />slim</a> / 
  <a href="javascript:createCookie('peko_table','1000',50); increaseTableSize();"><img src="/ico/wide.gif" width="12" height="12" hspace="1" vspace="1" />wide</a> / 
  <a href="javascript:createCookie('peko_font','10',50); decreaseFontSize();"><img src="/ico/minus.gif" width="12" height="12" hspace="1" vspace="1" />small text</a> / 
  <a href="javascript:createCookie('peko_font','18',50); increaseFontSize();"><img src="/ico/plus.gif" width="12" height="12" hspace="1" vspace="1" />large text</a>
4

1 に答える 1

0

ページが解析される前に JavaScript を実行しています。

styleswitch.js の JavaScript インクルードを head から body 終了タグの直前に移動します。

于 2013-05-24T08:50:23.973 に答える