Javascript !!! colorier text

Résolu
Bonjour,

form_date = "Votre date complète est le <text-color='#ff0000'><strong> "+jour1+"</strong> "+date+" "+mois1+" "+an+".<br>Vous avez vécu "+nbrej+" jours";

cmt faire pour colorier un text en js?
Configuration: Windows XP
Internet Explorer 6.0

6 réponses

  1. je ne veux pas colorier tt le text just le jour et le nombre de jour
    1. Le plus simple je pense dans tout cet amas de code n'est pas d'utiliser du javascript mais directement du html. Dans ce cas, il faut rajouter les balises <font color="ta_couleur"> et </font> à la fin de ta fonction javascript.

      Vu que ton code me semble faux (d'ailleurs je l'ai testé et il ne marche pas), ça doit donner quelque chose du genre :
      result.document.write('<body BGCOLOR="#ffffff"><­p align="center"><font color="ta_couleur"><strong>'+form_date+'</strong></font></p>');
      1. <html>
        <head>
        <script type="text/javascript" language="javascript" src="date.js"></script>
        </head>
        <body>
        <form action="" method="post" name="date_anni" id="date_anni">
        <p align="center">
        <!--- <input name="monjour" type="text" value="30">--->
        <br />
        <span class="Style9">Trouvez la date Exacte de votre naissance et aussi le Nombdre de jours que vouas avez vécu... </span></p>
        <p align="center"> </p>
        <p align="center">
        <select name="monjour" class="age">
        <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option>
        <option value="04">04</option>
        <option value="05">05</option>
        <option value="06">06</option>
        <option value="07">07</option>
        <option value="08">08</option>
        <option value="09">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15" selected="selected">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
        </select>
         
        <!--- <input name="monmois" type="text" value="12">--->
        <select name="monmois" class="age">
        <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option>
        <option value="04">04</option>
        <option value="05">05</option>
        <option value="06">06</option>
        <option value="07" selected="selected">07</option>
        <option value="08">08</option>
        <option value="09">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        </select>
         
        <input name="monannee" type="text" class="age" value="1989" size="4" maxlength="4" />
        </p>
        <p align="center"> </p>
        <p align="center">
        <input name="Submit" type="button" class="btn" onclick="calcul()"value="Calculer" />
        </p>
        <p align="center"><a href="astuce.html"><img src="astuce.GIF" width="156" height="92" border="0" /></a></p>
        </form>
        </body>
        </html


        Voici le scipt date: date.js
        var datedujour, anniv, jour, jour1, année_anniv, mois_anniv, jour_anniv
        function calcul() {
        datedujour = new Date();
        année_anniv= document.date_anni.monannee.value;
        mois_anniv= document.date_anni.monmois.value-1;
        jour_anniv= document.date_anni.monjour.value;
        anniv = new Date(année_anniv, mois_anniv, jour_anniv);
        datedujour.setHours(0+((anniv.getTimezoneOffset()-datedujour.getTimezoneOffset())/60))
        datedujour.setMinutes(0)
        datedujour.setSeconds(0)
        jour = anniv.getDay()
        date1=datedujour.getTime()
        date2=anniv.getTime()
        nbrej= date1-date2
        nbrej= Math.round((Math.round(nbrej)/1000)/60/60/24)
        switch(jour){
        case 1 :
        jour1 ="Lundi"
        break;
        case 2 :
        jour1 ="Mardi"
        break;
        case 3 :
        jour1 ="Mercredi"
        break;
        case 4 :
        jour1 ="Jeudi"
        break;
        case 5 :
        jour1 ="Vendredi"
        break;
        case 6 :
        jour1 ="Samedi"
        break;
        case 0 :
        jour1 ="Dimanche"
        break;
        }
        date = anniv.getDate()
        mois = anniv.getMonth()
        switch(mois+1){
        case 1 :
        mois1 ="Janvier"
        break;
        case 2 :
        mois1 ="Février"
        break;
        case 3 :
        mois1 ="Mars"
        break;
        case 4 :
        mois1 ="Avril"
        break;
        case 5 :
        mois1 ="Mai"
        break;
        case 6 :
        mois1 ="Juin"
        break;
        case 7 :
        mois1 ="Juillet"
        break;
        case 8 :
        mois1 ="Août"
        break;
        case 9 :
        mois1 ="Septembre"
        break;
        case 10 :
        mois1 ="Octobre"
        break;
        case 11 :
        mois1 ="Novembre"
        break;
        case 12 :
        mois1 ="Décembre"
        break;
        }
        an = anniv.getFullYear()
        form_date = "Votre date complète est le <strong> "+jour1+"</strong> "+date+" "+mois1+" "+an+".<br>Vous avez vécu "+nbrej+" jours";
        result=open("","resultat","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=0, resizable=1, top=1, left=50, width=500, height=200");
        result.document.write('<body BGCOLOR="#ffffff"><p> </p><p align="center" <strong>'+form_date+'</p>')
        if (result.blur) result.focus()
        }


        alors cmt faire pour colorier le text qui s'affiche ?
        1. Je ne vois pas trop ce que tu veux faire mais pour changer la couleur d'un texte en js, il faut utiliser :
          document.getElementById(id_du texte).style.color = la_nouvelle_couleur;

          Sinon de ce que je peux lire de ton code, à mon avis, il ne devrait pas marcher : tu ouvres une balise text-color que tu ne fermes pas et ni moi ni google ne connaissons cette balise.