Announcement

Collapse
No announcement yet.

Date script - Displaying the date on your website

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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
    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

    Comment


    • #3
      Re: Date script - Displaying the date on your website

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

      Comment


      • #4
        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.

        Comment


        • #5
          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 :)

          Comment

          Working...
          X