1 Topic by Doug Kelley

  • Doug Kelley
  • Member
  • Offline

Topic: Multiple Clocks on One Page

Hello!
Thanks for the great widget! I am trying to place 4 analog clocks on the same page each with a different time zone. My problem is that only one clock will show up even though I've coded 4 clocks.

I've looked everywhere and tried several things but can't get it to work. Any ideas?

Thanks,

Doug Kelley

2 Reply by Doug Kelley

  • Doug Kelley
  • Member
  • Offline

Re: Multiple Clocks on One Page

I solved the issue with the code below. I am using the code as a php file. It has 4 time zones.

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="80">
  <tr>
    <td width="25%" align="center" height="70">
    <p style="margin-top: 0; margin-bottom: 0">
    <object type="application/x-shockwave-flash" data="media/devAnalogClock.swf" width="60" height="60">
    <param name="movie" value="media/devAnalogClock.swf" />
    <param name="scale" value="noscale" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value="clockSkin=media/skins/skinPN-small.png&arrowSkin=2&arrowScale=40&widgetUrl=http://www.devbox.info/" />
    </object></p>
    <p style="margin-top: 0; margin-bottom: 0"><b>
    <font size="1" color="#990000">Local</font></b></td>
    <td width="25%" align="center" height="70">
    <p style="margin-top: 0; margin-bottom: 0">
    <object type="application/x-shockwave-flash" data="media/devAnalogClock.swf" width="60" height="60">
    <param name="movie" value="media/devAnalogClock.swf" />
    <param name="scale" value="noscale" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value="clockSkin=media/skins/skinPN-small.png&arrowSkin=2&arrowScale=40&UTCTime=<?php echo gmdate('H:i:s'); ?>&widgetUrl=http://www.devbox.info/" />
    </object>    </p>
    <p style="margin-top: 0; margin-bottom: 0"><b>
    <font size="1" color="#003366">London</font></b></td>
    <td width="25%" align="center" height="70">
    <p style="margin-top: 0; margin-bottom: 0">
    <object type="application/x-shockwave-flash" data="media/devAnalogClock.swf" width="60" height="60">
    <param name="movie" value="media/devAnalogClock.swf" />
    <param name="scale" value="noscale" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value="clockSkin=media/skins/skinPN-small.png&arrowSkin=2&arrowScale=40&UTCTime=<?php echo gmdate('H:i:s'); ?>&timeOffset=-14400&widgetUrl=http://www.devbox.info/" />
    </object></p>
    <p style="margin-top: 0; margin-bottom: 0"><b>
    <font size="1" color="#003366">New York</font></b></td>
    <td width="25%" align="center" height="70">
    <p style="margin-top: 0; margin-bottom: 0">
    <object type="application/x-shockwave-flash" data="media/devAnalogClock.swf" width="60" height="60">
    <param name="movie" value="media/devAnalogClock.swf" />
    <param name="scale" value="noscale" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value="clockSkin=media/skins/skinPN-small.png&arrowSkin=2&arrowScale=40&UTCTime=<?php echo gmdate('H:i:s'); ?>&timeOffset=32400&widgetUrl=http://www.devbox.info/" />
    </object></p>
    <p style="margin-top: 0; margin-bottom: 0"><b>
    <font size="1" color="#003366">Sydney</font></b></td>
  </tr>
  </table>

3 Reply by Administrator

  • Administrator
  • Administrator
  • Offline

Re: Multiple Clocks on One Page

Are you testing it locally or  from server with PHP support?

4 Reply by Doug Kelley

  • Doug Kelley
  • Member
  • Offline

Re: Multiple Clocks on One Page

It was done from a server with PHP support.