begin process at 2012 02 14 02:31:34
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > BOUTONS A À Z OU 0 À 9

BOUTONS A À Z OU 0 À 9


 Information sur la source

 Description

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

  • 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!="") ...
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...


 Sources du même auteur

OBJET JAVASCRIPT RENVOYANT DES INFO SUR UTILISATEUR CONNECTÉ

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

 Sources en rapport avec celle ci

DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip EFFET DE FILTRE COMPATIBLE MOZILLA FIREFOX ET INTERNET EXPLO... par proftnj
Source avec Zip Source avec une capture INTERAGIR AVEC L'UTILISATEUR par ndubien
Source avec Zip Source avec une capture UNE BARRE DE MENU PERSO par millgabo
CREER DES BOUTONS IMAGES À LA PLACE D'UNE BARRE DE DEFILEMEN... par setasan9

Commentaires et avis

Aucun commentaire pour le moment.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Ouverture d'1 page html avec boutons imprimer et fermer [ par JB ] Bonjour,Quoi de plus simple que générer une nouvelle page html contenant des infos et 2 boutons 'Imprimer' et 'Fermer' ?Eh bien malgré x tentatives je Changer les boutons d'un confirm() [ par ypothier ] Est-ce que quelqu'un peut me dire comment faire pour changer les boutons lorsqu'on demande une confirmation...??? ex: confirm("Aimez-vous le JavaScrip Formulaire dans un layer sous NS4 [ par hbigal ] Bonjour,J'ai une petite question à poser aux pro de NS version 4.5.Pourquoi l'évènement onclick sur les boutons contenu dans un layer nefonctionne pas click sur un bouton radio [ par Poulipe ] Bonjour,j ai par exemple 3 boutons radio.b1b2b3tout le monde sait que sur ces 3 boutons, un seul peut etre cocher...mon pb : je voudrais que si le bo FRAMES!!!!! [ par mimipoussinette ] Bonjour,J'ai deux frames, un "Filtre" et l'autre "Liste"Depuis mon frame "Liste", je souhaite remplir la valeur d'un formulaire du frame "Filtre", au Boutons radios? [ par dufour137 ] bonjour tout le monde, j'aimerais svoir comment faire pour tester une valeure dans une page htm sur un bouton radio pour ouvrir une page internet selo aide pour les boutons suivant et précédents [ par pierre81 ] comment doit je faire pour programmer les bourton suivant et précédent merci de me répondre car je commence a croire que je n'y arriverai pas merciCOU utilisation de raccoucis bureau par boutons [ par JMO ] Bonjour,Voici mon problème !!! je suis nouveau en javascript...Sur mon "bureau", j'ai x raccourcis qui pointent sur des logiciels (VTDWIN, OXALYS....) boutons radio [ par eax ] salut!!g encore un petit problème : c'est dans la vérification d'un formulaire, je veux tester si le mec a sélectionné sa ville dans une liste de bout gestion de radio bouton [ par pipin ] J'ai affiché des radio boutons dynamiquement avec des noms du style bouton1,bouton2,...Ensuite dans une fonction javascript, je voudrais tester les ra


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,342 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales