Javascript !!! colorier text
Résolu
gu-guss
Messages postés
70
Statut
Membre
-
mo -
mo -
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?
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
-
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. -
<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 ? -
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>'); -
je ne veux pas colorier tt le text just le jour et le nombre de jour
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
