begin process at 2012 02 06 01:58:35
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > MESSAGE PERSONNALISER

MESSAGE PERSONNALISER


 Information sur la source

Note :
9 / 10 - par 5 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :12 063 / 1 388

Auteur : SebMoine

Ecrire un message privé
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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

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

Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
Source avec Zip Source avec une capture CLASS POP-IN AVEC EFFET SOUS JQUERY DE "CONNEXION" STYLE CS ... par Nementon

 Sources en rapport avec celle ci

Source avec Zip DIALOGUE ENTRE FENÊTRES MÈRE ET FILLE par william voirol
Source avec Zip Source avec une capture MESSAGES VIRTUELS par grarestephane
AFFICHE DE 1 A PLEIN DE MESSAGES DANS LA BARRE DE STATUT DU ... par kangourouxxx
Source avec Zip Source avec une capture BOITE DE DIALOGUE (AVEC GRISEMENT DE LA PAGE) par nicomilville
Source avec Zip FONCTION ALERT ET LES ACCENTS par PetoleTeam

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

@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 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'&amp;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 de confirmation [ par marocmarocmaroc ] Bonjour,j'ai créé un code sert à eviter les doublons dans ma table voilà le code &lt;?php if (isset($_POST['ajouter'])){ $connect=mysql_connect( 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 affichage message de confirmation sur une dropdwnlist en asp [ par auddin ] Bonjour à tous je suis débutant en c# je rencontre un problème sur une dropdownlist sur une application web en aspnet que je développe actuellement. m Contact par mon site [ par Guy72 ] Bonjour, Actuellement, sur mon site, pour avoir un message, avec un lien sur "Contact",je fait apparaître une petite page avec mon adresse "mail". Ma 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&lt;script language="javascript"&gt;   function verifier()    { message="";      messagefinal="


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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,406 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales