Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

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

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

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 1,654 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.