		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 comMarkSystem:

Stars	Bars

Top

Download

DOWNLOAD comMarksSystem

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 comMarksSystem.zip file, which contains a sample set of files that will allow you to quickly set up your own Marks on your server and web pages.

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

After downloading the comMarksSystem.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 comMarksSystem.zip file contains the following files:

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

If for some reason the comMarksSystem.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.

comMarksSystem.htm

<HTML>
<HEAD>
<title>Javascript Components Tester</title>
<Script type="text/javascript" src="comMarksSystem/comMarksSystemP.js"></script>
<Script type="text/javascript" src="comMarksSystem/comMarksSystemD.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="Stylesheet.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>
<Form name="tab">
  <table align="center" width="400" border="0" cellspacing="5" cellpadding="5">
    <tr>
      <td class="normal">Stars</td>
      <td class="normal">Bars</td>
    </tr>
    <tr>
      <td><Script type="text/javascript">createMarks(MARK1,PARAM1,"8.5/10");</script></td>
      <td><Script type="text/javascript">createMarks(MARK2,PARAM1,"8.5/10");</script></td>
    </tr>
    <tr>
      <td><Script type="text/javascript">createMarks(MARK1,PARAM2,"6/10");</script></td>
      <td><Script type="text/javascript">createMarks(MARK2,PARAM2,"6/10");</script></td>
    </tr>
    <tr>
      <td><Script type="text/javascript">createMarks(MARK1,PARAM1,"23.5%");</script></td>
      <td><Script type="text/javascript">createMarks(MARK2,PARAM1,"23.5%");</script></td>
    </tr>
    <tr>
      <td><Script type="text/javascript">createMarks(MARK1,PARAM2,"82%");</script></td>
      <td><Script type="text/javascript">createMarks(MARK2,PARAM2,"82%");</script></td>
    </tr>
  </table>
</Form>

</BODY>
</HTML>

comMarsSystemD.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.
// comCald downloaded at http://www.webrickco.com
// webrickco@gmail.com
// ************************************************
// JavaScript Document
function calculateInterval(rest, itemnbr)
{
   step = 1 / (itemnbr-1);
   for (j=0;j<itemnbr;j++)
   {
      if (rest >= step * j && rest <= step * (j+1))
      {
         if ((rest - step * j) > (step*(j+1) - rest))
         {
            return (j + 1)
         }
         else {
            return j
         }
      }
   }
}
function createMarks(MARK,PARAM,note)
{
   if (note.substr(0,note.indexOf("%")) > 0) {
      wnote1=note.substr(0,note.length-1) + "/" + "100";
   } else {
      wnote1 = note;
   }
   wnote = wnote1.substr(0,wnote1.indexOf("/")); 
   wref = parseInt(wnote1.substr(wnote1.indexOf("/")+1,wnote1.length),10);     
   wpercent = wnote / wref;
   wtotalelement = parseInt(PARAM['basemarks'],10) * MARK.length;
   wtotalfilledelement = wtotalelement * wpercent;

comMarsSystemP.js

var MARK1 = [
             ["comMarksSystem/images/star_empty.gif"],
             ["comMarksSystem/images/star_half.gif"],
             ["comMarksSystem/images/star_full.gif"]
            ]

var PARAM2 = new Array;
PARAM2['basemarks'] = "10";

var MARK2 = [
             ["comMarksSystem/images/quadrado5x0.gif"],
             ["comMarksSystem/images/quadrado5x1.gif"],
             ["comMarksSystem/images/quadrado5x2.gif"],
             ["comMarksSystem/images/quadrado5x3.gif"],
             ["comMarksSystem/images/quadrado5x4.gif"],
             ["comMarksSystem/images/quadrado5x5.gif"]
            ]

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 comMarksSystemD.js file (procedure file) and comMarksSystemP.js file (parameters file)as follow:

<Script type="text/javascript" src="comMarksSystem/comMarksSystemD.js"></script>
<Script type="text/javascript" src="comMarksSystem/comMarksSystemP.js"></script>
[...]
<Script type="text/javascript" src="comMarksSystem/comMarksSystemPx.js"></script>

Note that you can choose to have as many parameters files as parameters sets or put all the sets in the same file like in the example.
Define a <FORM> tag in your webpage in which the comMarksSystem control will be held. Call the function that will create the comTime control on your webpage inside the FORM tags.
<Script type="text/javascript">createMarks(MARK1,PARAM1,"8.5/10");</script>

Note that the function build_Timer has 3 parameters:
- Parameter information variables that will be used to define the iteration of the image for the object, in the example “PARAM1”.
  if PARAM2['basemarks'] is "10" then the drawing pattern will repeat itself 10 times
- Parameter information variables that will be used to define the set of images used to build the object, in the example “MARK1”. Images has to be placed in growing order of filling. Empty first and full at last.

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 comMarkSystemD.js file and dive in the code.

Enjoy it…

Home|Contacts|Privacy Policy

Top

Recommend us

delicious

stumbleupon