CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 04 14:58:23

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

[VISUAL STUDIO 2010] LES TESTS CASES C'EST BIEN, MAIS JE VAIS DEVOIR TOUT RééCRIRE ? par Etienne Margraff

MVP[GRIBOUILLON].ADDYEAR par Gribouillon

RE : PROBLèME AVEC IFRAME par Bul3

RE : PROBLèME AVEC IFRAME par faluorn

RE : PROBLèME AVEC IFRAME par Bul3

PROBLèME AVEC IFRAME par faluorn

RE : JAVASCRIPT par Bul3

+ de logiciels à télécharger

1 464 255 membres
159 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 094 codes, 1 302 802 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

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 !

MESSAGE PERSONNALISER

Information sur la source

Catégorie :Fenêtre & Pop-up Classé sous : message, dialogue, alerte, confirmation, error Niveau : Expert Date de création : 25/03/2008 Date de mise à jour : 27/05/2009 19:47:47 Vu / téléchargé: 7 261 / 830

Auteur : SebMoine

Ecrire un message privé

Note :

9,00 / 10

Commentaire sur cette source (30)

Ajouter un commentaire et/ou une note

Description

Voici un message comme boite de dialogue en 'Alert', 'Confirm', 'Prompt', etc...

Les descriptions se trouve dans js/msgbox.js

Conclusion

merci à lui

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 !

css
- style.css 5 820 octets
img
- bx
  - btn.png 1 493 octets
  - left-corners.png 272 octets
  - left-right.png 145 octets
  - right-corners.png 340 octets
  - tb-btn-sprite.gif 1 127 octets
  - top-bottom.png 191 octets
- ico
  - Error.png 4 747 octets
  - Exclamation.png 3 377 octets
  - Help.png 4 998 octets
  - Info.png 4 930 octets
  - Question.png 4 998 octets
  - Stop.png 4 983 octets
- sw
  - shadow.png 311 octets
  - shadow-c.png 118 octets
  - shadow-lr.png 135 octets
- hide.png 182 octets
- tool-sprites.png 623 octets
- top-bottom.png 915 octets
js
- msgbox.js 10 049 octets
msgbox.htm 14 115 octets

Télécharger le zip

Historique

