CONTRÔLE POUR FORMULAIRE

// controleur.js //

var element2move = false;
var lstElement = new Array();

function select(obj)
{
    element2move = obj.id;
    lstElement[element2move].onclick();
}

function unselect()
{
    try
    {
        bkE = element2move; // Garde la valeur en mémoire
        element2move = false; // On efface la valeur de l'élément a bouger //
        /*
        Note: Si on efface pas cette valeur avant d'effectuer la fonction onchange le controleur peut se
        déplacer pendant l'exécution de la fonction onchange surtout quand il y a un alert, promt ou confirm.
        */
        lstElement[bkE].onchange();
    }
    catch(e)
    {
        // La personne a cliqué ailleur que sur un contrôle, donc rien a déselectionner //
    }
}

function bougeElement(event)
{
    if (element2move)
    {
        eventY = (navigator.appName == "Microsoft Internet Explorer") ? window.event.clientY - 10 : event.pageY; // Trouve la bonne position selon le navigateur //
        object = lstElement[element2move];
        posX = Math.max(eventY,object.startpoint); // S'assure que l'objet n'est pas déplacer trop bas //
        posX = Math.min(posX,(object.maxheight + object.startpoint)); // S'assure que l'objet n'est pas déplacer trop haut //
        
        document.getElementById(element2move).style.top = posX; // Affiche le controleur a la bonne position //
        
        lstElement[element2move].value = Math.round((posX-lstElement[element2move].startpoint)/lstElement[element2move].maxheight*lstElement[element2move].maxvalue); // Calcule la valeur de l'objet//
        lstElement[element2move].onmove(); // Effectue l'événement de mouvement //
    }
}

function btn(id,posX,posY,maxValue,defaultValue,height,colorTige,colorControl) // Ajuste les valeurs et écrit le contrôleur //
{
    lstElement[id] = this;
    this.id = id;
    this.maxheight = height;
    this.startpoint = posY;
    this.onmove = function (){};
    this.onchange = function (){};
    this.onclick = function () {};
    this.value = defaultValue;
    this.maxvalue = maxValue;
    document.write('<DIV style="background-color:'+colorTige+';height:'+height+'px;width:2px;left:'+(posX+15)+'px;top:'+posY+'px;position:absolute;"> </DIV>');
    document.write('<DIV style="background-color:'+colorControl+';height:10px;width:30px;left:'+posX+'px;top:'+(posY+defaultValue)+'px;position:absolute;" tag="a" id="'+id+'" onmousedown="select(this)"></DIV>');
}