Results 1 to 2 of 2

Thread: 3rd javascript not supporting in side the javascript program

  1. #1
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default 3rd javascript not supporting in side the javascript program

    1) Script Title: javascript not supporting

    2) Script URL (on DD): javascript not supporting

    3) Describe problem: Dear All,

    I am havaing the following javascripts coding.

    1. banner through DHTML
    2. Clock (Internationl times like USA, UK, Singapore,& Japan
    3. after the above said coding, end of the program I adding calander code

    <head>
    <script type="text/javascript" src="cal.js"></script>
    <body>
    <div id="calendar"></div>
    </body>
    </head>
    Full codings are following

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    <style type="text/css">
    @import "common.css";
    li.MsoNormal
    {mso-style-parent:"";
    margin-bottom:.0001pt;
    font-size:12.0pt;
    font-family:"Times New Roman";
    margin-left:0in; margin-right:0in; margin-top:0in}
    </style>


    </head>
    <body>
    <div class="main">

    <div class="header">



    <h2>
    <img border="0" src="images/banner_w.gif" width="700" height="100"></h2>


    <ul>
    <li>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a title="About raju" href="Home1.html">About raju</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</li>
    <li> <b><font color="#FFFFFF">
    <a href="prodcuts_test.html">Products</a></font><a href="file:///C:/Documents&#37;20and%20Settings/Administrator/Desktop/matt-template2/prodcuts.html">&nbsp;&nbsp;</a></b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<a title="Products" href="file:///C:/Documents%20and%20Settings/Administrator/My%20Documents/My%20Web%20Sites/myweb9/images/press1.html">Events</a></li>
    <li>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<a title="Contact" href="contacus2.html">Contact</a> </li>
    </ul>

    </div>
    <div id="content" style="width: 700; height: 134">
    <h3>&nbsp;</h3>




    <!-- THREE STEPS TO INSTALL CLOCK DASH:
    1. Copy the coding into the HEAD of your HTML document

    2. Add the onLoad event handler into the BODY tag

    3. Put the last coding into the BODY of your HTML document -->

    <!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
    <HEAD>
    <SCRIPT LANGUAGE="JavaScript">

    <!-- Begin

    var timerID ;
    function tzone(tz, os, ds, cl)
    {

    this.ct = new Date(0) ; // datetime

    this.tz = tz ; // code

    this.os = os ; // GMT offset

    this.ds = ds ; // has daylight savings

    this.cl = cl ; // font color

    }

    function UpdateClocks()

    {
    // www.timeanddate.com/worldclock

    var ct = new Array(

    new tzone('Canada: ', -5.00, 1, 'lime'),

    new tzone('India: ', +5.45, 0, 'violet'),

    new tzone('UK: ', +0.00, 0, 'cyan'),
    new tzone('Nigeria: ', +1.00, 'yellow'),

    new tzone('NYC: ', -5, 1, '#FFAA00'),

    new tzone('UK: ', 12, 1, 'silver'),

    new tzone('SVO: ', +3, 0, 'pink'),

    new tzone('KTM: ', +5.75, 0, 'red')

    ) ;

    var dt = new Date() ; // [GMT] time according to machine clock
    var startDST = new Date(dt.getFullYear(), 3, 1) ;

    while (startDST.getDay() != 0)

    startDST.setDate(startDST.getDate() + 1) ;
    var endDST = new Date(dt.getFullYear(), 9, 31) ;
    while (endDST.getDay() != 0)
    endDST.setDate(endDST.getDate() - 1) ;
    var ds_active ; // DS currently active
    if (startDST < dt && dt < endDST)
    ds_active = 1 ;

    else

    ds_active = 0 ;

    // Adjust each clock offset if that clock has DS and in DS.

    for(n=0 ; n<ct.length ; n++)

    if (ct[n].ds == 1 && ds_active == 1) ct[n].os++ ;

    // compensate time zones

    gmdt = new Date() ;

    for (n=0 ; n<ct.length ; n++)

    ct[n].ct = new Date(gmdt.getTime() + ct[n].os * 3600 * 1000) ;


    document.all.Clock0.innerHTML =

    '<font color="' + ct[0].cl + '">' + ct[0].tz + ClockString(ct[0].ct) + '</font>' ;

    document.all.Clock1.innerHTML =

    '<font color="' + ct[1].cl + '">' + ct[1].tz + ClockString(ct[1].ct) + '</font>' ;

    document.all.Clock2.innerHTML =

    '<font color="' + ct[2].cl + '">' + ct[2].tz + ClockString(ct[2].ct) + '</font>' ;

    document.all.Clock3.innerHTML =

    '<font color="' + ct[3].cl + '">' + ct[3].tz + ClockString(ct[3].ct) + '</font>' ;
    //document.all.Clock4.innerHTML =

    //'<font color="' + ct[4].cl + '">' + ct[4].tz + ClockString(ct[4].ct) + '</font>' ;
    //document.all.Clock5.innerHTML =

    // '<font color="' + ct[5].cl + '">' + ct[5].tz + ClockString(ct[5].ct) + '</font>' ;

    // document.all.Clock6.innerHTML =

    // '<font color="' + ct[6].cl + '">' + ct[6].tz + ClockString(ct[6].ct) + '</font>' ;


    // document.all.Clock7.innerHTML =

    // '<font color="' + ct[7].cl + '">' + ct[7].tz + ClockString(ct[7].ct) + '</font>' ;

    timerID = window.setTimeout("UpdateClocks()", 1001) ;

    }

    function ClockString(dt)

    {
    var stemp, ampm ;
    var dt_year = dt.getUTCFullYear() ;

    var dt_month = dt.getUTCMonth() + 1 ;

    var dt_day = dt.getUTCDate() ;

    var dt_hour = dt.getUTCHours() ;

    var dt_minute = dt.getUTCMinutes() ;

    var dt_second = dt.getUTCSeconds() ;
    dt_year = dt_year.toString() ;

    if (0 <= dt_hour && dt_hour < 12)
    {
    ampm = 'AM' ;

    if (dt_hour == 0) dt_hour = 12 ;

    } else {

    ampm = 'PM' ;

    dt_hour = dt_hour - 12 ;

    if (dt_hour == 0) dt_hour = 12 ;

    }

    if (dt_minute < 10)

    dt_minute = '0' + dt_minute ;

    if (dt_second < 10)

    dt_second = '0' + dt_second ;

    stemp = dt_month + '/' + dt_day + '/' + dt_year.substr(2,2) ;

    stemp = stemp + ' ' + dt_hour + ":" + dt_minute + ":" + dt_second + ' ' + ampm ;

    return stemp ;

    }


    // End -->
    </script>
    </HEAD>

    <!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
    <BODY onLoad="UpdateClocks()">

    <!-- STEP THREE: Copy this code into the BODY of your HTML document -->

    <table border="0" cellspacing="0" width="100%">

    <tr bgcolor="#000000" style="font-family: Verdana, Tahoma, Arial; font-size: x-small">

    <td ID="Clock0" width="25%" > </td>

    <td ID="Clock1" width="25%" > </td>

    <td ID="Clock2" width="25%" > </td>

    <td ID="Clock3" width="25%" > </td>
    </tr>
    <tr bgcolor="#000000" style="font-family: Verdana, Tahoma, Arial; font-size: x-small">
    <td ID="Clock4" width="25%" > </td>
    <td ID="Clock5" width="25%" > </td>
    <td ID="Clock6" width="25%" > </td>
    <td ID="Clock7" width="25%" > </td>

    </tr>
    </body>
    </table>

    // The problem codings are followings

    <head>

    <script type="text/javascript" src="event.js"></script>
    <body>
    <div id="calendar"></div>
    </body>
    </head>
    // -- End




    <p class="MsoNormal" style="text-indent: -.25in; margin-left: .5in; margin-right: 5px; margin-top: 5px; margin-bottom: 5px">
    <span style="font-family: Times New Roman; font-size: 7pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </span>
    </p>




    <p style="margin: 0 5px"><b><font face="Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
    </font></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
    <p style="margin: 0 5px"><b><font size="2"><span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </span></font></b></p>
    </div>
    </div>
    <div id="footer">
    <p>
    <font face="Verdana" size="1" color="#FFFFFF">&nbsp;2006 - 2007
    Ltd</font><font color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </font><font face="Verdana" size="1" color="#FFFFFF">Terms of use&nbsp;| Privacy
    Policy</font></p>
    </div>
    </font></b>
    </body>
    </html>


    after using the above code( sr number 3). The internationl time not working, but the calander is working,if iam removed the calander program than the international time started to working, I want display international time with calandear.

    Thanks inadvance

    Rgds

    GR
    Last edited by raju; 03-26-2007 at 08:11 AM.

  2. #2
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    The only way for us to help is to have some reference to the code in question. A link or source code.
    It sounds like conflicting onload event handlers, but I'll have to wait and see.
    - Mike

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •