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 !

UNITÉ DE TRAITEMENT DE LA BALISE <SELECT> AVEC TRI


Information sur la source

Catégorie :Formulaire Niveau : Débutant Date de création : 04/06/2003 Date de mise à jour : 04/06/2003 10:58:24 Vu / téléchargé: 4 399 / 196

Note :
9 / 10 - par 1 personne
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (0)
Ajouter un commentaire et/ou une note

Description

C'est une petite unité de traitement de la balise <select> en mode sélection multiple, sans prétention particulière, mais comme j'ai eu besoin de ces fonctions au boulot, je me suis dit que ca pourrait servir aussi à quelqu'un d'autre...

Elle comprend 5 fonctions :

* invertselection(formulaire, list);  // Inverse une sélection
* selectitems(formulaire, list);      // Sélectionne tous les éléments
* deselectitems(formulaire, list);  // Délesctionne tous les éléments
* deplaceitems(formulaire, from, to); // Déplace des éléments d'une liste à une autre avec tri
* sortitems(formulaire, list);         // trie les éléments par ordre alphabétique de texte (pas par valeur)

 

Source

  • /**********************************************/
  • /* Code Javascript de traitement des <select> */
  • /* FEREY Damien - 04/06/2003 */
  • /* Dark Skull Software */
  • /* http://www.darkskull.net */
  • /**********************************************/
  • /****************************/
  • /* On inverse une séléction */
  • /****************************/
  • // formulaire: le formulaire contenant la liste
  • // list : le nom de la liste
  • function invertselection(formulaire, list)
  • {
  • var items = formulaire.elements[list].options;
  • for (i = 0; i < items.length; i++)
  • items[i].selected = !items[i].selected;
  • }
  • /********************************************************/
  • /* Sélectionne les éléments d'une liste dans formulaire */
  • /********************************************************/
  • // formulaire: le formulaire contenant la liste
  • // list : le nom de la liste
  • function selectitems(formulaire, list)
  • {
  • var items = formulaire.elements[list].options;
  • for (i = 0; i < items.length; i++)
  • items[i].selected = true;
  • }
  • /********************************************************/
  • /* Sélectionne les éléments d'une liste dans formulaire */
  • /********************************************************/
  • // formulaire: le formulaire contenant la liste
  • // list : le nom de la liste
  • function deselectitems(formulaire, list)
  • {
  • var items = formulaire.elements[list].options;
  • for (i = 0; i < items.length; i++)
  • items[i].selected = false;
  • }
  • /****************************************************************/
  • /* Déplace les éléments sélectionnés d'une liste vers une autre */
  • /****************************************************************/
  • // formulaire: le formulaire contenant les 2 listes
  • // from : le nom de la liste dont on veut déplacer les éléments
  • // to : le nom de la liste qui va recevoir les éléments
  • function deplaceitems(formulaire, from, to)
  • {
  • var src = formulaire.elements[from].options;
  • var dest = formulaire.elements[to].options;
  • while (src.selectedIndex >= 0) {
  • id = src.selectedIndex;
  • text = src[id].text;
  • value = src[id].value;
  • src[id] = null;
  • dest[dest.length] = new Option(text, value);
  • }
  • sortitems(formulaire, to);
  • }
  • /******************************************/
  • /* Tri d'une liste par texte des éléments */
  • /* (utilise le tri par insertion */
  • /******************************************/
  • // formulaire: le formulaire contenant la liste
  • // list: le nom de la liste à trier
  • function sortitems(formulaire, list)
  • {
  • var items = formulaire.elements[list].options;
  • if (items.length > 1) {
  • // Pour tous les éléments à part le dernier
  • for (i = 0; i < (items.length - 1); i++) {
  • // On réinitialise les valeurs
  • smallesttext = '';
  • smallestid = -1;
  • // On recherche l'indice de la valeur minimale dans le reste de la liste
  • for (j = i; j < items.length; j++) {
  • text = items[j].text;
  • // On regarde si on est au premier élément, ou alors si on a le plus petit
  • if ((text < smallesttext) || (smallestid == -1)) {
  • smallestid = j;
  • smallesttext = text;
  • }
  • }
  • // Maintenant qu'on a l'indice de la valeur minimale, on effectue l'échange
  • oldvalue = items[i].value;
  • oldtext = items[i].text;
  • smallestvalue = items[smallestid].value;
  • items[i].value = smallestvalue;
  • items[i].text = smallesttext;
  • items[smallestid].value = oldvalue;
  • items[smallestid].text = oldtext;
  • }
  • }
  • }
