Langues du site : [ar] [en] [es] [fr] [it]

À propos de SPIP

SPIP

SPIP Blog

SPIP Démo

SPIP Doc

SPIP Forums

SPIP Herbier

SPIP Irc

SPIP Party

SPIP Sedna

SPIP Test-GrmlEU

SPIP User

SPIP Zone

Accueil du site > Rédaction > Affichage dans texte > Boutons texte > Archives Bouton texte

Faites un Zoom sur les textes de vos articles

samedi 15 janvier 2005, par James, Vincent. Dernier ajout lundi 9 juin 2008

Objet de la fonction :

Proposer à vos utilisateurs un zoom sur les textes, à chaques appels d’un article.

En appliquant cette fonction sur la balise #TEXTE de SPIP, un niveau de zoom est défini.

Vos utilisateurs peuvent alors cliquer sur un lien pour voir le texte de l’article s’agrandir.

Comment utiliser la fonction :

Nous allons ici proposer aux utilisateurs la possibilité de zoomer sur trois niveaux avec une image cliquable pour le lien.

Nous considérons un niveau, la taille de la police proposé aux utilisateurs.

Taille des polices par defaut :
Niveau 1 = taille du texte petit 100%
Niveau 2 = taille du texte moyen 120%
Niveau 3 = taille du texte grand 160%

Comment mettre en place la fonction zoom :

Copier coller le code de la fonction ci-dessous dans votre fichier mes_fonctions.php3.

Mise en place des images pour les liens

Placer les images zoom1.gif, zoom2.gif et zoom3.gif dans le répertoire IMG/
Vous trouverez les images dans le fichier attaché à cette article.

Appliquer la fonction dans vos squelettes

Insérer la fonction comme ceci dans vos pages d’articles.

[(#TEXTE|zoom_text{3,image})]

Détails de la fonction.
zoom_text{niveau,type_du_lien}

"3" indique le nombre de zoom proposé
"image" indique que le lien est une image. Alternativement, "texte" affiche le texte zoom, suivi du niveau de zoom.

<?
/*
*   +----------------------------------+
*    Nom du Filtre :  zoom_text                      
*   +----------------------------------+
*    Date : dimanche 5 décembre 2004
*    Auteur :  James <klike@free.fr>, Pepito <cypress@worldonline.fr>
*   +-------------------------------------+
*    Fonctions de ce filtre :
*     Proposer un lien pour effectuer un zoom sur vos textes
*   +-------------------------------------+ 
*  
*   exemple d'utilisation dans un squelette :
*   ici, nous proposons 3 niveau de zoom avec des liens texte
*   [(#TEXTE|zoom_text{3,texte})]
*   ici, nous proposons 1 niveau de zoom avec des liens image
*   [(#TEXTE|zoom_text{1,image})]
*
* Pour toute suggestion, remarque, proposition d'ajout
* reportez-vous au forum de l'article :
* http://www.spip-contrib.net/article342.html
*/

function zoom_text($texte, $level = 0, $type_lien = 'texte') {
        global $clean_link;
        global $zoom_lien_avant, $zoom_lien_apres;
	global $tailles;
        global $niveau;

        // On peut personnaliser la taille des polices
        // pour cela, définir les variables globales $tailles
        // dans ecrire/mes_options.php3
        tester_variable("tailles", array(1 => "100%", "120%", "160%"));

        if($level == 0)
                // si il n'y as pas de zoom sur l'article, on affiche pas les liens ou boutons de zoom.
                // et on renvoie le texte normal.
                return $texte;

        // On peut personnaliser la présentation de l'affichage des liens ou boutons de Zoom.
        // pour cela, définir les variables globales $zoom_lien_avant
        // et $zoom_lien_apres dans ecrire/mes_options.php3
        tester_variable("zoom_lien_avant", "<div align='right'>\nZoom texte<br>");
        tester_variable("zoom_lien_apres", "</div>\n");

        // si la variable niveau n'est pas défini dans l'URL,
        // on initialise la variable à 1, afin d'afficher le premier style.
        $niveau = max(1, intval($niveau));
        $taille_caracteres = $tailles[$niveau];

        // Conserver les variables $url, $niveau et $i dans le lien hypertexte.
        // la variable $border permet d'indiquer à l'utilisateur sur quelle zoom il se trouve.
        $zoom_lien = $zoom_lien_avant;
        
        for($i=1 ; $i<=$level ; $i++) {
                $clean_link->addVar('niveau', $i);
                $url = $clean_link->getUrl();
                switch($type_lien) {
                        case 'image':
                        $border = ($niveau == $i)?1:0;
                        $zoom_lien .= "<a href='".$url."'><img src='IMG/zoom$i.gif' border='".$border."'></a> ";
                        break;
                        case 'texte':
                        default:
                        $zoom_lien .= "<a href='".$url."'>zoom$i</a> ";
                        break;
                }
        }

        $zoom_lien .= $zoom_lien_apres;

        //modification du texte :
        $texte = preg_replace("/(class=\"spip\")/i", "\\1 style=\"font-size: ".$taille_caracteres.";\"", $texte, -1);

        return $zoom_lien.$texte;
}
?>

Personnaliser la présentation des liens pour les zooms

Ajouter les lignes suivantes dans le fichier ecrire/mes_options.php3 pour modifier l’aspect des liens de zoom :

Ajouter les lignes suivantes dans le fichier ecrire/mes_options.php3 poour modifier les tailles des caractères par niveau :

en prenant soins de faire commencer le tableau par la clé 1.

Notes supplémentaires

Ce filtre ne remplace pas la fonction d’agrandissement de la police de caractère présente dans le menu d’affichage du navigateur. Il permet toutefois de cibler l’agrandissement sur la portion de la page contenant le #TEXTE.

Voici un exemple qui fonctionne si vous utilisez déja d’autres filtres sur votre #TEXTE. N’hésitez pas à vous en inspirer :

[(#TEXTE*|decouper_en_page|typo|propre|zoom_text{3,image})]

Une fois la fonction installée. Veuillez à bien vider le cache de SPIP.

Voir un exemple en ligne http://fraternet.asso.fr/article.php3?id_article=244 (lien mort)

Documents joints

Document (GZ - 4.2 ko)

Faites un Zoom sur les textes de vos articles
5 juin 2008 11:58

Le lien du site de l’exemple ne marche pas !!
- Faites un Zoom sur les textes de vos articles 9 juin 2008 20:18, par James
  
  Oui, et cette contrib est obsolète depuis un bon bout de temps...
Retour au début des forums
> Faites un Zoom sur les textes de vos articles
17 janvier 2005 16:53, par Metheorn

Bonjour,

A ma connaissance, tous les navigateurs proposent déja cette fonctionnalité afin d’augmenter ou diminuer la taille de la police !

Pourquoi utiliser un filtre spécifique qui oblige, de plus, à recharger la page ...
- > Faites un Zoom sur les textes de vos articles 17 janvier 2005 17:21, par pepito
  
  Heu !! C’est pour les utilisateurs de lynx qui ne peuvent pas zoomer le texte dans un terminal ;-)
  
  Zoomer le texte dans un navigateur, c’est zoomer tout le contenu de la page. Là, c’est juste pour zoomer uniquement le texte pour que la page ne soit pas trop charger dans le browser.
  
  T’as remarques et pertinente
- utiliser les feuilles de style alternative 20 janvier 2005 07:55
  
  oui, il faut mieux utiliser les feuilles de style alternatives : plus economiques, standards et accessibles.
  
  comment mettre en place : http://www.alistapart.com/articles/alternate/
  exemple dans un spip : http://polnu.villa-arson.org
  
  Voir en ligne : erational
  - > utiliser les feuilles de style alternative 20 janvier 2005 11:45
    
    Oui, c’est intéressant. Perso, je trouve pas très sympa le Javascript. Je préfére utiliser PHP. C’est peut être moins économique. Mais surtout, ça ne pénalise pas les utilisateurs qui désactive le Javascript.
    
    Avec la solus que tu donne, j’ai pas vu si on pouvait utiliser les niveaux ? Peux être en complétent le script ?
    
    Ca mérite peut-être un article, que l’on pourrait proposer aux visiteurs de SPIP-contrib. Deux solutions, C mieux qu’une ;-)
    
    Pepito
    - > utiliser les feuilles de style alternative 30 janvier 2005 13:34
      
      j’ai trouvé ce système également pour le zoom texte :
      
      http://www.dyn-web.com/dhtml/sizefo...
Retour au début des forums
> Faites un Zoom sur les textes de vos articles
19 janvier 2005 16:54, par Eric02

bonjour

je m’etais penché sur ce sujet

ta contrib est plus efficace que ce que j’avais fait ... merci !

Questions tu explique qu’il faut ajouter des lignes dans mes_options.php et mes_options.php3 ??? est ce une faute de frappe ? Car je n’ai qu’un fichier mes_options.php3 comme tous mes fichiers php sont encore en php3

Ou n’ai ja pas bien saisi qq chose

amicalement

eric
- > Faites un Zoom sur les textes de vos articles 19 janvier 2005 17:22, par James
  
  Effectivement, c’était une faute de frappe. Elle est corrigée, merci !
Retour au début des forums