[Résolu] comment mettre une horloge dans un site ?

 
Poster un nouveau sujet   Répondre au sujet    Forum-Webfolie Index du Forum // Webmasters
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Massilia
Occasionnel
Occasionnel


Inscrit le: 01 Jan 1970
Messages: 115
Localisation: au vel'

MessagePosté le: Dim Déc 18, 2005 7:13 pm    Sujet du message: comment mettre une horloge dans un site ? Répondre en citant
Bonjour les gens Très content

j'ai besoin de savoir svp le code pour qu'il y est une horloge qui se déplace en même temps que ma souris! vous voyez ce que je veux dire? genre comme sur ce site http://yelims.free.fr/YELIMS.htm !!

enfaite je croit que j'ai le code mais j'arrive pas a l'intégré dans ma page parce que je pense que c'est du java et je m'y connait pas trop en java!!

merci bcp d'avance de votre aide!
++
_________________
NOUS SOMMES LA VOIX, LE COEUR ET LES BRAS DE LA VILLE QUI NOUS A VU NAITRE
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
Yasse
Administrateur
Administrateur


Inscrit le: 01 Jan 1970
Messages: 247
Localisation: ChépaLand

MessagePosté le: Dim Déc 18, 2005 8:43 pm    Sujet du message: Répondre en citant
Coucou,

Voilà le code:

Citation:
<SCRIPT language=JavaScript>
dCol='#F08080 ';//date colour.
fCol='#6A5ACD ';//face colour.
sCol='#008B8B ';//seconds colour.
mCol='#C71585 ';//minutes colour.
hCol='#000000 ';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;~






//Alter nothing below! Alignments will be lost!

d=new Array("DIMANCHE","LUNDI","MARDI","MERCREDI","JEUDI","VENDREDI","SAMEDI");
m=new Array("JANVIER","FEVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;


Ensuite tu inserts le code dans ta page d'acceuil.
Normalement tu dois cliquer sur le bouton <> (dans la phase nouvelle page ) et colle le code.
_________________
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
Massilia
Occasionnel
Occasionnel


Inscrit le: 01 Jan 1970
Messages: 115
Localisation: au vel'

MessagePosté le: Lun Déc 19, 2005 12:14 am    Sujet du message: Répondre en citant
Merciii

mais j'ai pas compris quand tu dit "Normalement tu dois cliquer sur le bouton <> (dans la phase nouvelle page ) et colle le code"
sinon le code je l'ai, c'est bien celui là, (suffisait juste de le copier du site ) mais je ne sais pas où le placer car enfaite au début j'ai ça

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>MON SITE</title>
<style type="text/css">
<!--
body {
background-color: #808080;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
} ect...

où le mettre! that is the question lol
au début du code que tu m'a donné tu ouvre la balise "script" et faut pas la fermé à la fin? avec </script>???
merci encore.
_________________
NOUS SOMMES LA VOIX, LE COEUR ET LES BRAS DE LA VILLE QUI NOUS A VU NAITRE
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
Yasse
Administrateur
Administrateur


Inscrit le: 01 Jan 1970
Messages: 247
Localisation: ChépaLand

MessagePosté le: Lun Déc 19, 2005 1:45 am    Sujet du message: Répondre en citant
hum hum Méfiant

Pour un forum je sais comment faire mais pour un site .. aucune idée. Embarassé
_________________
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
mumulafrite
Administrateur
Administrateur


Inscrit le: 01 Jan 1970
Messages: 1260
Localisation: Marseille

MessagePosté le: Lun Déc 19, 2005 8:31 am    Sujet du message: Répondre en citant
salut salut,
bon le script donné par oasiis n'à pas l'air de fonctionner.
pour faire marcher le code fournis ci sessous il suffit de le mettre entre les balises <head> </head>
voici le code:
<script LANGUAGE=JavaScript>dCol='6699CC';//date colour.
//HORLOGE
fCol='6699CC';//face colour.
sCol='6699CC';//seconds colour.
mCol='6699CC';//minutes colour.
hCol='6699CC';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!

d=new Array("DIMANCHE","LUNDI","MARDI","MERCREDI","JEUDI","VENDREDI","SAMEDI");
m=new Array("JANVIER","FEVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year< 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i< n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i< D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i< D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i< n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i< S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i< M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i< H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i< D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i< n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i< H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i< M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i< S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i< n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i< H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i< M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i< S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i< D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i< D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i< n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>


/!\ Pas compatible avec firefox je vais faire plus de recherche pour en trouver un dhtml.

P.S: sujet déplacé dans le forum webmaster
_________________
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Massilia
Occasionnel
Occasionnel


Inscrit le: 01 Jan 1970
Messages: 115
Localisation: au vel'

MessagePosté le: Lun Déc 19, 2005 3:32 pm    Sujet du message: Répondre en citant
Merci mumu, je vais essayé ce que tu m'a dit, et je te dirais!! Très content
_________________
NOUS SOMMES LA VOIX, LE COEUR ET LES BRAS DE LA VILLE QUI NOUS A VU NAITRE
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
Massilia
Occasionnel
Occasionnel


Inscrit le: 01 Jan 1970
Messages: 115
Localisation: au vel'

MessagePosté le: Mer Déc 21, 2005 6:25 pm    Sujet du message: Répondre en citant
Salut

ça y est, ça marche, enfaite le code je l'ai mis tout au début, avant meta, avant title et tout ça!!

Merci encore les gars!!

@+
_________________
NOUS SOMMES LA VOIX, LE COEUR ET LES BRAS DE LA VILLE QUI NOUS A VU NAITRE
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
mumulafrite
Administrateur
Administrateur


Inscrit le: 01 Jan 1970
Messages: 1260
Localisation: Marseille

MessagePosté le: Mer Déc 21, 2005 8:33 pm    Sujet du message: Répondre en citant
bah de rien Très content
_________________
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Yasse
Administrateur
Administrateur


Inscrit le: 01 Jan 1970
Messages: 247
Localisation: ChépaLand

MessagePosté le: Mer Déc 21, 2005 9:12 pm    Sujet du message: Répondre en citant
Béh voilà, cool ! Yuck
_________________
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
 


Poster un nouveau sujet   Répondre au sujet    Forum-Webfolie Index du Forum // Webmasters Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum


Hébergé par Mouseimaging

Powered by phpBB © 2001, 2002 phpBB Group
alexisBlue v1.2 // Theme: Andrew Charron // Icons: Travis Carden