TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,970
  • Latest: bynw
Stats
  • Total Posts: 196,054
  • Total Topics: 21,337
  • Online today: 572
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 114
  • Total: 114

Combo Clock / Calender

Started by crip, November 25, 2005, 03:07:03 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

crip


AVainberg


Vinspire

Quote from: crip on November 25, 2005, 03:07:03 PM
I found this combo - Clock / Calendar flash and or .swf file I added it in a html block - and or javascript/html - block both worked, and it has a small menu on the right of it to view either the clock or calender & it scrolls up & down, & so far so sweet. :)

I have attached a zip file with the clock/calendar and upload it to your Forum directory.. then add as usual something like this:

<center>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="140" HEIGHT="140">
  <PARAM NAME="movie" VALUE="clock_calendar.swf">
  <PARAM NAME="quality" VALUE="high">
  <PARAM NAME="bgcolor" VALUE="#FFFFFF">
  <param name="wmode" value="transparent">
  <param name="menu" value="true">
  <EMBED src="clock_calendar.swf" quality="high" bgcolor="#FFFFFF"  WIDTH="140" HEIGHT="140" wmode="transparent" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" menu="false">
</EMBED></OBJECT></center>


Enjoy,
crip~

Live Preview:  http://www.tnquad.us/forum/index.php?action=forum

I cant see the preview for this addons.

And from what i understand ...

I need to download clock_calendar.zip then upload it into the package manager then where should i fill in the codes ?

Vinspire

#33
Is this how the combo should look like ?



And how to do this world time board ?



P/S : I am currently running on SMF 1.1 RC 2 with Tiny Portal 0.8.6

RoarinRow

#34
I tested it out on my test forum and I put it in a right block.  My right block is 200pix wide and the clock still sticks out.  The type of block I chose is html.

I tried to change the width in the code from 140 to 100 and it made no difference.

Any ideas on how to make it smaller?  Cool snippet thou  8)

SMF 2.0 RC3
TP 1.0 beta 5-1
Wordpress 3.0

Vinspire



Manage to get this working ... Wee ... Should have put more in details instruction for a newbie like me.

1. Put the codes in the new block script snipplets.

2. Unzip clock_caledar.zip then paste clock_calendar.swf in ur forum folder.

And now ... Is there any way to do the world time like the below screenshot ?


G6Cad

The worldtime isent a part of the combo clock calendar snippet here. ItÂÃ,´s a total diffrent script, so you have to look for it or ask where they got the script from

Vinspire

Quote from: G6 on May 12, 2006, 11:30:19 AM
The worldtime isent a part of the combo clock calendar snippet here. ItÂÃ,´s a total diffrent script, so you have to look for it or ask where they got the script from

I saw it in 1 of the MKPortal. Will try to ask the site owner about the code snippets.

Crip

I found the (1st clock / calendar_combo) from a vBulletin forum download ...
I have become comfortably numb!

Cripzone | Crip's Free 2.0.2 Themes



Vinspire

This is the code that he gave me. I tried it on mine but its not working  :-\ :-\ :-\

Quote<tr><td width="100%" align="center"><select name="city" size="1" onchange="updateclock(this);">
<option value="" selected>Local time</option>
<option value="0">London GMT</option>
<option value="1">Rome</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option>
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option>
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option></select></td></tr><tr><td width="100%" align="center"><script language="JavaScript">
if (document.all||document.getElementById)
document.write('<IMG height=16 src="mkportal/images/timer.gif" width=16>    <span id="worldclock" style="font:bold 12px Arial;"></span>
')
zone=0;
isitlocal=true;
ampm='';
function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}
function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();
hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2
var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;
if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}
setTimeout('WorldClock()',1000);
}
window.onload=WorldClock
//-->
</script><ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 12px Arial;"></layer></ilayer></td></tr>

This website is proudly hosted on Crocweb Cloud Website Hosting.