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 :

Impossible de changer taille police dans le script d'un compte à rebours


Sujet :

JavaScript

Vue hybride

Marina66 Impossible de changer taille... 12/10/2012, 15h30
SpaceFrog tu essaye font-size ou... 12/10/2012, 16h36
Marina66 Là, j'ai seulement mis le... 12/10/2012, 16h50
SpaceFrog non , je ne vois toujours... 12/10/2012, 17h16
NoSmoking Bonjour, en modifiant la... 12/10/2012, 17h25
exe2bin Salut ,juste une petite... 12/10/2012, 17h28
Marina66 En faites, il était d'abord... 12/10/2012, 17h50
Marina66 Et encore, là c'est la... 12/10/2012, 17h45
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Femme Profil pro
    administratrice
    Inscrit en
    Octobre 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : administratrice
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Octobre 2012
    Messages : 4
    Par défaut Impossible de changer taille police dans le script d'un compte à rebours
    Bonjour tout le monde!

    Alors, voilà :
    1) J'ai un script de compte à rebours (voir ci-dessous)

    2) Bien que j'arrive à changer différents paramètres (texte, couleur de fond, couleur de police, etc...) je ne parviens pas à changer la taille du texte.

    3) De ce que j'en sais, c'est font, font-size la propriété pour appliquer une valeur à la taille du texte.
    Pourquoi ça ne marche pas avec font-size, que dois-je faire dès lors?

    Merci infiniment et par avance

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    <script type="text/javascript">
    // valeurs à modifier selon vos préférences
    DateFinale = "01/01/2013 00:00 AM";
    CouleurBG = "";
    CouleurTexte = "#000000";
    CompteurActif = true;
    Interval = -1;
    ZeroDevant = true;
    FormatAffichage = "Pour en profiter, il vous reste : <br> %%D%% jours  %%H%%:%%M%%:%%S%%";
    ActionFinale = "C'est terminé!";
     
     
    // calcule la valeur de l'unité de temps
    function calculateur(secs, num1, num2) {
      s = ((Math.floor(secs/num1))%num2).toString();
      if (ZeroDevant && s.length < 2)
        s = "0" + s;
      return  s;
    }
     
    // affiche la valeur du compteur pour chaque unité de temps
    // la valeur est insérée dans un innerHTML
    function AfficheTemps(secs) {
      if (secs < 0) {
        document.getElementById("compteur").innerHTML = ActionFinale;
        return;
      }
      DisplayStr = FormatAffichage.replace(/%%D%%/g, calculateur(secs,86400,100000));
      DisplayStr = DisplayStr.replace(/%%H%%/g, calculateur(secs,3600,24));
      DisplayStr = DisplayStr.replace(/%%M%%/g, calculateur(secs,60,60));
      DisplayStr = DisplayStr.replace(/%%S%%/g, calculateur(secs,1,60));
     
      document.getElementById("compteur").innerHTML = DisplayStr;
      if (CompteurActif)
        setTimeout("AfficheTemps(" + (secs+Interval) + ")", SetTimeOutPeriod);
    }
     
    // le temps est formaté selon les couleurs choisies
    function formatTemps(backcolor, forecolor) {
     document.write("<div style='text-align:center'><span id='compteur' style='background-color:" + backcolor +
                    "; color:" + forecolor + "'></span></div>");
    }
     
    Interval = Math.ceil(Interval);
    if (Interval == 0)
      CompteurActif = false;
    var SetTimeOutPeriod = (Math.abs(Interval)-1)*1000 + 990;
    formatTemps(CouleurBG, CouleurTexte);
    var dthen = new Date(DateFinale);
    var dnow = new Date();
    if(Interval>0)
      ddiff = new Date(dnow-dthen);
    else
      ddiff = new Date(dthen-dnow);
    gsecs = Math.floor(ddiff.valueOf()/1000);
    AfficheTemps(gsecs);
    </script>

  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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    tu essaye font-size ou fontSize ???

    je en vois pas de tentative que ce soit avec l'un ou l'autre dans ton code ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre du Club
    Femme Profil pro
    administratrice
    Inscrit en
    Octobre 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : administratrice
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Octobre 2012
    Messages : 4
    Par défaut
    Là, j'ai seulement mis le code avant mes tentatives.

    J'ai essayé toutes les combinaisons possibles sur font-size, avec des valeurs en unités px, em, %, valeurs relatives.

    J'ai placé cela en ligne 6, après CouleurTexte.

  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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    non , je ne vois toujours rien ...


    si tu ne nous montres pas ton code ...

    en plus tu as été nous déterrer un dynausaure avec un document.write ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Nouvelle page 1</title>
     
    </head>
     
    <body>
    <div id="compteur"></div>
    <script type type="text/javascript">
    // valeurs à modifier selon vos préférences
    DateFinale = "01/01/2013 00:00 AM";
    CouleurBG = "";
    CouleurTexte = "red";
    TailleTexte= 40;
    CompteurActif = true;
    Interval = -1;
    ZeroDevant = true;
    FormatAffichage = "Pour en profiter, il vous reste : <br> %%D%% jours  %%H%%:%%M%%:%%S%%";
    ActionFinale = "C'est terminé!";
     
     
    // calcule la valeur de l'unité de temps
    function calculateur(secs, num1, num2) {
      s = ((Math.floor(secs/num1))%num2).toString();
      if (ZeroDevant && s.length < 2)
        s = "0" + s;
      return  s;
    }
     
    // affiche la valeur du compteur pour chaque unité de temps
    // la valeur est insérée dans un innerHTML
    function AfficheTemps(secs) {
      if (secs < 0) {
        document.getElementById("compteur").innerHTML = ActionFinale;
        return ;
      }
      DisplayStr = FormatAffichage.replace(/%%D%%/g, calculateur(secs,86400,100000));
      DisplayStr = DisplayStr.replace(/%%H%%/g, calculateur(secs,3600,24));
      DisplayStr = DisplayStr.replace(/%%M%%/g, calculateur(secs,60,60));
      DisplayStr = DisplayStr.replace(/%%S%%/g, calculateur(secs,1,60));
     
      document.getElementById("compteur").innerHTML = DisplayStr;
      if (CompteurActif)
        setTimeout("AfficheTemps(" + (secs+Interval) + ")", SetTimeOutPeriod);
    }
     
    // le temps est formaté selon les couleurs choisies
    function formatTemps(backcolor, forecolor, ftsize) {
    screenstyle=document.getElementById("compteur").style;
    screenstyle.backgroundColor=backcolor;
    screenstyle.color= forecolor;
    screenstyle.fontSize=ftsize
    }
     
    Interval = Math.ceil(Interval);
    if (Interval == 0)
      CompteurActif = false;
    var SetTimeOutPeriod = (Math.abs(Interval)-1)*1000 + 990;
    formatTemps(CouleurBG, CouleurTexte, TailleTexte);
    var dthen = new Date(DateFinale);
    var dnow = new Date();
    if(Interval>0)
      ddiff = new Date(dnow-dthen);
    else
      ddiff = new Date(dthen-dnow);
    gsecs = Math.floor(ddiff.valueOf()/1000);
    AfficheTemps(gsecs);
    </script>
    <div style="text-align:center"><span id="compteur" ></span></div>
     
    </body>
     
    </html>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    en modifiant la class cela permet de ne plus remettre les mains dans le code.

  6. #6
    Membre éclairé
    Avatar de exe2bin
    Profil pro
    Passionné de programmation
    Inscrit en
    Mars 2009
    Messages
    537
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Passionné de programmation

    Informations forums :
    Inscription : Mars 2009
    Messages : 537
    Billets dans le blog
    3
    Par défaut
    Salut ,juste une petite précision : ton script fait-il partie de <body> ou de <head> parce que là ça change tout.
    Si ton code se trouve dans <body> alors document.write() fonctionnera sur ta page ,mais s'il se trouve dans <head> une autre fenêtre s'ouvrira et tu auras perdu le reste de ton document.

  7. #7
    Membre du Club
    Femme Profil pro
    administratrice
    Inscrit en
    Octobre 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : administratrice
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Octobre 2012
    Messages : 4
    Par défaut
    Citation Envoyé par exe2bin Voir le message
    Salut ,juste une petite précision : ton script fait-il partie de <body> ou de <head> parce que là ça change tout.
    Si ton code se trouve dans <body> alors document.write() fonctionnera sur ta page ,mais s'il se trouve dans <head> une autre fenêtre s'ouvrira et tu auras perdu le reste de ton document.
    En faites, il était d'abord dans <head> car le script était dans un fichier .jss externe, mais au final je l'ai modifié et intégré directement dans la page html donc je l'ai mis dans <body>.

  8. #8
    Membre du Club
    Femme Profil pro
    administratrice
    Inscrit en
    Octobre 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : administratrice
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Octobre 2012
    Messages : 4
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message

    en plus tu as été nous déterrer un dynausaure avec un document.write ...
    Et encore, là c'est la version améliorée!

    Quoiqu'il en soit maintenant ça marche!

    Merci et gros bisous!

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

Discussions similaires

  1. [XL-2007] Mise en forme automatique - impossible de changer taille & police
    Par fourchette dans le forum Excel
    Réponses: 8
    Dernier message: 09/04/2017, 12h58
  2. Changer taille police dans un JMenu
    Par TomPouce05 dans le forum Composants
    Réponses: 11
    Dernier message: 14/09/2015, 10h13
  3. Changer la police dans TOUT le document
    Par swagelok dans le forum Mise en forme
    Réponses: 2
    Dernier message: 19/09/2007, 11h18
  4. changer taille police
    Par tremeur53 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 13/03/2007, 09h19
  5. impossible de changer "arguments program" dans eclipse
    Par decksroy dans le forum Eclipse Java
    Réponses: 9
    Dernier message: 13/11/2006, 08h34

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