Affichage des articles dont le libellé est horloge. Afficher tous les articles
Affichage des articles dont le libellé est horloge. Afficher tous les articles

11 août 2010

Afficher la date et l'heure

Publié par Libellés : , ,
Ce premier script -en javasccript- donne seulement la date

En HTML, vous copiez ce code
<font color="#D8E2EC">Bonjour, nous sommes le <script language="javascript"
type="text/javascript">
// PLF - http://www.jejavascript.net/
var datedujour, date, mois, mois1, jour, jour1, an;
datedujour = new Date();
jour = datedujour.getDay()
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 = datedujour.getDate()
mois = datedujour.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 = datedujour.getFullYear()
document.write("<div align='center'><font size='+1'><b>");
document.write(jour1, " ");
document.write(date, " ");
document.write(mois1 , " ");
document.write(an, " ");
document.write("</b></font></div>");
</script></font>

Vous pouvez personnaliser ce qui est en rouge et vous obtenez :

Bonjour, nous sommes le

Ce second script -en flash- donne la date et l'heure

Il s'agit d'un code flash, donc accessible aux blogs en confiance, trouvé chez Clocklink à coller en html
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="192" height="16"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src"
value="http://www.clocklink.com/clocks/5004-orange.swf?TimeZone=France_Paris&Place=&DateFormat=dd+/+MMM+/+yyyy+DDD&TimeFormat=HH:mm:ss&"><param name="wmode"
value="transparent"><embed type="application/x-shockwave-flash" width="192" height="16"
src="http://www.clocklink.com/clocks/5004-orange.swf?TimeZone=France_Paris&Place=&DateFormat=dd+/+MMM+/+yyyy+DDD&TimeFormat=HH:mm:ss&" wmode="transparent"></object>

Ce qui donne

4 commentaires:

10 août 2010

Installer une horloge

Publié par Libellés : , ,
 Les scripts des horloges suivantes ne contiennent ni iframe ni javascript

CLOCKLINK

Sur le site Clocklink, en anglais bien sûr.

1) Cliquez sur Go to Clock Gallery dans l'encart à droite
2) je choisis la name 5008 en cliquant sur View HTLM tag
3) Je complète et modifie

Color :






TimeZone :


Size :



4) Je copie le 2ème code : le premier est en Javascript
<embed src=http://www.clocklink.com/clocks/0016-Pink.swf?TimeZone=CET
width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">
5) Je colle ce code en HTML et j'obtiens :



FISHAFRIEND

Chez FISHAFRIEND

Copiez le code
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://www.wishafriend.com/clocks/swf/winterclock3.swf"
quality="high" width="340" height="210" swliveconnect="true" allowscriptaccess="samedomain" /><br><a href="http://www.wishafriend.com/clocks/" target="new">Myspace Clocks</a>
at WishAFriend.com

Collez le en HTML


Myspace Clocks at WishAFriend.com

TOOLSHELL

Chez TOOLSHELL

Toujours un code à copier
<embed width="200" height="200" src="http://img.photobucket.com/albums/v13/favorieten/lawyer/attorney-5.swf" wmode="transparent" type="application/x-shockwave-flash"></embed>

et à coller en HTML



Les scripts des horloges suivantes contiennent des iframe ou du javascript

LADYLONY

Allez sur LADY LONY,

Elle propose plusieurs sortes d'horloge très girly : nounours, rondes, étoile...

Copiez le code de ce genre
<iframe src="http://ladylony.com/meineuhr2.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0"
framespacing="0"></iframe>
Collez-le en mode source/HTML et vous obtenez


SOSTOOLS

Chez SOSTOOLS

Des codes à copier
<script src="http://www.sostools.net/horloges/horloge-flash.php?name=cerise&cat=love&w=180&h=180"></script><br><noscript><a href="http://www.sostools.net">contenu gratuit pour blogs et site</a></noscript>

et à coller en HTML




FREEBLOGCONTENT

Chez FREEBLOGCONTENT

Codes à copier
<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0005.htm" width="120" height="239"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>

et à coller en HTML


Free Blog Content

HORLOGE PARLANTE

Allez sur Horloge parlante

Sélectionnez :
  • la langue, 
  • le continent, 
  • le pays,
  • la ville
  • le design

Copiez le code
<iframe id="ifrhorlogeparlante" width="124" height="52" marginwidth="1" marginheight="1" border="0" frameborder="0"
src="http://site1.horlogeparlante.com/tools/g_time.php?city=334&lang=fr&type=1&bg=2f3343&fg=d8e2ec">
</iframe><br>
<a target="_blank" href="http://www.horlogeparlante.com/" id="linktime"><img id="imglinktime" src="http://site1.horlogeparlante.com/tools/g_logo.php?city=334&lang=fr&type=1"
alt="horloge parlante" title="L'heure exacte et internationale" border="0"/></a>

et collez le en HTML


horloge parlante

L'EDITEUR JAVASCRIPT

C'est un petit script trouvé chez l'EDITEUR JAVASCRIPT, il suffit de le coller en HTML
<!-- DEBUT DU SCRIPT --><SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function HeureCheck()
{
krucial = new Date;
heure = krucial.getHours();
min = krucial.getMinutes();
sec = krucial.getSeconds();
jour = krucial.getDate();
mois = krucial.getMonth()+1;
annee = krucial.getFullYear();
if (sec < 10)
{
sec0 = "0";
}
else
{
sec0 = "";
}
if (min < 10)
{
min0 = "0";
}
else
{
min0 = "";
}
if (heure < 10)
{
heure0 = "0";
}
else
{
heure0 = "";
}
if (mois < 10)
{
mois0 = "0";
}
else
{
mois0 = "";
}
if (jour < 10)
{
jour0 = "0";
}
else
{
jour0 = "";
}
if (annee < 10)
{
annee0 = "0";
}
else
{
annee0 = "";
}
DinaDate = "" + jour0 + jour + "/" + mois0 + mois + "/" + annee0 + annee;
total = DinaDate
DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec;
total = DinaHeure
total = DinaDate + " - " + DinaHeure;
document.time.timebox.value = total;
tempo = setTimeout("HeureCheck()", 1000)
}
window.onload = HeureCheck;
</script><!-- FIN DU SCRIPT --><!-- DEBUT DU SCRIPT --><!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<form name="time">
<input size="25" name="timebox" type="text" />
</form>
<!-- FIN DU SCRIPT -->

Le cadre est visible dans la fenêtre de saisie, son contenu en prévisualisation et à l'édition.

Pour changer la largeur du cadre, changer le chiffre en rouge, ci-dessus.

Aucun commentaire:
Inscription à : Articles (Atom)