/**********************************************/
/* Code Javascript de traitement des <select> */
/* FEREY Damien - 04/06/2003                  */
/* Dark Skull Software                        */
/* http://www.darkskull.net                   */
/**********************************************/

/****************************/
/* On inverse une séléction */
/****************************/
// formulaire: le formulaire contenant la liste
// list : le nom de la liste
function invertselection(formulaire, list)
{
	var items = formulaire.elements[list].options;
	for (i = 0; i < items.length; i++)
		items[i].selected = !items[i].selected;	
}

/********************************************************/
/* Sélectionne les éléments d'une liste dans formulaire */
/********************************************************/
// formulaire: le formulaire contenant la liste
// list : le nom de la liste
function selectitems(formulaire, list)
{
	var items = formulaire.elements[list].options;
	for (i = 0; i < items.length; i++)
		items[i].selected = true;
}

/********************************************************/
/* Sélectionne les éléments d'une liste dans formulaire */
/********************************************************/
// formulaire: le formulaire contenant la liste
// list : le nom de la liste
function deselectitems(formulaire, list)
{
	var items = formulaire.elements[list].options;
	for (i = 0; i < items.length; i++)
		items[i].selected = false;
}

/****************************************************************/
/* Déplace les éléments sélectionnés d'une liste vers une autre */
/****************************************************************/
// formulaire: le formulaire contenant les 2 listes
// from : le nom de la liste dont on veut déplacer les éléments
// to : le nom de la liste qui va recevoir les éléments
function deplaceitems(formulaire, from, to)
{
	var src  = formulaire.elements[from].options;
	var dest = formulaire.elements[to].options;
	while (src.selectedIndex >= 0) {
		id    = src.selectedIndex;
		text  = src[id].text;
		value = src[id].value;
		src[id] = null;
		dest[dest.length] = new Option(text, value);
	}
	sortitems(formulaire, to);
}


/******************************************/
/* Tri d'une liste par texte des éléments */
/* (utilise le tri par insertion          */
/******************************************/
// formulaire: le formulaire contenant la liste
// list: le nom de la liste à trier
function sortitems(formulaire, list)
{
	var items = formulaire.elements[list].options;
	if (items.length > 1) {
		// Pour tous les éléments à part le dernier
		for (i = 0; i < (items.length - 1); i++) {
			// On réinitialise les valeurs
			smallesttext = '';
			smallestid   = -1;
			// On recherche l'indice de la valeur minimale dans le reste de la liste
			for (j = i; j < items.length; j++) {
				text = items[j].text;
				// On regarde si on est au premier élément, ou alors si on a le plus petit
				if ((text < smallesttext) || (smallestid == -1)) {
					smallestid = j;
					smallesttext = text;
				}
			}
			// Maintenant qu'on a l'indice de la valeur minimale, on effectue l'échange
			oldvalue = items[i].value;
			oldtext  = items[i].text;
			smallestvalue = items[smallestid].value;
			items[i].value = smallestvalue;
			items[i].text  = smallesttext;
			items[smallestid].value = oldvalue;
			items[smallestid].text  = oldtext;			
		}
	}	
}		

 

Conclusion

Dark Skull Software
http://www.darkskull.net



 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

Aucun commentaire pour le moment.

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode



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 : 0,265 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é.