Results 1 to 5 of 5

Thread: Date script - Displaying the date on your website
      
   

  1. #1
    Join Date
    Oct 2005
    Location
    Italy
    Posts
    12,080

    Default Date script - Displaying the date on your website

    Hi, if you need to display the data in your pages in a customizable format, you can use the following script, which displays the date in a rectangle (it is a form field actually, looks like a rectangle):


    <form name=myForm>
    <input type=text style="position:absolute;width:250px;border:1px #000080 solid;background-color:#E1F1FF;color:#000080;font-family:Arial;font-style:italic;font-size:14 "value="Loading..." name=clock></form>
    <SCRIPT LANGUAGE="JavaScript"><!--
    function runClock(){
    theTime = window.setTimeout("runClock()", 1000);
    d = new Date();
    day = d.getDay();
    mon = d.getMonth();
    date = d.getDate();
    year = d.getYear();
    hr = d.getHours();
    min = d.getMinutes();
    sec = d.getSeconds();
    if(year<1000){year=(""+(year+11900)).substring(1,5 );}
    else{year=(""+(year+10000)).substring(1,5);}
    if(hr==0){ap=" AM";hr=12}
    else if(hr <= 11){ap=" AM"}
    else if(hr == 12){ap=" PM";hr=12}
    else if(hr >= 13){ap=" PM";hr-=12}
    if(min <= 9){min="0"+min}
    if(sec <= 9){sec="0"+sec}
    zday=new Array();
    zday=["Sunday","Monday","Tuesday","Wednesday","Thurs day" ,"Friday","Saturday"];
    zmon=new Array();
    zmon=["January","February","March","April","May","Ju ne", "July","August","September","October","Novembe r"," December"];
    document.myForm.clock.value=""+zday[day]+", "+zmon[mon]+" "+date+", "+year+" "+hr+":"+min+":"+sec+ap+"";}
    runClock();
    //--></script>


    Drag a html box in your page. Pste the code in it. You are done!

    You can customize the script as for width of the box, border thickness, border color, background color, font size, type and color. Simply change the values of the parts in RED.
    Those who are a bit more expert, can also change the format of the date. If, in example you only want to dispaly the date in a "25-2-08" format (for February 25, 2008 you need to customize it to be :

    <form name=myForm>
    <input type=text style="position:absolute;width:60px;border:1px #000080 solid;background-color:#E1F1FF;color:#000080;font-family:Arial;font-style:italic;font-size:14 "value="Loading..." name=clock></form>
    <SCRIPT LANGUAGE="JavaScript"><!--
    function runClock(){
    theTime = window.setTimeout("runClock()", 1000);
    d = new Date();
    day = d.getDay();
    mon = d.getMonth();
    date = d.getDate();
    year = d.getYear();
    hr = d.getHours();
    min = d.getMinutes();
    sec = d.getSeconds();
    if(year<1000){year=(""+(year+11900)).substring(3,5 );}
    else{year=(""+(year+10000)).substring(3,5);}
    if(hr==0){ap=" AM";hr=12}
    else if(hr <= 11){ap=" AM"}
    else if(hr == 12){ap=" PM";hr=12}
    else if(hr >= 13){ap=" PM";hr-=12}
    if(min <= 9){min="0"+min}
    if(sec <= 9){sec="0"+sec}
    zday=new Array();
    zday=["Sunday","Monday","Tuesday","Wednesday","Thurs day" ,"Friday","Saturday"];
    zmon=mon+1;
    document.myForm.clock.value=""+zmon+"-"+date+"-"+year+"";}
    runClock();
    //--></script>


    To place the script in your pages, simply add a HTML box in your page, and paste the script in it.
    Navaldesign
    Logger Lite: Low Cost, Customizable, multifeatured Login script
    Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
    DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
    Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!


  2. #2
    Join Date
    Mar 2008
    Posts
    21

    Default Re: Date script - Displaying the date on your website

    Hello Navaldesign, I am using the ABVFP and create the form from the example that it was giving, MY QUESTION is how can I display the data that I enter from the form. Can you or someone out there help me. Thanks

  3. #3
    Join Date
    Jul 2008
    Posts
    1

    Default Re: Date script - Displaying the date on your website

    What changes do I do if I want it in 24 hr format?

  4. #4
    Join Date
    Sep 2008
    Location
    Jerusalem, Israel
    Posts
    167

    Default Re: Date script - Displaying the date on your website

    Can you tell us the script for just a 24 hour digital clock without the date? Thanks.

  5. #5
    Join Date
    Jan 2010
    Location
    Te Awamutu, New Zealand
    Posts
    1

    Default Re: Date script - Displaying the date on your website

    Thanks heaps Navaldesign

    I even managed to change the month and day around, so it's like we write the date here :)
    Just Learning - Please be patient

    Thank you for sharing your Wisdom :)

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

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