/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Placering af et "ur"
Fra : Mikkel F.S. Andersen


Dato : 09-03-02 21:02

Jeg har et problem. Jeg har et Javascript, som placerer et ur et bestemt
sted på skærmen, i forhold til hvor stort browser viduet nu er
(dynamisk). Jeg vil gerne have lavet scriptet om, så jeg har mulighed
for at placerer scriptet hvor jeg vil.

Helt konkret, så skal uret sættes ind i en tabel. Og jeg kan ikke klare
mig med den positionering som scriptet tilbyder.

Scriptet:
<script type="text/javascript" language="JavaScript">

function clearField(field) {

   field.value = "";
   
}

</script>
<style>
BODY { scrollbar-arrow-color:red;
scrollbar-base-color:003078;
scrollbar-face-color:003078;}
</style>
<script language="JavaScript">

//coded by Erik Dich
fCol='ffffff';//face colour.
sCol='ff0000';//seconds colour.
mCol='ffffff';//minutes colour.
hCol='ffffff';//hours colour.


H='....';
H=H.split('');
M='.....';
M=M.split('');
S='......';
S=S.split('');
Ypos=0;
Xpos=0;
Ybase=8;
Xbase=8;
dots=12;
ns=(document.layers)?1:0;
if (ns){
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ')
for (i=0; i < dots; i++){
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=
30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]
+'</font></center></layer>');
}
for (i=0; i < M.length; i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+'
clip="0,0,2,2"></layer>');
}
for (i=0; i < H.length; i++){
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+'
clip="0,0,2,2"></layer>');
}
for (i=0; i < S.length; i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+'
clip="0,0,2,2"></layer>');
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=1; i < dots+1; i++){
document.write('<div id="ieDigits"
style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-
family:Arial,Verdana;font-size:10px;color:'+fCol+';text-
align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id=y
style="position:absolute;width:2px;height:2px;font-
size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id=z
style="position:absolute;width:2px;height:2px;font-
size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id=x
style="position:absolute;width:2px;height:2px;font-
size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}
function clock(){
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.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
if (ns){
Ypos=window.pageYOffset+window.innerHeight-60;
Xpos=window.pageXOffset+window.innerWidth-80;
}
else{
Ypos=document.body.scrollTop+window.document.body.clientHeight-60;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-60;
}
if (ns){
for (i=0; i < dots; ++i){
document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49
+dots+i/1.9);
}
for (i=0; i < S.length; i++){
document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);
document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);
document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);
document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);
}
}
else{
for (i=0; i < dots; ++i){
ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);
ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec);
x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min);
y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs);
z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs);
}
}
setTimeout('clock()',50);
}
if (document.layers || document.all) window.onload=clock;
//-->
</script>

 
 
Ukendt (16-03-2002)
Kommentar
Fra : Ukendt


Dato : 16-03-02 12:32

jeg har et ur på min side..

kig på http://musik.zub.dk jeg har selv valgt at lægge det der hvor det er


"Mikkel F.S. Andersen" <Flott@REMOVETHISworldonline.dk> skrev i en
meddelelse news:MPG.16f4888dc52d7316989684@news.worldonline.dk...
> Jeg har et problem. Jeg har et Javascript, som placerer et ur et bestemt
> sted på skærmen, i forhold til hvor stort browser viduet nu er
> (dynamisk). Jeg vil gerne have lavet scriptet om, så jeg har mulighed
> for at placerer scriptet hvor jeg vil.
>
> Helt konkret, så skal uret sættes ind i en tabel. Og jeg kan ikke klare
> mig med den positionering som scriptet tilbyder.
>
> Scriptet:
> <script type="text/javascript" language="JavaScript">
>
> function clearField(field) {
>
> field.value = "";
>
> }
>
> </script>
> <style>
> BODY { scrollbar-arrow-color:red;
> scrollbar-base-color:003078;
> scrollbar-face-color:003078;}
> </style>
> <script language="JavaScript">
>
> //coded by Erik Dich
> fCol='ffffff';//face colour.
> sCol='ff0000';//seconds colour.
> mCol='ffffff';//minutes colour.
> hCol='ffffff';//hours colour.
>
>
> H='....';
> H=H.split('');
> M='.....';
> M=M.split('');
> S='......';
> S=S.split('');
> Ypos=0;
> Xpos=0;
> Ybase=8;
> Xbase=8;
> dots=12;
> ns=(document.layers)?1:0;
> if (ns){
> dgts='1 2 3 4 5 6 7 8 9 10 11 12';
> dgts=dgts.split(' ')
> for (i=0; i < dots; i++){
> document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=
> 30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]
> +'</font></center></layer>');
> }
> for (i=0; i < M.length; i++){
> document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+'
> clip="0,0,2,2"></layer>');
> }
> for (i=0; i < H.length; i++){
> document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+'
> clip="0,0,2,2"></layer>');
> }
> for (i=0; i < S.length; i++){
> document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+'
> clip="0,0,2,2"></layer>');
> }
> }
> else{
> document.write('<div style="position:absolute;top:0px;left:0px"><div
> style="position:relative">');
> for (i=1; i < dots+1; i++){
> document.write('<div id="ieDigits"
> style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-
> family:Arial,Verdana;font-size:10px;color:'+fCol+';text-
> align:center;padding-top:10px">'+i+'</div>');
> }
> document.write('</div></div>')
> document.write('<div style="position:absolute;top:0px;left:0px"><div
> style="position:relative">');
> for (i=0; i < M.length; i++){
> document.write('<div id=y
> style="position:absolute;width:2px;height:2px;font-
> size:2px;background:'+mCol+'"></div>');
> }
> document.write('</div></div>')
> document.write('</div></div>')
> document.write('<div style="position:absolute;top:0px;left:0px"><div
> style="position:relative">');
> for (i=0; i < H.length; i++){
> document.write('<div id=z
> style="position:absolute;width:2px;height:2px;font-
> size:2px;background:'+hCol+'"></div>');
> }
> document.write('</div></div>')
> document.write('<div style="position:absolute;top:0px;left:0px"><div
> style="position:relative">');
> for (i=0; i < S.length; i++){
> document.write('<div id=x
> style="position:absolute;width:2px;height:2px;font-
> size:2px;background:'+sCol+'"></div>');
> }
> document.write('</div></div>')
> }
> function clock(){
> 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.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
> if (ns){
> Ypos=window.pageYOffset+window.innerHeight-60;
> Xpos=window.pageXOffset+window.innerWidth-80;
> }
> else{
> Ypos=document.body.scrollTop+window.document.body.clientHeight-60;
> Xpos=document.body.scrollLeft+window.document.body.clientWidth-60;
> }
> if (ns){
> for (i=0; i < dots; ++i){
> document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);
> document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49
> +dots+i/1.9);
> }
> for (i=0; i < S.length; i++){
> document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);
> document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);
> }
> for (i=0; i < M.length; i++){
> document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);
> document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);
> }
> for (i=0; i < H.length; i++){
> document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);
> document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);
> }
> }
> else{
> for (i=0; i < dots; ++i){
> ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);
> ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);
> }
> for (i=0; i < S.length; i++){
> x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec);
> x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);
> }
> for (i=0; i < M.length; i++){
> y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min);
> y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min);
> }
> for (i=0; i < H.length; i++){
> z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs);
> z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs);
> }
> }
> setTimeout('clock()',50);
> }
> if (document.layers || document.all) window.onload=clock;
> //-->
> </script>



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste