begin process at 2012 05 28 10:03:46
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Cookies

 > FASTSELECTEDINDEX

FASTSELECTEDINDEX


 Information sur la source

Note :
8,5 / 10 - par 2 personnes
8,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Cookies Classé sous :selection, select Niveau :Initié Date de création :23/10/2002 Date de mise à jour :23/10/2002 12:49:18 Vu :7 849
Auteur : Deny

Ecrire un message privé
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 Description

Utilitaire de formulaire
Sur un select, permet, avec des des flèches haut/bas, un défilement rapide ou un par un des options du select, plus un bouton de sélection.
La page est restée en anglais car elle a été proposée, et acceptée sur The Javascript source.
http://javascript.internet.com/

Source

  • <html>
  • <head>
  • <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  • <meta name="ProgId" content="Editeur UltraEdit-32">
  • <meta name="date" content="2002-06-18">
  • <head>
  • <script type="text/JavaScript">
  • var compteur = 3;
  • var arret = new Boolean;
  • function selectplus() {
  • compteur = document.indexselect.choix.selectedIndex;
  • if (compteur < document.indexselect.choix.length-1) {compteur ++;}
  • document.indexselect.choix.selectedIndex=compteur;
  • if (compteur < document.indexselect.choix.length-1 && arret == false) {setTimeout('selectplus()',100);}
  • }
  • function selectmoins() {
  • compteur = document.indexselect.choix.selectedIndex;
  • if (compteur > 0) {compteur --;}
  • document.indexselect.choix.selectedIndex=compteur;
  • if (compteur > 0 && arret == false) {setTimeout('selectmoins()',100);}
  • }
  • function selectonep() {
  • compteur = document.indexselect.choix.selectedIndex;
  • if (compteur < document.indexselect.choix.length-1) {compteur ++;}
  • document.indexselect.choix.selectedIndex=compteur;
  • }
  • function selectonem() {
  • compteur = document.indexselect.choix.selectedIndex;
  • if (compteur > 0) {compteur --;}
  • document.indexselect.choix.selectedIndex=compteur;
  • }
  • </script>
  • </head>
  • <body>
  • <h1>Fast select of your indexed number</h1>
  • <form name="indexselect">
  • <p>
  • <select name="choix" size="3" value="Numbers" style="background-color:antiquewhite;color: black; width: 125px;">
  • <option>1
  • <option>2
  • <option>3
  • <option selected>3
  • <option>4
  • <option>5
  • <option>6
  • <option>7
  • <option>8
  • <option>9
  • <option>10
  • <option>11
  • <option>12
  • <option>13
  • <option>14
  • <option>15
  • <option>16
  • <option>17
  • <option>18
  • <option>19
  • <option>20
  • <option>21
  • <option>22
  • <option>23
  • <option>24
  • <option>25
  • <option>26
  • <option>27
  • <option>28
  • <option>29
  • <option>30
  • <option>31
  • </select>
  • <input type="button" value="Select !" onClick="document.indexselect.result.value=document.indexselect.choix.selectedIndex">
  • </p>
  • <p>
  • <input type="button" value="Down" onMouseDown="arret=false;selectplus();return false" onMouseUp="arret=true">&nbsp<input type="button" value="Up" onMouseDown="arret=false;selectmoins();return false" onMouseUp="arret=true">
  • <span style="margin-left:20px">One by One :
  • <input type="button" value="Down" onMouseDown="selectonep();return false">&nbsp<input type="button" value="Up" onMouseDown="selectonem();return false">
  • </span></p>
  • <p>Your select : <input type="text" name="result"value=""></p>
  • </form>
  • </body>
  • </html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta name="ProgId" content="Editeur UltraEdit-32"> 
<meta name="date" content="2002-06-18"> 
<head>
<script type="text/JavaScript"> 
var compteur = 3;
var arret = new Boolean;
function selectplus() {
compteur = document.indexselect.choix.selectedIndex;
	if (compteur < document.indexselect.choix.length-1) {compteur ++;} 
document.indexselect.choix.selectedIndex=compteur;
if (compteur < document.indexselect.choix.length-1 && arret == false) {setTimeout('selectplus()',100);}
}
function selectmoins() {
compteur = document.indexselect.choix.selectedIndex;
	if (compteur > 0) {compteur --;} 
document.indexselect.choix.selectedIndex=compteur;
if (compteur > 0 && arret == false) {setTimeout('selectmoins()',100);}
}
function selectonep() {
compteur = document.indexselect.choix.selectedIndex;
	if (compteur < document.indexselect.choix.length-1) {compteur ++;} 
document.indexselect.choix.selectedIndex=compteur;
}
function selectonem() {
compteur = document.indexselect.choix.selectedIndex;
	if (compteur > 0) {compteur --;} 
document.indexselect.choix.selectedIndex=compteur;
}
</script>
</head>
<body>
<h1>Fast select of your indexed number</h1>
<form name="indexselect">
<p>
<select name="choix" size="3" value="Numbers" style="background-color:antiquewhite;color: black; width: 125px;">
<option>1
<option>2
<option>3
<option selected>3
<option>4
<option>5
<option>6
<option>7
<option>8
<option>9
<option>10
<option>11
<option>12
<option>13
<option>14
<option>15
<option>16
<option>17
<option>18
<option>19
<option>20
<option>21
<option>22
<option>23
<option>24
<option>25
<option>26
<option>27
<option>28
<option>29
<option>30
<option>31
</select>
<input type="button" value="Select !" onClick="document.indexselect.result.value=document.indexselect.choix.selectedIndex">
</p>
<p>
<input type="button" value="Down" onMouseDown="arret=false;selectplus();return false"  onMouseUp="arret=true">&nbsp<input type="button" value="Up" onMouseDown="arret=false;selectmoins();return false" onMouseUp="arret=true">
<span style="margin-left:20px">One by One : 
<input type="button" value="Down" onMouseDown="selectonep();return false">&nbsp<input type="button" value="Up" onMouseDown="selectonem();return false">
</span></p>
<p>Your select : <input type="text" name="result"value=""></p>
</form>
</body>
</html>

 Conclusion

