Changer le style d'écriture en javascript

Résolu
GDX Messages postés 219 Date d'inscription   Statut Membre Dernière intervention   -  
GDX Messages postés 219 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,


Je cherche à faire un compte à rebours dynamique sur mon site.

J'ai trouvé sur le net un code qui me convenait, mais le style d'écriture et moche.

Le code qui gère l'affichage est Affiche.innerHTML et window.status. Je veux changer le style grâce à une feuille css mais les balises <span id="CAR"> </span> ne fonctionne pas.

Je vous ai mis tout mon script si ça peut vous aider

Merci de m'aider

GDX


<body>

<!-- ######### COMPT A REBOUR #################### -->

<label id="Compte"></label>

<script type="text/javascript">

var Affiche=document.getElementById("Compte");

function Rebour()
{
var date1 = new Date();
var date2 = new Date ("Feb 06 20:00:00 2010"); // Date et heure de l'événement
var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
var n = 24 * 3600; //nombre de secondes dans un jour
if (sec > 0)
{
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
Affiche.innerHTML = <span id="CAR"> "Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec </span>;
window.status = <span id="CAR"> "Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec </span>;
}
else
{
if (Math.abs(sec) < (5 * 60)) // Durée de l'événement
{
Affiche.innerHTML = <span id="CAR"> "Le gala a commencé que faite vous encore chez vous?" </span>;
window.status = <span id="CAR"> "Le gala a commencé que faite vous encore chez vous?" </span>;
}
else
{
Affiche.innerHTML = <span id="CAR"> "Merci à tous, Super gala cette année, grâce à vous" </span>;
window.status = <span id="CAR"> "Merci à tous, Super gala cette année, grâce à vous" </span>;
}
}

tRebour=setTimeout ("Rebour();", 1000);
}

Rebour();

</script>

</body>
A voir également:

4 réponses

Réponse 1 / 4
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
en regardant de plus près il faut ça: 

Affiche.innerHTML = "<span id=\"CAR\"> Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec +"</span>";
window.status ="Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec+" ";


mais ça ne change pas le style dans la barre d'état
1
Réponse 2 / 4
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
Déja tu as des erreurs il te manque les ' de debut et fin de chaine sur toutes les lignes : 

Affiche.innerHTML = '<span id="CAR"> "Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec </span>';
window.status =' <span id="CAR"> "Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec </span>';


ensuite je ne pense pas que tu puisses modifier la police de la barre de statut de ton navigateur ou alors fais une recherche dans ce sens la
0
Réponse 3 / 4
GDX Messages postés 219 Date d'inscription   Statut Membre Dernière intervention   9
 
On n'est pas loin de ce que je recherche.

Le code que vous m'avez proposé donne : "Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec à la police voulue.

Maintenant, il ne reste qu'à remplacer j, h, mn et sec par leur valeur.

Merci
0
Réponse 4 / 4
GDX Messages postés 219 Date d'inscription   Statut Membre Dernière intervention   9
 
En fait le 2eme message que vous avez écrit marche du tonnaire Merci pout tout.


GDX
0