Quick links: Content - sections - sub sections
EN FR
Quick Search Advanced search
 
Page

  [Opened] Action onchange sur un champ d'un form

Posted by djanke on 02/21/2008 18:16

Je souhaiterais pouvoir ajouter une action javascript exemple OnChange onkeyup vers une fonction javascript sur un form (jform) je netrouve rien dans la doc quelle est la marche à suivre merci.

  [Opened] Re: Action onchange sur un champ d'un form

Reply #1 Posted by laurentj on 02/21/2008 20:44

Salut

étant donné que le fichier jforms est indépendant du format généré, il n'est pas possible de mettre de tel chose dans le fichier.

Par contre, dans ta page HTML, suffit d'écrire quelques lignes de javascript pour aller chercher l'element html qui correspond à ton champs (regarde le code source html généré pour avoir l'id ou le name), et d'y ajouter, toujours en javascript, un handler sur l'évènement onchange (addEventListener et consort).

Bref, du javascript ce qu'il y a de plus classique. D'ailleurs n'importe quelle lib js moderne propose des fonctions facilitant ce genre de chose.

  [Opened] Re: Action onchange sur un champ d'un form

Reply #2 Posted by djanke on 02/22/2008 11:29

Merci pour les autres utilisateurs ceci fonctionne sous mozilla et IE

 <script type="text/javascript">
   {literal}      
   function handleClick() {
     alert('coucou')
   }
   
   function load() {
   	var oElement = document.getElementById("jform1_name"); 
  	if( !window.addEventListener ) oElement.onclick=function(){ handleClick()}//compatibilité IE  	 
        else  oElement.addEventListener("click", handleClick, false); 
   } 
   {/literal}
  </script>
 {meta_html bodyattr array('onload'=>'load()')}

Pour la compatibilité IE j'ai été obligé de rajouter un test car il ne gère pas addEventListener

 
Page
  1. Action onchange sur un champ d'un form