		Home\|Contacts\|

Article Base

Manage profile

New account

Read articles

Manage Articles

Submit Category

Client Products

Calendar

Time Selector

Text Link

Marks System

Menu Bar

Server Products

Photo Viewer

Poll Builder

Counter

Guest Book

Where am i?

LinkExchange

Sample

Here is a sample of what you can do with comTime:

Top

Download

DOWNLOAD comTime

1) We thank you to fill the data below previous to make the download

Country
Name
Email

Your data will never be transmited to any other person or external entity under no circunstances and will only serve statistic purposes!

2) Click the button below in order to proceed with the download.

3) We would like to remind you of some opportunities for contribution. I provided to you at no charge, and you have every right to redistribute the software. I depend on people willing to contribute their time and support to the project to ensure that my work remains free and available at no cost.

You can help. The basic options consist of Contributing Work or if you have no time Donating Funds.

We appreciate your support for the project.

Top

Installation Process

How to install.

Congratulations, you’ve just downloaded the comTime.zip file, which contains a sample set of files that will allow you to quickly set up your own Menu Bar on your server and web pages.

This process will detail the steps needed to install and use comTime on your web server.

After downloading the comTime.zip file, the included files have to be extracted at the location specified by the user on the server and have to respect the following hierarchy.

The comTime.zip file contains the following files:

comTime.htm (sample html file that will display the comTime component, open this file to see the resulting sample),
comTime.js (set of javascript functions that will build the comTime component. This file has to be placed into the comTime folder),
Sample set of images (these images have to be placed in the images folder).

If for some reason the comTime.zip file is damaged or you don’t have winzip or equivalent installed on your computer, please copy the following contents to the respective folders as described above.

comTime.htm

To copy the content, press CTRL+A then CTRL+C

comTime.js

// ************************************************
// This file has been written by David Domingues
// you are free to use it and change it as you need
// but i will ask you to keep this header on the file
// and never remove it.
// comTime downloaded at http://www.webrickco.com
// webrickco@gmail.com
// ************************************************
// JavaScript Document
var TI = 0; 
var pos = 2; 
var arImgUp = new Array(2); 
var arImgDn = new Array(2);

function initialize() 
{ 
   for (i=0;i<3;i++) 
   { 
      arImgUp[i] = new Image; 
   } 
   arImgUp[0].src = "comTime/images/button_up_over.gif"; 
   arImgUp[1].src = "comTime/images/button_up_released.gif"; 
   arImgUp[2].src = "comTime/images/button_up_pressed.gif";

for (i=0;i<3;i++) 
   { 
      arImgDn[i] = new Image; 
   } 
   arImgDn[0].src = "comTime/images/button_dn_over.gif"; 
   arImgDn[1].src = "comTime/images/button_dn_released.gif"; 
   arImgDn[2].src = "comTime/images/button_dn_pressed.gif"; 
} 
  
function onButtonOver(wname,wobj) 
{ 
   if (wobj.name == "up") 
   {    
      document.getElementById('up'+wname).src = arImgUp[0].src; 
   } 
   if (wobj.name == "down") 
   {    
      document.getElementById('down'+wname).src = arImgDn[0].src; 
   } 
}

function onButtonPressed(wname, wobj) 
{ 
   if (wobj.name == "up") 
   {    
      document.getElementById('up'+wname).src = arImgUp[2].src; 
   } 
   if (wobj.name == "down") 
   {    
      document.getElementById('down'+wname).src = arImgDn[2].src; 
   }

}

sel = document.selection.createRange(); 
  
   sel.moveEnd('character',10); 
   sel.select(); 
   if (sel.text.length >= 6) 
   { 
      pos = 0; 
   } 
   else 
   { 
      if (sel.text.length >= 3) 
      { 
         pos = 1; 
      } 
      else 
      { 
         pos = 2; 
      } 
   } 
   select_text(wname,pos); 
   document.getElementById('wpos'+wname).value = pos; 
} 
  
function select_text(wname, pos) 
{ 
   var wobj = document.getElementById(wname); 
   wobj.focus(); 
   sel = document.selection.createRange(); 
   sel.moveStart('character',-10);   
   if (pos == 1) 
   { 
      sel.move('character',3); 
   } 
   if (pos == 2) 
   { 
      sel.move('character',6); 
   } 
   sel.collapse(); 
   sel.moveEnd('character',2); 
   sel.select(); 
}