J'aurais pu la remettre en français... ah le temps !
Est-ce bien utile ? A vous de voir...


 Sources du même auteur

DHTML - MANIP CSS
OUVERTURE POPUP À URL ALÉATOIRE
Source avec Zip 96 SITES RÉPERTORIÉS : HTML, CSS, DHTML, JAVA, JAVASCRIPT, P...
BROWSER SNIFFER (RENIFLEUR)
Source avec Zip DHTML SCROLLTOP
Toutes les sources de Deny

 Sources de la même categorie

Source avec Zip LES COOKIES ET JAVASCRIPT par Zestyr
COOKIES EN JAVASCRIPT par CodeurleGeek
Source avec Zip MULTI-BLOC-NOTE(AVEC COOKIES!) par DomJ
Source avec Zip LES VINGTS JOLIS COOKIES par cornofulgur
Source avec Zip AJOUTER, SUPPRIMER, LIRE COOKIE! par DomJ
Toutes les sources de la catégorie Cookies

 Sources en rapport avec celle ci

SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm
Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip Source avec une capture PERSONNALISER SES SELECT par XtremDuke

Commentaires et avis

Commentaire de Angelus4 le 16/07/2004 00:51:31

Pas mal ! Ca peut servir...
Mais si je peux me permettre un conseil pour améliorer cette source :
il faut prendre en compte l'évènement onmouseout dans les boutons et lui attribuer la même valeur que onmouseup. Sinon, telle que ta source est maintenant, elle présente un bug lorsqu'on clique sur un bouton, qu'on garde le clique de souris enfoncé et qu'on drag en dehors du input... En effet, à ce moment là, même si on relache le bouton de la souris, le setTimeout n'est pas stoppé alors que l'on n'enfonce plus le bouton de la souris.
Voilà c'est pas grand chose ! ;-)
A+

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Un tableau de select génére une erreur [ par arzoul ] Salut,N'&#233;tant pas expert en Js et ayant cherch&#233; pendant qq heures, je me permets de venir poser ma question aux sp&#233;cialistes :PVoici mo Recuperer selection dans un select [ par stivi_45 ] Bonjour je voudrai faire un truc tout bete mais je n'arrive pas a trouver comment faire. Voila j'ai un select et a coté j'ai un text, et kan je select Dernier selection dans select multiple [ par guiguimac ] bonjour,j'aimerai savoir comment récupérer le dernier élément sélectionné dans un select multiple ...merci d'avance ! ajouter un button automatiquement [ par joujma5 ] Bonjour, J'ai utilisé un code qui permet la création d'un select automatique après la sélection d'une catégorie, dont voici le code: list_choix = comment changer le couleur de la scrollbarre de la balise select? [ par swissikarim ] bonjour à tout comment changer la couleur gris de la barre de défilement ainsi le flèche noire de cette barre de la balise "select" par un autre coule FORM / SELECT [ par toradoshi ] Bonjour, ça doit être idiot comme question mais je tourne en rond depuis un certain temps alors je me jette ! j'ai un form name="myform" et un elemen menu select + scroll animé [ par ethos20 ] Bonjour, Pour la réalisation d'un nouveau site je souhaiterai utiliser une navigation par ancres avec menu de type form select couplée à un effet de PB : reponseText me retourne undefined [ par NicoIRIS ] Bonjour, Je débute en AJAX et je me retrouve confronter à une pb... :(. En effet reponseText me retourne undefined. Je souhaiterai en connaître la cau pb avec un formulaire select [ par ahah38 ] Bonjour, J'ai besoin d'aide sur un formulaire select. Je souhaite réaliser un carnet de route en utilisant un formulaire select. Les visiteurs pourron supprimer une option d'une select avec javascript [ par nouveauvisiteur ] Bonjour, j'ai créer une lite déroulante avec javascript, cette liste contient des noms qui sont enregistrées dans ma base de données. j'ai réussi à cr


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
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,640 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)