//_________________________________________SCRIPT : CHANGE COULEUR CONTROLS (TxtBox...) OnClick_________________________________________________________//

//Highlight form element- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

var highlightcolor="lightyellow"

var ns6=document.getElementById&&!document.all
var previous=''
var eventobj

//Regular expression to highlight only form elements
var intended=/INPUT|TEXTAREA|SELECT|OPTION/

//Function to check whether element clicked is form element
function checkel(which){
	if (which.style&&intended.test(which.tagName)){
	if (ns6&&eventobj.nodeType==3)
	eventobj=eventobj.parentNode.parentNode
return true
}
else
return false
}

//Function to highlight form element
function highlight(e){
eventobj=ns6? e.target : event.srcElement
if (previous!=''){
if (checkel(previous))
	previous.style.backgroundColor=''
	previous=eventobj
if (checkel(eventobj))
	eventobj.style.backgroundColor=highlightcolor
}
else{
if (checkel(eventobj))
	eventobj.style.backgroundColor=highlightcolor
	previous=eventobj
}
}
//____________________________________________________________________________________________________________//


//_______________SCRIPT : AFFICHE UN SCROLLBAR A LA SAISIE DES DONNEES DANS UN TestBox_________//

function textCounter(field,counter,maxlimit,linecounter) {
	// text width//
	var fieldWidth =  parseInt(field.offsetWidth);
	var charcnt = field.value.length;        

	// trim the extra text
	if (charcnt > maxlimit) { 
		field.value = field.value.substring(0, maxlimit);
	}

	else { 
	// progress bar percentage
	var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;
	document.getElementById(counter).style.width =  parseInt((fieldWidth*percentage)/100+20)+"px";
	document.getElementById(counter).innerHTML=percentage+"%"
	// color correction on style from CCFFF -> CC0000
	setcolor(document.getElementById(counter),percentage,"background-color");
	}
}

function setcolor(obj,percentage,prop){
	obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";
}
//____________________________________________________________________________________________________________//