25 mars 2008 22:50:01 :: une petit modification dans <meta>
26 mars 2008 18:26:58 :: Ajout un movement de message par votre curseur
26 mars 2008 18:28:11 :: Ajout un mouvement pour la boite de dialogue. (j'ai réusir a faire lol)
26 mars 2008 19:07:45 :: Merci à Florent06 que je n'ai pas remarqué l'erreur, j'ai corrigé et quelques améliorations contre l'erreur de script.
22 juin 2008 15:54:54 :: Comme vos propositions, j'ai ajouté un calque pour éviter les cliques dessus, focus dans le boite de dialogue en saisi, ajustement automatique dans scroll.
27 mai 2009 19:35:32 :: Mise à jour de la compatibilité et un petit nouveau pour la boite de dialogue
27 mai 2009 19:47:47 :: Erreur de fichier ZIP

Sources de la même categorie

FENETRE DE LOGIN par kazma

MESSAGES VIRTUELS par grarestephane

ENVOIE DE MESSAGE AUTOMATIQUE par grarestephane

INFO BULLES STANDARD COMPATIBLE FF,IE,CHROME,OPERA SIMPLE D'... par alex3105

FENETRES DÉPLACABLES ET REDIMENSIONNABLE PAR LA SOURIS par pdc_666

Toutes les sources de la catégorie Fenêtre & Pop-up

Sources en rapport avec celle ci

MESSAGES VIRTUELS par grarestephane

AFFICHE DE 1 A PLEIN DE MESSAGES DANS LA BARRE DE STATUT DU ... par kangourouxxx

BOITE DE DIALOGUE (AVEC GRISEMENT DE LA PAGE) par nicomilville

FONCTION ALERT ET LES ACCENTS par PetoleTeam

PERSONNALISER LES BOÎTES DE DIALOGUE par XtremDuke

Commentaires et avis

Commentaire de SebMoine le 25/03/2008 22:37:40

PS: c'est ma premier poste source ici (lol)

Commentaire de Florent06 le 26/03/2008 12:44:35

ça ne fonctionne pas, les fenêtres restent sur Chargement... :s

Commentaire de deloteric le 26/03/2008 15:48:54

Super design, bone source.
reste à empécher l'utilisateur de cliquer ailleurs ... et pourquoi pas de pouvoir déplacer la boite de dialogue.
Bravo et bonne continuation.

Commentaire de SebMoine le 26/03/2008 18:16:59

@ Florent06: C'est un exemple, utilisez 'MsgBoxHide()' pour fermer la boite de dialogue
Ou alors changer de "Chargement..." par la votre ou quelque chose vous patience ou vous annonce un petit moment. par exemple: "Patience un peu pour la base de donnée" ou "Enregistrement éffectuée", etc...

@ deloteric : J'ai fais moi-même et j'ai copié sur internet et modifié. Voici la dernier version.

Commentaire de nicomilville le 26/03/2008 19:44:13 9/10

Salut,

ça mérite un petit 9/10, je m'explique un 9 car tout code peut être amélioré, sinon très beau design !!!

Commentaire de deloteric le 27/03/2008 08:59:54 10/10

Merci d'avoir mis à jour en tenant compte des commentaires !
Bon ben reste plus qu'a empécher l'utilisateur de cliquer ailleurs ...
Encore Bravo (10/10)

Commentaire de nicomilville le 27/03/2008 16:32:20

Re, c'est facil d'empécher quelqun de cliquer ailleurs, il faut juste rajouter un calque derrière et mettre un onClick dessus du genre onClick="boite.focus;"

Commentaire de XtremDuke le 29/03/2008 20:34:59

Salut,

Belle présentation. (j'ai déjà vu ça quelque part...  ^^ )
Si je peux me permettre quelques remarques :

- petits soucis sous FF
   >> les boites sont de la largeur de la page
   >> Le drag ne fonctionne pas
   >> l'ombre est mal affichée

- il aurait été sympa que tu détectes la touche "entrée" et "echap" pour valider/fermer les boites.

- ça aurait été bien également si les boites pouvaient se recentrer quand la page est resizée.

Commentaire de youspim le 31/03/2008 18:05:33 9/10

Bravo, très belle source.
Joli disign... sauf pour la compatibilité avec FF où la boite prend tout la largeur de la fenetre (voir message précédent de XTRENDUKE).

Je met 9/10 pour la clarté du code.

Commentaire de Pedrosa le 01/04/2008 14:30:31

Bravo, encore une fois. J'ai aimé le design. Dommage pour le fan de Firefox. Ça marche pas si bien que IE.

Je mets un 4/5.

Commentaire de neurocactus le 06/04/2008 18:11:01 7/10

Bonjour, ça marche (IE, Windows XP) et c'est bien fait..., sauf pour une chose: Lorsque le script est installé sur une page longue avec "scroll vertical"..., le scrolling n'est plus possible (la barre du scroll disparaît)et la page est bloquée. Le problème est peut-être au niveau du fichier style.css

Y a-t-il une solution?
http://www.pre-sales.ch

Commentaire de SebMoine le 22/06/2008 15:51:58

Merci à tous vos commentaires (ça fait super plaisir) et vos propositions.

@DELOTERIC: De rien :)

@EXTREMDUKE: je suis désolé de contre dit, il fonctionne sous IE. Eet je ne met pas la fonction du clavier (entrée/echap) cela envoi la différence entre formulaire et OK, entre NON et ANNULER

@NICOMILVILLE: J'ai crée la fonction FOCUS seulement les saisis.

@NEUROCACTUS: J'ai supprimer une partie dans BODY nommant "overflow:hidden" et remplacer dans boite dialogue.

Commentaire de nicomilville le 22/06/2008 15:57:51

non, tu ne comprend pas, il y a deja un un évènement focus, ça existe déja !

a++

Commentaire de SebMoine le 22/06/2008 21:03:41

@NICOMILVILLE: la fonction FOCUS est "$("TxtPrompt_repreq").focus();" (ligne 211) dans la boite de saissi une ligne et "$("inpt_multiline").focus();" (ligne 225) pour la boite de multiligne. c'est tout que j'ai ajouté.

Je m'excuse que j'ai mal composé un message pour "fonction" mais un évènement.

Commentaire de SebMoine le 22/06/2008 21:04:58

Commentaire de nicomilville le 22/06/2008 21:28:35

ok, désolé, ce n'est pas a toi de t'excuser, tout le monde fait des erreurs !

a++

Commentaire de tomboul le 15/12/2008 22:53:32

Salut

Ta dernière modif ne semble pas fonctionner, lorsque je consulte la page msgbox.html, j'ai un écran tout blanc

Commentaire de SebMoine le 07/01/2009 15:01:42

@tomboul: Oui c'est vrai un tout blanc lorsque tu consulte, il y a tout en bas de la page. c'est pour juste montrer que la boite de dialogue peux ajuster selon la hauteur de scroll.

Si tu veux aller plus vite, ouvre le msgbox.html en bloc note, sur la ligne 31, 32, 33 supprimer les "<br>" (retourne à la ligne suivant)

Commentaire de taz35 le 11/02/2009 14:55:40

Bonjour,
Merci pour cette super source
j'essaye de passer un argument après un confirm mais je bloque :

<script>
function BtnOK(Texte){
alert(Texte);
}
</script>

<a onclick="MsgBox.Confirm('Confirmer','Voulez-vous ignorer ?','BtnOK('toto')')">Afficher la message</a>

Si quelqu'un peut m'aider.
Merci d'avance
A+

Commentaire de taz35 le 11/02/2009 15:00:44

ça faisait 2 heures que je cherchais et 2 minutes après mon précédent post je viens de trouver...

Il y avait un conflit sur les apostrophes semble-t-il :Il faut rajouter des anti-slash dans l'argument.

Marche pas : <a onclick="MsgBox.Confirm('Confirmer','Voulez-vous ignorer ?','BtnOK('toto')')">Afficher la message</a>

Marche : <a onclick="MsgBox.Confirm('Confirmer','Voulez-vous ignorer ?','BtnOK(\'toto\')')">Afficher la message</a>

Commentaire de SebMoine le 11/02/2009 21:31:00

@ TAZ35: Excuse-moi mon ami, j'était pas là dans l'apres-midi et j'ai reçu un notification par le mail ce soir.

Tu peux mettre un simple, avant de MsgBox... comme:

<a onclick="msg='toto';MsgBox.Confirm('Confirmer','Voulez-vous ignorer ?','BtnOK(msg)')">Afficher la message</a>

attention la différence entre de ' et de " .Pour éviter comme "aujourd'hui" faites "aujourd\'hui".

Et tu peux mettre la fonction après le bouton valide comme:

<script>
function BtnOK(msg){
alert(msg);
// Procédure comme vous voulez
}
</script>

Commentaire de taz35 le 17/02/2009 11:13:09

Merci pour ta réponse SebMoine.
EN fait j'avais intégré le script dans un script php d'où mes problèmes d'apostrophe.

SInon je rencontre un autre bug sous IE6. Sur un confirm, le fond transparent s'affiche mais la boite de dialogue n'est pas disponible et la page reste bloquée. Faut-il faire une modif dans le CSS ?

Merci d'avance

Commentaire de Fredouille05 le 12/05/2009 10:25:05

Bonjour,
Déjà merci pour ce script très bien commenté.
J'aimerai savoir si c'est possible de rendre modal la boite de dialogue YesNo
Car en fait j'aimerai l'utiliser sur un lien PHP
Qui ne lance pas deux type de script Javascript mais qui lance le lien si TRUE ou pas si FALSE
echo '<a href="./gestionBD.php?act=suppPoste&matricule='.$mat.'&idPoste='.$idPoste.'"';?>onclick="return confirm('Confirmer suppression ?');"><img src="images/supprimer.gif"></a>

J'ai bien décortiquer le code mais je n'arrive pas a renvoyer un booleen a la place de faire l'eval dans ton script

Merci d'avance.

Commentaire de SebMoine le 25/05/2009 22:52:35

@Fredouille05: Je pense ca peut vous aider:

<a onclick="MsgBox.YesNo('Avertissement','Confirmer suppression?','BtnOK()','BtnCcl()')"><img src="images/supprimer.gif"></a>

Donc dans le script:

<script>
function BtnOK(){
location.href="./gestionBD.php?act=suppPoste&matricule=<?php echo $mat.'&idPoste='.$idPoste; ?>";
}
function BtnCcl(){
//Votre procédure d'annulation si vous voulez
}
</script>

Si ce n'est pas le cas je suis désolé, je ne connais pas très bien en PHP.

PS: En attendant, je vais mettre à jour les compatibles des navigateur. (FF3 et Opera 9.64 et IE8).

Commentaire de SebMoine le 25/05/2009 23:00:05

ou bien:
//ButtonAsk(XX) => lance apres l'avoir cliqué d'ou XX est la réponse du clique
function BtnOK(){
//Précédure vers ton prgrammation comme un exemple 'ButtonAsk(1);' ou 'ButtonAsk(true);'
}

function BtnCcl(){
'ButtonAsk(0);' ou 'ButtonAsk(false);'
}
PS: Excuse moi j'ai pas faits attention ce que tu me dit.

Commentaire de tomboul le 26/05/2009 01:47:34 10/10

Beau script, qui semble marcher aussi bien sur FF et IE, 10/10

Commentaire de Fredouille05 le 26/05/2009 14:27:41

@SebMoine
Bonjour et merci pour ta réponse
ceci ne rend pas la boite de dialogue modale mais cependant oui cela marche, merci encore.

Bonne continuation

Commentaire de SebMoine le 26/05/2009 22:43:56

Salut à tout mes amis. J'allais mettre à jour avec la compatibilité et un petit nouveau pour la boite de dialogue. Mais je ne peux plus poster ma nouvelle modification et je n'ai pas envie de composer plus que 100 caractère dans la description.

Donc je suis très déçu par un blocage de modification.

En revanche, postez-moi dans un message privé avec votre email pour t'envoyer un fichier compréssé.

Commentaire de SebMoine le 26/05/2009 22:46:58

PS: je suis disponible que certains soir ou même certains jours. Merci pour vos commentaires.

Commentaire de SebMoine le 27/05/2009 19:38:20

Ah la modification est accédé qu'en bloqué Ouf lol. Ne m'envoyez pas le message privé plz ;)

