Il y a actuellement 123 visiteurs
Lundi 18 Octobre 2021
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

Fonction agrandissement taille du texte

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

Fonction agrandissement taille du texte

Message le 05 Mai 2010 15:50

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 .

Je croise les doigts (aïe).

Ps: j'ai déjà navigué chez AlsaCréations mais c'est toujours la même chose.
"Sois un AtOM, mon fils." RIP l'ami Ask To Old Man → 1948 - 2012
En cas de problème constaté sur un sujet, contactez un modérateur par MP svp. N'intervenez pas vous-même. Merci bien.
Avatar de l'utilisateur
r@in | b0w
PC-Infopraticien
PC-Infopraticien
 
Messages: 7710
Inscription: 09 Déc 2007 12:37
Localisation: Sur un Vostro tout propre
 


Message le 05 Mai 2010 18:40

Re ;)

Dans ton "JS" lorsque tu mets createCookie, c'est pas plutôt setCookie ?
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: Fonction agrandissement taille du texte

Message le 05 Mai 2010 22:40

:D Coucou R@in | b0w ;)
Image
En cas de problème constaté sur un sujet, contactez un modérateur par MP svp. N'intervenez pas vous-même. Merci bien.
Avatar de l'utilisateur
Pac428
Moderateur
Moderateur
 
Messages: 27774
Inscription: 23 Mai 2006 13:25
Localisation: Le Goulag du Maine.
 

Re: Fonction agrandissement taille du texte

Message le 06 Mai 2010 08:56

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.
"Sois un AtOM, mon fils." RIP l'ami Ask To Old Man → 1948 - 2012
En cas de problème constaté sur un sujet, contactez un modérateur par MP svp. N'intervenez pas vous-même. Merci bien.
Avatar de l'utilisateur
r@in | b0w
PC-Infopraticien
PC-Infopraticien
 
Messages: 7710
Inscription: 09 Déc 2007 12:37
Localisation: Sur un Vostro tout propre
 

Re: Fonction agrandissement taille du texte

Message le 01 Juil 2010 10:12

Can I up this side down? ;)
"Sois un AtOM, mon fils." RIP l'ami Ask To Old Man → 1948 - 2012
En cas de problème constaté sur un sujet, contactez un modérateur par MP svp. N'intervenez pas vous-même. Merci bien.
Avatar de l'utilisateur
r@in | b0w
PC-Infopraticien
PC-Infopraticien
 
Messages: 7710
Inscription: 09 Déc 2007 12:37
Localisation: Sur un Vostro tout propre
 



Sujets similaires

Message [résolu] plus de tableau de bord , puis taille des icônes!
bonjour aujourd'hui ce n'est pas un icône du tableau de bord qui a disparu mais le tableau de bord lui même !comme puis je faire, depuis le bureau je n'ai accès a rien ?merci j'édite, déjà dans le terminal sur le bureau, j'ai rentré : gsettings reset-recursively org.cinnamonle seul souci, c'es ...
Réponses: 15

Message Fonction "Recherche" Windows 7.
Bonjour.J'ai une problématique avec la fonction "Recherche" sous Windows 7. Celle-ci ne me trouve que les programmes et pas les fichiers personnels.J'avais ouvert un topic ici sur ce forum où l'on m'a conseillé de faire cette analyse et de la poster ici dans ce topic.Voici le lien de mon t ...
Réponses: 12

Message Fonction "Rechercher" défectueuse.
Bonjour à chacune et à chacun.Si vous me le permettez, j'aurais une question à vous soumettre sur une problématique concernant l'informatique. Cette problématique concerne la fonction "Rechercher".Chaque fois que je recherche un fichier, seuls les fichiers des programmes sont reconnus. J'e ...
Réponses: 5

Message Cherche ordinateur pour traitement de texte
Bonjour, je cherche un petit ordinateur portable pour faire du traitement de texte en cours , il dois simplement être un minimum rapide et avoir une bonne autonomie. Mon budget est de 250 euros environ. Auriez-vous un modèle du moment à me proposer ?
Réponses: 3

Message Fonction restreinte pour acceder à un forum.
BonjourJe suis inscrit sur un forum de discussion (géré par forumactif)Je peux me connecterJe peux répondre aux discussions mais sans pouvoir modifier les messages (mettre B i etc)Je peux recevoir un message privé mais sans pouvoir y répondre ni en envoyer un à un autre utilisateur.Je ne peux plus c ...
Réponses: 11

Message Asus GTX 1070 : Taille mémoire vidéo
Bonjour,Je viens d'installer dans mon PC une carte graphique Asus GTX 1070 sous windows 7 64 bits pourvue de 8 GB de mémoire vidéo. Cependant lorsque j'utilise l'outil de diagnostic DirectX (DXdiag), dans l'onglet affichage je lis "mémoire totale approximative : 4095 MB"Cela m'étonne d'aut ...
Réponses: 4

Message reduire taille document scanner
comment reduire la taille d'un document scanner car je dois le mettre sur site mais il est trop grandmerci
Réponses: 3


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité


.: Nous contacter :: Flux RSS :: Données personnelles :.