Accueil > > > 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
Sources de la même categorie
Commentaires et avis
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
|
Derniers Blogs
XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|