Rechercher dans ce blog

samedi 29 octobre 2011

Ajouter un ToolTip à un champ de saisi

Ce code permet d'ajouter un ToolTip à un champ de saisi, comme pour informer l'utilisateur du format du numéro de téléphone.
L'exemple fourni affiche un ToolTip au niveau du Téléphone principal d'un compte.

Ajouter ce code dans le OnLoad d'une entité.
function AddToolTip(controlId, toolTip){
      var ctl = document.getElementById( controlId );
      ctl.ToolTip = toolTip; ctl.attachEvent( "onfocus" , ShowToolTip );
}

function ShowToolTip(){
      var ctl = event.srcElement; TooltipPopup = window.createPopup();
      var ToolTipHTML  = "
" + ctl.ToolTip + "
";       TooltipPopup.document.body.innerHTML = ToolTipHTML;            var Pos = GetControlPosition ( ctl );             TooltipPopup.show( Pos.X + 8 , Pos.Y + 2 , 230 , 19 , null ); } function GetControlPosition( ctl ){       var Pos = new Object();  var ctlHeight = ctl.offsetHeight; var iY = 0, iX = 0;       while( ctl != null )  {  iY += ctl.offsetTop;  iX += ctl.offsetLeft; ctl = ctl.offsetParent;  }       Pos.X = iX + screenLeft; Pos.Y = iY + screenTop + ctlHeight;  return Pos;} AddToolTip('telephone1', 'Le format est : \"+33 01 23 45 67 89\"');

Aucun commentaire:

Enregistrer un commentaire