Boutons a à z ou 0 à 9

Commenter

Contenu du snippet

Il s'agit d'un objet javascript permettant d'afficher dans une zone une ensemble de boutons de A à Z ou de 0 à 9. Utile lorsque l'on veut faire une requête après du stytle "tous les noms commençant par...bouton cliqué" ou "tous les enregistrements dont le champ...est égal à ...bouton cliqué"

Source / Exemple : 


l'objet js :
function choixfiltre(liste,divid,typefiltre,champ)
/* divid c'est l'id dans laquelle on écrira le filtre
typefiltre c'est le type de filtre 0 à 9 ou A à Z doit être égal à 'num' ou 'alpha'
liste c'est le nom de l'objet instanciant la classe choixfiltre
champ est le nom du champ qui contiendra la valeur sélectionnée */
{
 this.division=divid;
 this.filtre=typefiltre.toLowerCase();
 this.liste=liste;
 this.champ=champ;
 this.chaine="<table border='0' cellpadding='0' cellspacing='0' style='border-collapse:collapse;'><tr>";
}

choixfiltre.prototype = {  
 afffiltre: function() {
  switch (this.filtre) {
  case "alpha" :
   for ($i=65;$i<=77;$i++) 
   {
    var caractere =String.fromCharCode($i);
    this.chaine+="<td><input type='submit' name='lettre"+caractere+"' value='"+caractere+"' onclick='"+this.liste+".selfiltre(\""+caractere+"\")'></td>";
   }
   this.chaine+="</tr><tr>";
   for ($i=78;$i<=90;$i++) 
   {
    var caractere =String.fromCharCode($i);
    this.chaine+="<td><input type='submit' name='lettre"+caractere+"' value='"+caractere+"' onclick='"+this.liste+".selfiltre(\""+caractere+"\")'></td>";
   }
   break;
  case "num" :
   for ($i=0;$i<=9;$i++) 
   {
    this.chaine+="<td><input type='submit' name='chiffre"+$i+"' value='"+$i+"' onclick='"+this.liste+".selfiltre("+$i+")'></td>";
   }
   break;
  }
  this.chaine+="</tr></table>";
  document.getElementById(this.division).innerHTML=this.chaine;
 },
 selfiltre: function(val){
 document.getElementById(this.champ).value=val;
 window.location.reload();
 }
 }

dans la page html :
...
 var listealpha= new choixfiltre("listealpha","liste","alpha","champretour");
...
 listealpha.afffiltre();
...
Il suffira alors de tester la valeur de champretour (par exemple avec if (document.getElementById('champretour').value!="") ...

Conclusion :


voila j'espère que cela pourra rendre service...

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (jpclutier)