function time_blur(wname) 
{ 
   document.getElementById('up'+wname).disabled = true; 
   document.getElementById('down'+wname).disabled = true; 
   sel.collapse(); 
}

function build_Timer(wname) 
{ 
   document.write("<INPUT ID=\"wpos"+wname+"\" NAME=\"wpos"+wname+"\" VALUE=\"2\" TYPE=\"hidden\">"); 
   document.write("<TABLE CELLPADDING=\"0\" CELLSPACING=\"0\">"); 
   document.write("<TR>"); 
   document.write("<TD rowspan=\"2\">"); 
   document.write("<INPUT TYPE=\"TEXT\" ID=\""+wname+"\" NAME=\""+wname+"\" VALUE=\"00:01:01\" maxlength=\"11\" size=\"10\" style=\"FONT-FAMILY: verdana; FONT-SIZE: xx-small\" onclick=\"getFocus('"+wname+"');\">");
   document.write("</TD>"); 
   document.write("<TD>"); 
   document.write("<TABLE CELLPADDING=\"0\" CELLSPACING=\"0\">"); 
   document.write("<TR>"); 
   document.write("<TD style=\"FONT-SIZE=3px\">"); 
   document.write("<IMG SRC=\"images/button_up_released.gif\" ID=\"up"+wname+"\" NAME=\"up"+wname+"\" style=\"FONT-FAMILY: verdana; FONT-SIZE: xx-small\" onmouseover=\"onButtonOver('"+wname+"', this);\" onmouseout=\"onButtonReleased('"+wname+"', this);\" onclick=\"onButtonPressed('"+wname+"', this);timeChange('"+wname+"', 1);\" onmousedown=\"onButtonPressed('"+wname+"', this);timeDif('"+wname+"', 1);\" onmouseup=\"onButtonReleased('"+wname+"', this);timeOver();\">"); 
   document.write("</TD>"); 
   document.write("</TR>"); 
   document.write("<TR>"); 
   document.write("<TD style=\"FONT-SIZE=3px\">"); 
   document.write("<IMG SRC=\"images/button_dn_released.gif\" ID=\"down"+wname+"\" NAME=\"down"+wname+"\" style=\"FONT-FAMILY: verdana; FONT-SIZE: xx-small\" onmouseover=\"onButtonOver('"+wname+"', this);\" onmouseout=\"onButtonReleased('"+wname+"', this);\" onclick=\"onButtonPressed('"+wname+"', this);timeChange('"+wname+"', -1);\" onmousedown=\"onButtonPressed('"+wname+"', this);timeDif('"+wname+"', -1);\" onmouseup=\"onButtonReleased('"+wname+"', this);timeOver();\">");
   document.write("</TD>"); 
   document.write("</TR>"); 
   document.write("</TABLE>"); 
   document.write("</TD>"); 
   document.write("</TR>"); 
   document.write("</TABLE>"); 
   initialize(); 
}

To copy the content, press CTRL+A then CTRL+C

Top

How it works

Your web file.

The only work your web file will have to do is to draw the component according to your requirements. You can do that as follow:

Include in the header of your web page, the comTime.js file (procedure file) as follow:

<Script type="text/javascript" src="comTime/comTime.js"></script>
Define a <FORM> tag in your webpage in which the comTime control will be held. It is requested to define as many FORM tags as comTime controls needed in the page. Call the function that will create the comTime control on your webpage inside the FORM tags.
<Script language="javascript"> build_Timer("time1"); document.getElementById("time1").value="23:58:58" ;</script>
You can change the default value of the timer by changing the value property of the object, like you would do for a classical textbox object. It is as simple as this: document.getElementById("time1").value="23:58:58"; in the sample given above.

Note that the function build_Timer has only 1 parameter:
- Value of the time you want to display by default
You can also change the pictures used to represent to up and down arrows and use your own, simply by copying your images over the one already placed in the images folder. There are 3 images for each arrow representing the pressed, up and over states. The original name has to be maintained unless you change the code included in the comTime.js file.

Improve the component

Well, this component is far from being perfect, and if you have the will to improve it, nothing can prevent you to open the comTime.js file and dive in the code.

Enjoy it…

Home|Contacts|Privacy Policy

Top

Recommend us

delicious

stumbleupon