Probleme code HTML/Javascript

[Résolu/Fermé]
Signaler
Messages postés
27
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
6 avril 2010
-
 Utilisateur anonyme -
Bonjour a tous !

Dites moi, je viens de trouver ce code pour un compte à rebours ( j'ai juste changé la date evidement ) :

<script language="javaScript1.2">
maintenant = new Date();
// Attention : pour le mois il faut passer un nbr compris entre 0 (janvier) et 11 (décembre)
rebours = new Date(2008,4,1,10,0,0); // Anne Mois jour hh, mm, ss

secondes = (rebours.getTime() - maintenant.getTime()) / 1000;
minutes = secondes /60;
heures = minutes / 60;
heures = Math.round (heures);
jour = heures / 24;
jour = Math.round (jour);
document.write ("Départ prévu dans :"+ jour );
document.write (" Jours" );
</script>

Il me va tres bien sauf que je ne sais pas comment changer la taille des caracteres...

Je suis vraiment debutan en ce qui concerne les codes HTML/Javascript...

Merci pour votre aide !!!

12 réponses


Salut ,

pour changer la taillle de police des caractères, introduisez <FONT> dans votre code grâce à document.write().

Ainsi, votre script devient:
<script language="javaScript1.2">
maintenant = new Date();
// Attention : pour le mois il faut passer un nbr compris entre 0 (janvier) et 11 (décembre)
rebours = new Date(2008,4,1,10,0,0); // Anne Mois jour hh, mm, ss

secondes = (rebours.getTime() - maintenant.getTime()) / 1000;
minutes = secondes /60;
heures = minutes / 60;
heures = Math.round (heures);
jour = heures / 24;
jour = Math.round (jour);
document.write("<DIV align='center'><FONT color='red' size='smaller'>");
document.write ("Départ prévu dans :"+" "+jour );
document.write (" Jours" );
document.write("</FONT></DIV>")
</script>


Les lignes en gras sont des lignes rajoutées ou modifiées, le résultat aujourd'hui donne ainsi en police de couleur rouge et de petite taille :
"Départ prévu dans : 140 Jours"

Voyez les différentes valeurs possibles pour l'attribut size de l'élément FONT ici :
--> "https://www.htmlhelp.com/reference/html40/special/font.html"

Si vous avez une autre question, je reste à votre disposition.

Cordialement,
Keanjyto.
Messages postés
27
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
6 avril 2010
2
Re-bonjour !

Tout d'habord merci de votre reponse, mais cela ne fonctionne pas.

En faite quand j'insert votre code rien ne saffiche.

Celui que j'ai trouvé fonctionne tres bien, le seul probleme c'est la taille.
Messages postés
27
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
6 avril 2010
2
.

Bizarre, moi je l'ai testé sous Firefox c'est OK.

Enfin, est-ce que votre javascript est sous la forme d'un fichier "monscript.js" ou est-il dans un fichier du style "mapage.html" ?

Selon la réponse, je pourrai vous aider...

Bon, je vais pas tarder à me déconnecter donc je vous mets les solutions selon le cas :

--> si votre script javascript est enregistré dans une page au format HTML (".htm" ou ".html"), il y a deux façons de le faire marcher :

1/ en l'insérant dans le code avec :
<SCRIPT type="text/javascript" src="script.js"></SCRIPT>

2/ en le mettant dans le code de la page quelque part :
<HTML>
<script language="javaScript1.2">
maintenant = new Date();
// Attention : pour le mois il faut passer un nbr compris entre 0 (janvier) et 11 (décembre)
rebours = new Date(2008,4,1,10,0,0); // Anne Mois jour hh, mm, ss

secondes = (rebours.getTime() - maintenant.getTime()) / 1000;
minutes = secondes /60;
heures = minutes / 60;
heures = Math.round (heures);
jour = heures / 24;
jour = Math.round (jour);
document.write("<DIV align='center'><FONT color='red' size='smaller'>");
document.write ("Départ prévu dans :"+" "+jour );
document.write (" Jours" );
document.write("</FONT></DIV>")
</script>
</HTML>

--> Si votre script à l'extension ".js", insérez-le dans une page HTML :
<SCRIPT type="text/javascript" src="mon_script.js"></SCRIPT>

Pour le faire marcher, assurez-vous d'avoir activer ou autoriser le javascript dans votre navigateur (l'extensions NoScript dans Firefox bloque le javascript par défaut, il faut autoriser le fichier local, sinon voir dans "about:config". Dans IE, autoriser le fichier local à exécuter un script javascript pour que ça fonctionne, sinon c'est une page blanche).

J'ai testé le javascript dans Firefox avec succès, de même dans Internet Explorer 7, les deux navigateurs m'affichent :
"Départ prévu dans : 140 Jours" en rouge et en petite taille.

Je me reconnecterai dans quelques heures.

Bonne continuation.

Cordialement,
Keanjyto.
Messages postés
27
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
6 avril 2010
2
Bonjour,

J'essaye d'inserer cela sur mon blog : http://europeenstop.blogspot.com/

Quand je fait la mise en page j'ai la possibilité d'avoir un onglet "HTML/Javascript", j'ajoute cet onglet, j'insert le code,je click sur OK , et normalement cela s'affiche.

J'ai rechercher dans l'aide pour avoir plus d'information à vous donner mais rien n'explique quel type d'editeur est utilisé ou autre chose...

J'ai aussi verifier mes paramettre ds firefox et IE tout ma l'air correct, mais ce qui me parrai etrange c que lorsque j'insert votre code rien ne saffiche, peut etre que l'editeur que jutilise est trop "basique" ? Aucune idée.

Merci.

Remi.

J'utilise PortableSciTe, mais le Bloc-notes de Windows suffit pour écrire des scripts javascript. Voyez si vous n'avez pas un menu dans votre système de gestion du blog qui dit "Insérer un script" ou quelque chose du genre.
Messages postés
27
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
6 avril 2010
2
Oui j'ai une option nomée"ajouté un module HTML/Javascript", qd je clicke dessu c'est tres simple : il y a 2 case.

1ere case : titre qui apparaitra dans le blog.
2eme case : text HTML/Javascript.

Puis ensuite j'ai juste a choisir l'emplacement et cliqué sur ok.

Entrez le code dans la seconde case et choississez la page où vous voulez mettre le script puis validez. Aller voir. Est-ce que c'est bien afficher ?
Messages postés
27
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
6 avril 2010
2
non, quand j'insert le votre cela ne fonctionne pas, parcontre le mien cela s'affiche.

Essayez avec :
<script type="text/javascript">
maintenant = new Date();
// Attention : pour le mois il faut passer un nbr compris entre 0 (janvier) et 11 (décembre)
rebours = new Date(2008,4,1,10,0,0); // Anne Mois jour hh, mm, ss

secondes = (rebours.getTime() - maintenant.getTime()) / 1000;
minutes = secondes /60;
heures = minutes / 60;
heures = Math.round (heures);
jour = heures / 24;
jour = Math.round (jour);
document.write("<div align='center' style='font-size: 20pt; color: red'>");
document.write ("Départ prévu dans :");
document.write (" ");
document.write (jour);
document.write (" Jours");
document.write("</div>")
</script>

Peut-être que le blog ne supporte pas l'ajout de code HTML via document.write()...
Messages postés
27
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
6 avril 2010
2
cela ne fonctionne pas non plus, peu etre en effet que le blog ne support pas ce code.

Ce n'est pas grave, je vous remerci pour votre temps bonne continuation!

A la prochaine.

Rémi

Je vous ai laissé un message privé vers une page avec ce script, peut-être cela vous aidera t-il...

Bonne continuation.

Cordialement,
Keanjyto.