Fonction agrandissement taille du texte

[r@in | b0w]

Bonjour all, vous allez bien?

Moi, toujours au chômage mais, c'est comme la retraite, toujours plein de choses à faire (CVs, démarches, informatique, twitter...)!

Je suis nouvellement bénévole dans une association de type bibliothèque sonore et j'ai un peu mis à jour leur site web.

Seulement, j'aimerai mettre des boutons pour grossir le texte et que cette nouvelle taille d'affichage soit retenue pour les pages suivantes.

Comme j'ai un cahier des charges local mais aussi national, je reste sur du Html pur.

J'ai bossé pour récupérer des informations, le script pour créer et récupérer le cookie (miam) et l'appel du JS.

Finalement, j'ai ceci:

> Voilà le script JS:

Code: Tout sélectionner

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}
 
function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}
 
function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}
 
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 = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}
 
window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}
 
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

> Voilà l'appel dans les pages:

Code: Tout sélectionner

<a id="tmoyen" class="moyen" href="#" onclick="setStylesheet('Taille moyenne'); setCookie('text_size', 'Moyen'); 
return false;" onkeypress="setStylesheet('Taille moyenne'); setCookie('text_size', 'moyen'); return false;" 
title="Texte de taille moyenne">A</a>

Tout est dit, le rendu est disponible ici pour le moment, le site initial là.

Je croise les doigts (aïe).

Ps: j'ai déjà navigué chez AlsaCréations mais c'est toujours la même chose.

[Skynet]

Re

Dans ton "JS" lorsque tu mets createCookie, c'est pas plutôt setCookie ?

[Pac428]

Coucou R@in | b0w

[r@in | b0w]

Re.

Hey Pac, la forme?

Pour mon souci, après test, cela ne fonctionne pas.

En fait, le script en question (qui fonctionne partout) ne fonctionne pas chez moi. Quand il est actif, je ne peux pas changer la taille du texte, mes AAA ne sont pas opérationnels.

J'ai testé avec un autre script. Là, je peux changer la taille mais, toujours l'histoire de la sauvegarde, d'une page sur l'autre, la taille originale revient...

Code: Tout sélectionner

checkStylesheet();
 
function checkStylesheet()
{
    var textSize = getCookie("text_size");
    var theLink = "";
 
    if (textSize != "null")
    {
        setStylesheet('Text ' + textSize)
    }
 
    return true;
}
 
function cookieExists(cookieName)
{
    if (document.cookie != "")
    {
        var theCookieList = document.cookie.split(";");
 
        for (i = 0; i < theCookieList.length; i++)
        {
            var currCookieName = theCookieList.split("=")[0];
            var currCookieValue = theCookieList[i].split("=")[1];
 
            if (currCookieName.indexOf(cookieName) != -1)
            {
                if (currCookieValue == "null")
                {
                    return false;
                }
 
                return true;
            }
        }
    }
    return false;
}
 
function getCookie(cookieName)
{
    if (cookieExists(cookieName))
    {
        var theCookieList = document.cookie.split(";");
 
        for (var i = 0; i < theCookieList.length; i++)
        {
            if (theCookieList[i].split("=")[0].indexOf(cookieName) != -1)
            {
                return theCookieList[i].split("=")[1];
            }
        }
    }
 
    return "null";
}
 
function setCookie(cookieName, cookieValue)
{
    var cookieOptions = "path=/;";
 
/*    cookieOptions += "http://thibaut.parent.free.fr;"; Ce n'est pas mon domaine alors free.fr ou on enlève? */
    cookieOptions += "expires=" + (new Date("December 31, 2010")).toGMTString() + ";";
 
    document.cookie = cookieName + "=" + cookieValue + ";" + cookieOptions;
 
    return;
}
 
function setStylesheet(styleTitle)
{
    var currTag;
 
    if (document.getElementsByTagName)
    {
        for (var i = 0; (currTag = document.getElementsByTagName("link")[i]); i++)
        {
            if (currTag.getAttribute("rel").indexOf("style") != -1 && currTag.getAttribute("title"))
            {
                currTag.disabled = true;
 
                if(currTag.getAttribute("title") == styleTitle)
                {
                    currTag.disabled = false;
                }
            }
        }
    }
    else
    {
        alert("Avec ce navigateur, il n'est pas possible de changer la taille de la police du texte.");
    }
}

Ps: vous savez si en Html, on peut avoir des ancres hors fenêtre?

Du genre on clique sur une ancre et on bascule vers un bout de page pas visible avant (car hors de l'écran à gauche/droite et overflow:hidden)?

Je bataille depuis ce matin et j'ai même des doutes sur la possibilité.

J'ai créé deux IDs pour mes deux DIV et j'aimerai que les deux aient la taille de l'écran mais se succèdent sur un plan horizontal, côte à côte, et quand cliquant sur une ancre, on affiche le deuxième écran...

J'ai réussi à les aligner horizontalement sans trop de soucis avec une position:absolute et en définissant leurs tailles mais, pour que l'affichage soit centré sur la DIV complètement, c'est une autre histoire vu qu'à chaque clic sur l'ancre, on me met juste le petit coin de texte et pas toute la surface de la DIV.

[r@in | b0w]

Can I up this side down?