Boite de dialogue (avec grisement de la page)

Soyez le premier à donner votre avis sur cette source.

Vue 12 940 fois - Téléchargée 1 387 fois

Description

Boite de dialogue qui ressemble a celle de codes sources (la boite de connection) sauf le design qui je pense n'est pas ressemblant a 100%...
Cette boite est je pense accessible a tout niveau, c'est pour cette raison que je la met en niveau débutant...
J'ai posté cette source car sur le forum on a tout le temps des questions sur les fameuses boites de codes sources donc suite a la dernière question posé sur ces boites, je me suis dit que j'allais la coder cette boite, comme ça on pourra rediriger toute les questions sur les boites de codes sources posé sur le forum vers cette source qui j'espère est assez bien pour vous et pourra vous servir d'exemples...

J'allai oublié, cette source est compatible IE(testé sous IE7), FF(testé sous FF3) et IE6(nomalement, merci de tester et de me dire si ça marche)...

Conclusion :


Si vous remarquez des bugs ou si vous avez des améliorations a proposer, merci de les mettre dans les commentaires...

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

sinsey27
Messages postés
1
Date d'inscription
jeudi 17 août 2006
Statut
Membre
Dernière intervention
18 mai 2009
-
Super !
Merci pour la dernière astuce concernant la fermeture. A intégrer dans le package.
Pensez à ne pas sauter de ligne dans votre contenu html sinon ca merde, c'est très con comme remarque mais sait-on jamais. Ca saurait une bonne idée de mettre le contenu html dans un fichier à part pour l'intégration.
Des news pour les versions mootools ?
@karamel
Messages postés
1717
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
15 octobre 2019
47 -
bonjour
la modif a faire pour que sa fontionne

dans la fonction dialogue() a la fin
il faut rajouter ces deux lignes

var tp = document.getElementById('taille_page')
document.body.removeChild(tp);

car le div taille_page n'est pas suprimer d'ou le probleme

ce qui donne

var griser = document.getElementById('griser');
var boite = document.getElementById('boite');
var tp = document.getElementById('taille_page')
document.body.removeChild(griser);
document.body.removeChild(boite);
document.body.removeChild(tp);
nicomilville
Messages postés
3498
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
25 -
Salut, en fait je crois que j'ai oublié de supprimer le div taille page lors de la fermeture de la boite, c'est pour cela que le contenu n'est pas accessible !

En ce moment je bosse beaucoup mais dès que j'ai un moment je résoud le pb...

a++
scorpion201183
Messages postés
1
Date d'inscription
dimanche 12 novembre 2006
Statut
Membre
Dernière intervention
23 septembre 2008
-
bonjour

après avoir cliqué sur "griser" on aura la fenêtre. et après avoir fermé la fenêtre, on pourra plus cliqué sur le bouton "griser", il est comme bloqué et impossible de cliqué dessus.
Ce problème est sur FF 3.1 mais par contre sur IE7 ca marche bien.
nicomilville
Messages postés
3498
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
25 -
a bon, je vais travailler sur une solution...

a++

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.