begin process at 2010 03 22 00:40:47
  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

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
IMPLEMENTATION DE RANDOM PERSONNALISÉ par ousous
IMPLEMENTATION DE HASHTABLE par ousous
JAVASCRIPT.UTIL.ITERATOR par ousous
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome

 Sources en rapport avec celle ci

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
Source avec Zip FILTRES MICROSOFT DE TRANSITION par Yoyo2B

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...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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 : 0,874 sec (4)

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