La Fata Turchina...!!!

Un orologino che vi permette di conoscere l'ora delle principali città del mondo!!

<table border="1" style="border-style:solid" cellpadding="0" cellspacing="0" bordercolor="fuchsia"width="151" height="118"> <tr><br> <td background=""><br> <center><img src="http://i145.photobucket.com/albums/r209/kittyjapanstore/thx1pjzF2-RYhxRWtSbRE9koX_fgro5kJgw.gif"> <br><font face="Palatino Linotype" size="2" color="fuchsia"> <HTML> <HEAD> <TITLE>Global Time</Title> <style type="text/css"> #theContainer{ position:relative;width:120px;height:160px;text-align:center;background-color:white; } .handsanddotsstyle{ position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background-color:pink; } .ampmstyle{ position:absolute;top:0px;left:0px;width:30px;height:10px;text-align:center;font-family:arial,sans-serif;font-size:12px;color:fuchsia; } .datestyle{ position:absolute;top:0px;left:0px;width:100px;text-align:center;font-family:arial,sans-serif;font-size:10px;color:fuchsia; } .facestyle{ position:absolute;top:0px;left:0px;width:15px;height:15px;text-align:center;font-family:arial,sans-serif;font-size:10px;color:fuchsia; } .citystyle{ position:absolute;top:0px;left:0px;width:110px;height:20px;z-index:100; } .selectstyle{ width:110px;font-family:arial,sans-serif;font-size:12px;color:#ffffff;background:fuchsia; } </style> </head> </HEAD> <BODY> <div id="theContainer"> <div id="theCities" class="citystyle"> <form action=" "> <p style="margin:0px;"> <select id="city" class="selectstyle" onchange="lcl(this)"> <option value="0" selected>Ora locale</option> <option value="0">GMT</option> <option value="-7">Arizona</option> <option value="5.30">Bombay</option> <option value="7">Bangkok</option> <option value="2">Cairo</option> <option value="9.30">Darwin</option> <option value="12">Fiji</option> <option value="-3">Groenlandia</option> <option value="-10">Hawaii</option> <option value="8">Hong Kong</option> <option value="5">Karachi</option> <option value="3">Kuwait</option> <option value="0">Londra</option> <option value="3">Mosca</option> <option value="-5">New York</option> <option value="-3.30">Newfoundland</option> <option value="1">Roma</option> <option value="-8">San Francisco</option> <option value="10">Sydney</option> <option value="3.30">Teheran</option> <option value="9">Tokyo</option> </select> </p> </form> </div>  <script language="JavaScript">  </script> <script type="text/javascript" language="JavaScript"> if (document.getElementById){ /********** qui setti l'aspetto dell'oro;ogio *********/ fCol='Pink'; /* Colore del font */ dCol='Ligtcoral'; /* Colore dei puntini interni. */ hCol='red'; /* Colore lancetta ore. */ mCol='fuchsia'; /* Colore lancetta minuti. */ sCol='magenta'; /* Colore lancetta secondi. */ cCol='#ffffff'; /* Colore data. */ aCol='red'; /* Colore am-pm . */ bCol='pink'; /* Colore dello sfondo del form a cascata. */ tCol='fuchsia'; /* Colore testo del form. */ /******* non cambiare niente nella zona sottostante *********/ y=87; x=60; h=4; m=5; s=5; cf=new Array(); cd=new Array(); ch=new Array(); cm=new Array(); cs=new Array(); face="3 4 5 6 7 8 9 10 11 12 1 2"; face=face.split(" "); n=face.length; e=360/n; hDims=30/4; zone=0; isItLocal=true; ampm=""; daysInMonth=31; todaysDate=""; var oddMinutes; var getOddMinutes; var addOddMinutes; plusMinus=false; document.write('<div id="theDate" class="datestyle" style="color:'+cCol+'">\!<\/div>'); document.write('<div id="amOrPm" class="ampmstyle" style="color:'+aCol+'">\!<\/div>'); for (i=0; i < n; i++){ document.write('<div id="theFace'+i+'" class="facestyle" style="color:'+fCol+'">'+face[i]+'<\/div>'); cf[i]=document.getElementById("theFace"+i).style; cf[i].top=y-6+30*1.4*Math.sin(i*e*Math.PI/180)+"px"; cf[i].left=x-6+30*1.4*Math.cos(i*e*Math.PI/180)+"px"; } for (i=0; i < n; i++){ document.write('<div id="theDots'+i+'" class="handsanddotsstyle" style="background-color:'+dCol+'"><\/div>'); cd[i]=document.getElementById("theDots"+i).style; cd[i].top=y+30*Math.sin(i*e*Math.PI/180)+"px"; cd[i].left=x+30*Math.cos(i*e*Math.PI/180)+"px"; } for (i=0; i < h; i++){ document.write('<div id="H'+i+'" class="handsanddotsstyle" style="background-color:'+hCol+'"><\/div>'); ch[i]=document.getElementById("H"+i).style; } for (i=0; i < m; i++){ document.write('<div id="M'+i+'" class="handsanddotsstyle" style="background-color:'+mCol+'"><\/div>'); cm[i]=document.getElementById("M"+i).style; } for (i=0; i < s; i++){ document.write('<div id="S'+i+'" class="handsanddotsstyle" style="background-color:'+sCol+'"><\/div>'); cs[i]=document.getElementById("S"+i).style; } var dsp1=document.getElementById("amOrPm").style; var dsp2=document.getElementById("theCities").style; var dsp3=document.getElementById("theDate").style; var dsp4=document.getElementById("city").style; dsp1.top=y-8+"px"; dsp1.left=x+6+"px"; dsp2.top=y-80+"px"; dsp2.left=x-55+"px"; dsp3.top=y+55+"px"; dsp3.left=x-49+"px"; dsp4.backgroundColor=bCol; dsp4.color=tCol; function lcl(z){ zone=z.options[z.selectedIndex].value; isItLocal=(z.options[0].selected)?true:false; plusMinus=(zone.charAt(0) == "-")?true:false; oddMinutes=(zone.indexOf(".") != -1)?true:false; if (oddMinutes){ getOddMinutes=zone.substring(zone.indexOf(".")+1,zone.length) } if (plusMinus) addOddMinutes=(oddMinutes)?parseInt(-getOddMinutes):0; else addOddMinutes=(oddMinutes)?parseInt(getOddMinutes):0; } function ClockAndAssign(){ hourAdjust=0; dayAdjust=0; monthAdjust=0; now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=Math.PI*(secs-15)/30; mins=now.getMinutes(); if (oddMinutes){ mins=eval(mins+addOddMinutes); } min=Math.PI*(mins-15)/30; if (mins<0){ mins+=60;hourAdjust=-1; } if (mins>59){ mins-=60;hourAdjust=1; } hr=(isItLocal)?now.getHours()+hourAdjust:(now.getHours()+parseInt(ofst))+parseInt(zone)+hourAdjust; hrs=Math.PI*(hr-3)/6+Math.PI*parseInt(now.getMinutes())/360; if (hr<0){ hr+=24; dayAdjust=-1; } if (hr>23){ hr-=24; dayAdjust=1; } day=now.getDate()+dayAdjust; if (day<1){ day+=daysInMonth; monthAdjust=-1; } if (day>daysInMonth){ day-=daysInMonth; monthAdjust=1; } month=parseInt(now.getMonth()+1+monthAdjust); if (month==2){ daysInMonth=28; } year=now.getYear(); if (year<2000){ year=year+1900; } leap_year=(eval(year%4)==0)?true:false; if (leap_year&&month==2){ daysInMonth=29; } if (month<1){ month+=12; year--; } if (month>12){ month-=12; year++; } todaysDate=day+" "+month+" "+year; ampm=(hr>11)?"pm":"am"; for (i=0;i<s;i++){ cs[i].top=y+(i*hDims)*Math.sin(sec)+"px"; cs[i].left=x+(i*hDims)*Math.cos(sec)+"px"; } for (i=0;i<m;i++){ cm[i].top=y+(i*hDims)*Math.sin(min)+"px"; cm[i].left=x+(i*hDims)*Math.cos(min)+"px"; } for (i=0;i<h;i++){ ch[i].top=y+(i*hDims)*Math.sin(hrs)+"px"; ch[i].left=x+(i*hDims)*Math.cos(hrs)+"px"; } document.getElementById("amOrPm").firstChild.data=ampm; document.getElementById("theDate").firstChild.data=todaysDate; setTimeout('ClockAndAssign()',100); } window.onload=ClockAndAssign; } </script> </div> </BODY> </HTML> <a target="_blank" href="http://fataturchina.altervista.org">La Fata Turchina</a></td> </tr> </table>

Se volete inserire il gioco nei vostri spazi web, basta prelevare il codice che trovate nella textarea. Lo script e il box sono stati modificati da me...riconoscerei una copia...quindi...NON MODIFICATE NIENTE!!! E soprattutto...non eliminate i crediti!!!

Sono passate di quì...

...fatine...