IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Problematique fontSize sur pavé HTML


Sujet :

JavaScript

  1. #1
    Membre régulier Avatar de krapno
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    180
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 180
    Points : 74
    Points
    74
    Par défaut Problematique fontSize sur pavé HTML
    Bonjour,

    Je suis face à la problèmatique suivante, je désirerais implémenter une fonction (Javascript à priori) pour augmenter ou diminuer la taille du texte d'un article sur une page Web.

    Il est plutôt simple d'écrire une fonction qui va agir sur un pavé de texte brut ne comportant pas de balise HTML, de nombreux exemples peuvent être trouvées dans ce forum, mais je me demande s'il existe un moyen simple d'opérer sur un pavé de texte comportant des balises HTML (<font, <table, <div ...)

    Cordialement,

    Bonne fêtes de fin d'année, et meilleurs voeux 2008

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    suffit de determiner le font-size du parent et de mettre des % pour tous les enfants ...

    du coup en redefinissant dynamiquement le font-size du parent à priori tous les enfants suivent ...

    CQFD:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <body style="font-size: 10px">
     
    <div id='one' style="font-size: 200%">one</div><br />
    <input type='button' onclick="document.body.style.fontSize='20px'" value='test'/>
    </body>

  3. #3
    Membre régulier Avatar de krapno
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    180
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 180
    Points : 74
    Points
    74
    Par défaut
    Bonjour,

    C'est assez malin comme idée en effet , sauf que le pavé HTML en question ce n'est pas moi qui le crée, il s'agit d'articles rédigés par des users lambda pouvant contenir des tableaux, des videos, du flash, réalisés via un formulaire wysiwyg tel que FCKEditor. Le font size est donc en px s'il est précisé.

    Très cordialement,

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    alors il te faudra faire un boucle sur les childNodes et faire une opération de multiplication arrondie...

    sinon dis à tes utilisateur d'utilser firefox ctrl+ ou ctrl- pour modifier la taille de la police ...
    marche aussi avec ctrl + molette de souris ...

  5. #5
    Membre régulier Avatar de krapno
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    180
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 180
    Points : 74
    Points
    74
    Par défaut
    Salut, et meilleurs voeux

    Merci pour votre réponse, à priori il n'y a pas de solution simple à cette problématique, je m'en doutais un peu mais je vais tout de même poursuivre un peu ma recherche à ce sujet.

    Très cordialement,

    Bonne année 2008

Discussions similaires

  1. [HTML] Diverses questions sur le HTML
    Par Ekin0X dans le forum Balisage (X)HTML et validation W3C
    Réponses: 15
    Dernier message: 29/06/2006, 11h46
  2. simple question sur du html avec frames
    Par Thordax dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 03/05/2006, 12h48
  3. evenement onmouseover sur element HTML disabled
    Par danyboy85 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 05/04/2006, 13h04
  4. [Debutant]Impression et Transfert sur Page HTML
    Par ghan77 dans le forum Web & réseau
    Réponses: 6
    Dernier message: 12/12/2005, 16h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo