Création d'un bouton dans un formulaire

Dans cette exemple, nous allons remplacer le champ Salutations du formulaire Contact par un bouton.

Créer une Web Resource nommée new_bouton de type jscript contenant le code suivant.

/* sample */
/* 'salutation','ButtonText','100px','functionName','Button Label' */
function ConvertToButton(fieldname, buttontext, buttonwidth,clickevent, title){
 
 /* check if object exists; else return */
  if (document.getElementById(fieldname) == null)
 {
   return;
  }
 
 
  functiontocall=clickevent;
  crmForm.all[fieldname].DataValue = buttontext;
  crmForm.all[fieldname].readOnly = true;
  crmForm.all[fieldname].style.borderRight="#3366cc 1px solid";
  crmForm.all[fieldname].style.paddingRight="5px";
  crmForm.all[fieldname].style.borderTop="#3366cc 1px solid";
  crmForm.all[fieldname].style.paddingLeft="5px";
  crmForm.all[fieldname].style.fontSize="11px";
  crmForm.all[fieldname].style.backgroundImage="url(/_imgs/btn_rest.gif)";
  crmForm.all[fieldname].style.borderLeft="#3366cc 1px solid";
  crmForm.all[fieldname].style.width=buttonwidth;
  crmForm.all[fieldname].style.cursor="hand";
  crmForm.all[fieldname].style.lineHeight="18px";
  crmForm.all[fieldname].style.borderBottom="#3366cc 1px solid";
  crmForm.all[fieldname].style.backgroundRepeat="repeat-x";
  crmForm.all[fieldname].style.fontFamily="Tahoma";
  crmForm.all[fieldname].style.height="20px";
  crmForm.all[fieldname].style.backgroundColor="#cee7ff";
  crmForm.all[fieldname].style.textAlign="center";
  crmForm.all[fieldname].style.overflow="hidden";
  crmForm.all[fieldname].attachEvent("onmousedown",push_button);
  crmForm.all[fieldname].attachEvent("onmouseup",release_button);
  crmForm.all[fieldname].attachEvent("onclick",functiontocall);
  crmForm.all[fieldname].style.lineHeight="14px";
  crmForm.all[fieldname+'_c'].style.visibility = 'hidden';
  crmForm.all[fieldname].title=title;
  window.focus();
  
 
 function push_button(){
   window.event.srcElement.style.borderWidth="2px";
   window.event.srcElement.style.borderStyle="groove ridge ridge groove";
   window.event.srcElement.style.borderColor="#3366cc #4080f0 #4080f0 #3366cc";
  }
 
 function release_button(){
   window.event.srcElement.style.border="1px solid #3366cc";
  }
 }
 
 
 
/* now the definition of the function to call on button click */
function FunctionName(){
alert("coucou"); 
}

Dans le formulaire Contact, ajouter l'appel de la fonction ConvertToButton sur le OnLoad avec comme paramètres : 'salutation','ButtonText','100px','FunctionName','Button Label'.

Après publication des modifications, nous obtenons l'écran suivant sur un contact.