• [^] # Re: code code code

    Posté par (site web personnel) . En réponse au journal Des CSS pour DLFP. Évalué à 4.

    voilà une page html ...
    les 3 trucs importants :
    - le script contenu dans la balise "script"
    - la balise "select id='selsheet'"
    - et le onload du body pour appeler "myinit();"

    bien evidemment, il faut saisir plus d'une alternate/stylesheet ...
    il faudra juste remplacer les "[[" par "<", et "]]" par ">"
    [[html]]
    [[head]]
    [[meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"]]

    [[link rel="stylesheet" title="colored" href="style4.css"]]
    [[link rel="alternate stylesheet" title="red" href="style2.css"]]
    [[link rel="alternate stylesheet" title="look ahead" href="style3.css"]]
    [[link rel="alternate stylesheet" title="buttonface" href="style1.css"]]
    [[link rel="alternate stylesheet" title="colored IE" href="style4ie.css"]]

    [[script language='javascript']]

    function getcookie(name, defaultvalue)
    {
    name += "=";
    if (document.cookie.length ]] 0)
    {
    offset = document.cookie.indexOf(name);
    if (offset != -1)
    {
    offset += name.length;
    end = document.cookie.indexOf(";", offset)
    return unescape(document.cookie.substring(offset, (end != -1) ? end : document.cookie.length));
    }
    }
    return (defaultvalue);
    }

    function setcookie(name, value)
    {
    var cookie = name + "=" + escape(value);
    var today = new Date();
    var expire = new Date();

    expire.setTime(today.getTime() + 1000 * 60 * 60 * 24 * 365);
    cookie += "; expires=" + expire.toGMTString();
    cookie += "; path=/";
    document.cookie = cookie;
    }

    function changeSheet(val)
    {
    setSheet(val);
    setcookie('style',val);

    }

    function populate() {
    var sel = document.getElementById('selsheet');

    for (var o=sel.options.length-1; o]]=0; o--) sel.options[o]=null;
    for(var i=0;i[[document.styleSheets.length;i++)
    sel.options[sel.options.length]=new Option(document.styleSheets[i].title,i+1);

    document.getElementById('selsheet').value=getcookie("style",1);
    }


    function setSheet(whichSheet) {
    var s;
    whichSheet=parseInt(whichSheet);
    whichSheet=whichSheet-1;
    if(document.styleSheets){
    var c = document.styleSheets.length;
    for(var i=0;i[[c;i++){
    if(i!=whichSheet){
    document.styleSheets[i].disabled=true;
    }else{
    document.styleSheets[i].disabled=false;
    s=document.styleSheets[i].href;
    }
    }
    }
    }

    function myinit() {
    populate();
    changeSheet( getcookie("style",1) );
    }
    [[/script]]
    [[/head]]
    [[body onload="myinit()"]]
    je suis du texte ...[[a href="#"]]je suis un lien[[/a]]
    [[select id="selsheet" onchange="changeSheet( this.value );"]][[/select]]
    [[/body]]
    [[/html]]