modification d'un script

**snoopy59110** · 25/06/2007, 14h47

bonjour je suis entrain de faire de nouvelles cr�ations sur mon site.j ai
donc trouv� ce code pour les ins�rer dans mes calendriers.le probl�me, comme
vous pouvez le voire il suis la souris alors pourriez vous svp supprimer
cette option pour qu' il reste fixe et que je puisse dans dreamweaver le
placer ou je veut c est � dire ou je met le curseur et non pas entrer des
valeurs moi m�me car j ai d�j� essayer et une fois h�berger l horloge n est
pas a la bonne place merci beaucoup . voici le script en question

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<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;
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-wei????????????????????Ž?¯?????sght:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvent(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()',30);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>

**SpaceFrog** · 26/06/2007, 09h04

pour faire rapide, commente juste cette ligne l� ..

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

//(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

En fait v�rifiaction faite il faut supprimer toute la focntion:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
/*(ns)?window.captureEvent(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;*/

puis pour assigner la position de la pendule, deux possibilit�s,
soit tu mets juste �pr�s le code ci dessus :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
xmouse=200;
ymouse=200;

Ce qui laisse un effet de mouvement au chargement de la page ...

soit tout � fait en haut du script tu assignes les positions au moment de la d�calration des varibales ...

**snoopy59110** · 26/06/2007, 11h52

bonjour merci de ta reponse mais quand tu me dis ceci (soit tout � fait en haut du script tu assignes les positions au moment de la d�calration des varibales ...) pour moi c est du chinoi ce que je veut en faite c est ouvrir dreamweaver mettre mon curseur a un endroit precis et ensuite coller le code pour quelle aparaisse exactement a cette endroit merci

**SpaceFrog** · 26/06/2007, 11h58

tu veux que la pendule se positionne � l'endroit de la souris quand tu auras cliqu� ?

**snoopy59110** · 26/06/2007, 12h03

pour etre precis dans ma demande .je lance ma page index avec dreamweaver je met mon curseur � un endroit bien precis, dans un tableau ou autre ensuite je vais dans code et je colle le code que tu ma modifier.

ps

apres avoir supprimer la balise que tu me suggere et bien

il n y as plus d horloge du tout �a marche plus

**snoopy59110** · 26/06/2007, 12h17

par contre en ne supprimant que cette balise la �a marche elle suis plus

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

//(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

il ne reste plus qu a trouve pour l emplacement merci

**E.Bzz** · 26/06/2007, 12h28

Envoy� par snoopy59110

pour etre precis dans ma demande .je lance ma page index avec dreamweaver je met mon curseur � un endroit bien precis, dans un tableau ou autre ensuite je vais dans code et je colle le code que tu ma modifier.

Oui, enfin ... pour comprendre comment fonctionnent et sont structur�es tes pages, tu aurais int�r�t � lacher un peu DW de temps en temps, et comprendre par toi m�me

A+

**snoopy59110** · 26/06/2007, 13h24

merci de ton intervention Bzz je me sent beaucoup mieux � present et j ai tout compris

**SpaceFrog** · 26/06/2007, 13h39

on dirait que tu n'as m�me pas test� mon code

**snoopy59110** · 26/06/2007, 15h01

si mon ami frog mais si je supprime la balise d une seule ligne �a marche il reste fixe mais toujours l apparition mobile par contre si je supprime l autre la je n ai plus rien qui marche

**SpaceFrog** · 26/06/2007, 15h05

je ne parlais pas du poste ou je disais de supprimer la ligne, mais du post ou je parlais de suppriemr la focntion ...

J'ai test� chez moi et �a marche tr�s bien ...

alors relis bien toutes les interventions ... la r�ponse y est ...

**snoopy59110** · 26/06/2007, 15h38

ben oui c est ce que j ai fait j ai supprimer le code que tu ma donner ensuite je lui ddonne les positions comme tu me dit et dans dreamweaver c est nikel quand je fait apre�u impeccable aussi et une fois heberger regarde ce que �a donne

http://avoriaze.free.fr/calendrier/calendriersite.htm

**SpaceFrog** · 26/06/2007, 15h42

oui ben je vois bein des pendules sur la page .. mais comme je ne sais pas quel est le but final recherch� ...

**snoopy59110** · 26/06/2007, 15h48

voici deux capture d ecran pour mieux comprendre.

alors voila ce que j ai en fesant un aper�u avec dream et mettant les positions X.Y c est impeccable

et voici une capture d ecran une fois heberger

l horloge n est plus a la bonne place

modification d'un script

JavaScript

Discussions similaires

Partager

Partager