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 :

Impacter la taille d'une police sur un document.getElementById(obj).innerHTML


Sujet :

JavaScript

  1. #1
    Membre éprouvé Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Par défaut Impacter la taille d'une police sur un document.getElementById(obj).innerHTML
    Bonjour,

    J'ai une fonction d'impression et j'ai besoin de diminuer la taille de la police pour qu'un tableau tienne sur une page.

    J'ai fait ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    // Met la taille de la police au format d'impression
    	tailleFonteTag('tr', 'small');
    	// Définie la zone à imprimer
    	var zonImp= document.getElementById(obj).innerHTML;
    cela fonctionne bien.

    Le problème est que cela à un impact sur le formulaire.

    Alors en fin de script j'ai ajouté

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    // Remettre la taille de la police normalement
    	tailleFonteTag('tr', '0.9em');
    Ne pourrai-je pas impacter la taille de la police au moment de mon
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById(obj).innerHTML
    Merci d'avance.

  2. #2
    Membre chevronné Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Par défaut
    Si ton HTML contient une mise en forme spécifique et non déclarée sur le conteneur.
    Exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span class="toto">mon texte</span>

  3. #3
    Membre éprouvé Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Par défaut
    Citation Envoyé par d-Rek
    Si ton HTML contient une mise en forme spécifique et non déclarée sur le conteneur.
    Exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span class="toto">mon texte</span>
    Merci, mais je n'ai pas compris.

  4. #4
    Membre chevronné Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Par défaut
    Lors ton innerHTML, soit ton conteneur dispose d'une mise en forme
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('conteneur').innerHTML=texte;
    avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="conteneur" style="font-size:0.9em;"></div>
    Soit tu fais par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    innerHTML = '<font color="#FF0000">'+texte+'</font>';

  5. #5
    Membre éprouvé Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Par défaut
    Si je devine bien (pas sûr)

    A la place de :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    // Met la taille de la police au format d'impression
    	tailleFonteTag('tr', 'small');
    	// Définie la zone à imprimer
    	var zonImp= document.getElementById(obj).innerHTML;
    Je mets
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    	// Définie la zone à imprimer
    	var zonImp= '<font font-size="small">'+document.getElementById(obj).innerHTML+'</font>';
    Le problème c'est que cela impact mon impression, mais pas mes lignes de tableau qui gardent des caractères trop important

  6. #6
    Membre éprouvé Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Par défaut
    Faute de mieux, je garde ma méthode qui à défaut d'être élégante fonctionne.

    Merci encore

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Programme d'installation d'une police sur un site
    Par nemesis57 dans le forum Outils
    Réponses: 14
    Dernier message: 31/10/2008, 09h59
  2. Utiliser une police sur serveur
    Par spikto dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 18/01/2008, 14h47
  3. Changer la taille d'une police SDL_ttf.
    Par Kerwando dans le forum SDL
    Réponses: 4
    Dernier message: 06/06/2006, 12h10
  4. adapter la taille d'une fenêtre sur un JPanel
    Par Zorgloub dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 29/03/2006, 16h19

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