Boite de dialogue modale de sélection d'une liste d'icones

Soyez le premier à donner votre avis sur cette source.

Vue 7 560 fois - Téléchargée 1 315 fois

Description

La sélection d'une images dans une fenêtre est souvent effectuée via une fenêtre popup.
L'inconvénient est que cette fenêtre reste souvent ouverte, ou bien vient se cacher derrière la fenêtre principale.
Je voulais une vrai boite de dialogue modale qui reste sur la fenêtre de la page en cours.
Cette source permet donc d'afficher une boite de dialogue de sélection d'une liste d'icônes
La liste des icônes est un tableau dont l'index 0 contient l'url du dossier.

Le texte sur la page sert uniquement a forcer l'affichage des barres de défilement.
un "div" vient masque la page en cours avec un effet de transparence.
dés que la sélection est effectuée ou annulée la page est réaffichée en affectant la sélection
a la zone "input" correspondante.

L'exemple utilise deux dossiers pour montrer comment l'utiliser.
testé avec IE8, Firefox et chrome.

Je n'avais pas posté de source depuis longtemps sur ce site, et comme j'y viens souvent puiser des sources d'inspiration, je tenais à apporter ma modeste contribution.

JJDai l2 février 2012

Source / Exemple :


Le source est composé:
- d'un CSS
- D'un script Javascript
- et d'une page HTML

Tout est dans le Zip.

Conclusion :


Ce script est destiné à être intégrer dans mon CMS préféré XOOPS.
J'ai fait en sorte qu'il soit facilement adaptable.
J'espère qu'il vous ouvrir de nouveaux horizons dans l'utilisation de javascript et des CSS.
JJDai

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.