| Voir le sujet précédent
:: Voir le sujet suivant
|
Massilia
Occasionnel


Inscrit le: 01 Jan 1970
Messages: 115
Localisation: au vel'
|
Posté le:
Dim Déc 18, 2005 7:13 pm Sujet du message:
comment mettre une horloge dans un site ? |
|
|
|
Bonjour les gens
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 |
|
|
Yasse
Administrateur


Inscrit le: 01 Jan 1970
Messages: 247
Localisation: ChépaLand
|
Posté le:
Dim Déc 18, 2005 8:43 pm Sujet du message:
|
|
|
|
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 |
|
|
Massilia
Occasionnel


Inscrit le: 01 Jan 1970
Messages: 115
Localisation: au vel'
|
Posté le:
Lun Déc 19, 2005 12:14 am Sujet du message:
|
|
|
|
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 |
|
|
Yasse
Administrateur


Inscrit le: 01 Jan 1970
Messages: 247
Localisation: ChépaLand
|
Posté le:
Lun Déc 19, 2005 1:45 am Sujet du message:
|
|
|
|
hum hum
Pour un forum je sais comment faire mais pour un site .. aucune idée.  _________________
 |
|
| Revenir en haut de page |
|
|
mumulafrite
Administrateur


Inscrit le: 01 Jan 1970
Messages: 1260
Localisation: Marseille
|
Posté le:
Lun Déc 19, 2005 8:31 am Sujet du message:
|
|
|
|
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 |
|
|
Massilia
Occasionnel


Inscrit le: 01 Jan 1970
Messages: 115
Localisation: au vel'
|
Posté le:
Lun Déc 19, 2005 3:32 pm Sujet du message:
|
|
|
|
Merci mumu, je vais essayé ce que tu m'a dit, et je te dirais!!  _________________ NOUS SOMMES LA VOIX, LE COEUR ET LES BRAS DE LA VILLE QUI NOUS A VU NAITRE |
|
| Revenir en haut de page |
|
|
Massilia
Occasionnel


Inscrit le: 01 Jan 1970
Messages: 115
Localisation: au vel'
|
Posté le:
Mer Déc 21, 2005 6:25 pm Sujet du message:
|
|
|
|
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 |
|
|
mumulafrite
Administrateur


Inscrit le: 01 Jan 1970
Messages: 1260
Localisation: Marseille
|
Posté le:
Mer Déc 21, 2005 8:33 pm Sujet du message:
|
|
|
|
bah de rien  _________________
 |
|
| Revenir en haut de page |
|
|
Yasse
Administrateur


Inscrit le: 01 Jan 1970
Messages: 247
Localisation: ChépaLand
|
Posté le:
Mer Déc 21, 2005 9:12 pm Sujet du message:
|
|
|
|
Béh voilà, cool !  _________________
 |
|
| Revenir en haut de page |
|
|
|
|
|
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
|
|