@tomboul: j'ai recu ton message, voici le lien pour la boite de dialogue modal:
http://prototype-window.xilinus.com/index.html

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Confirmation en quittant [ par astuces_jeux ] Bonjour,Je cherche à créer un code javascript que quand par exemple on quitte en cliquant sur la croit quitter* on ai un message de confirmation qui t formulaire: charger page-message de confirmation d'envoi onClick [ par cyberbelette ] Fonction précédent et message de confirmation "les données..." [ par poiuytrez3 ] Bonjour, j'ai besoin d'utiliser la fonction précédent javascript:history.go(-1) sur une page web au bout de 5 secondes, mais lorsqu'elle s'&ctive, Javascript : Message de Confirmation et radio bouton [ par FrozenStorm ] Bonjour,J'ai un petit soucis dans mon formulaire, en effet je n'arrive pas à appeler une fonction javascript lorsqu'un radio bouton est sélectionné.Je Message confirm une seul fois [ par bruno9173 ] Bonsoir,Est-il possible de faire apparaître une fenêtre de confirmation seulement une fois pendant la visite d'un utilisateur ?L'utilisateur ne doit p message de confirmation [ par marocmarocmaroc ] Bonjour,j'ai créé un code sert à eviter les doublons dans ma table voilà le code <?php if (isset($_POST['ajouter'])){ $connect=mysql_connect( message d'alerte [ par kesty2009 ] bjr a tous jai un gros soucis je travaille sur un logiciel de simulation developpé en php et je souhaiterais fais apparaitre des messages d'alertes a problème dans mon formulaire [ par cindrella85 ] j'ai insérer ce fragment de code entre les balises head<script language="javascript"> function verifier() { message=""; messagefinal=" Erreur de type : Message ')' attendu [ par ammouna24 ] Bonjour, J'ai eu cette erreur en compilant, de La ligne 1 à la ligne 4 c'est ce que j'ai:Code :<pre style Validation w3c [ par bisou27 ] Bonjours à tous,Je suis dans la dernière ligne droite pour la validation de mon site et il me reste 2 erreurs:XML Parsing Error Line <a