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 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.
    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. 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. je ne veux pas colorier tt le text just le jour et le nombre de jour