BOîTES DE DIALOGUE

• Publier un nouveau commentaire
• 
  Jeff  le 17 février 2010, à 22h47

  Merci génial !
• 
  Ufoworld@free.fr  le 28 mars 2010, à 17h14

  C'est Génial
  Mais on pourrait rajouter le truc pour bouger les fenetres en javascript :)
• 
  DeD  le 29 mars 2010, à 10h14

  Salut! J'ai essayé ton script tout à fait sympa (en plus je me cassé à faire un script similaire...) Par contre je ne trouve pas ou faut il mettre mousse pr positionner l'infobulle à l'emplacement de la souris! Serait il possible de m'éclairer ? Merc
• 
  Abrab  le 29 mars 2010, à 11h50

  @DeD :
  msg.open( 'blabla' , {position:'mouse:mouse'} );
  Est-ce que ça règle ton problème ?
• 
  DeD  le 29 mars 2010, à 12h22

  Oui c'est bon ça fonctionne ! Je te remercie et te felicite également pour tes scripts qui sont vraiment pas mal !
• 
  Abrab  le 30 mars 2010, à 16h25

  @Ufoworld :
  Tu dois en effet pouvoir intégrer dragOn.js
  Il faudrait que tu fasses :
  msg.open( 'blabla' , {
      onOpen : function() {
           dragOn.apply(
                document.getElementById('msgBox'),
                document.getElementById('msgTitle') // si tu as un titre
           );
      }
  } );
• 
  meyl  le 01 avril 2010, à 15h31

  Ah ben en fait c'est par fait, ce que j'appelais timer c'était les infobulles persistantes :)
  
  merci beaucoup, vous m'êtes d'une grande aide !
• 
  Jinan  le 18 juin 2010, à 16h30

  Salut, j'ai essayé ton script mais j'ai une petit probleme dans internet explorer 8 les fenétres msg se positionne hors du champ visuelle au lieux d'etre centré.Peu tu m'aide a réglé ce probléme merci
• 
  Abrab  le 18 juin 2010, à 17h33

  Etonnant. Peut-être un problème dans ta page...?
  Je peux peut-être jeter un oeil à ton code, si tu as une url à me donner. Tu peux aussi me l'envoyer par email.
• 
  Jinan  le 20 juin 2010, à 23h19

  Merci pour l'aide mais j'en aurait pas besoins mon probléme était juste que j'avais pas mis de Doctype donc internet explorer me feussait n'importe quoi.
• 
  dominique  le 02 septembre 2010, à 8h25

  Bonjour
  J'ai essayé ce script vraiment intéressant et pratique. Une question cependant, j'ouvre une modal contenant un formulaire. Ce formulaire contient lui même un objet calendrier.
  La modal s'ouvre correctement, le formulaire s'affiche correctement.
  Par contre, le click sur le bouton calendrier du formulaire fait afficher le calendrier dans la fenêtre derrière, et non plus à côté du bouton calendrier de la modal.
  
  Comment faire pour y remédier ?
  
  NB : très très peu de connaissance en java script.
  
  Dominique
• 
  Abrab  le 02 septembre 2010, à 22h35

  C'est sans doute une histoire de css. Il va falloir modifier la propriété z-index du calendrier ou de la modale. Cette propriété règle la profondeur des éléments.
• 
  dominique  le 04 septembre 2010, à 22h41

  Bonsoir Abrab. Euh excuse moi, mais je ne trouve pas la solution à mon problème de calendrier qui refuse de s'afficher dans la modal. J'ai d'abord pensé à un pb dans le calendrier, j'en ai changé pour tester.
  
  Mais le résultat est le même : le calendrier s'affiche, mais pas dans la modal : il s'affiche dans la partie qui est opaque ,et donc inaccessible de l'utilisateur. J'ai regardé cette histoire du z-index, mais j'avoue que je sèche (connaissance js très limité).
  
  Peux-tu m'en dire un peu plus stp ? Merci beaucoup.
  
  Dominique
• 
  Abrab  le 05 septembre 2010, à 8h30

  Désolé Dominique, en ce moment je ne peux vraiment pas t'aider.
  z-index, c'est du css, pas du javascript. Tu pourras peut-être te renseigner via des tutoriaux (site du zéro) ou sur des forum (même site).
• 
  cvv  le 10 septembre 2010, à 3h19

  vc
• 
  floppy  le 20 septembre 2010, à 13h30

  Salut,
  Merci pour ce tuto bien pratique pour les débutants en js. J'essaye de télécharger le zip avec les sources pour essayer de comprendre le code, mais ils ne ce téléchargement pas entièrement. safari ou firefox m'indique une archive incomplète.
  
  Une idée ?
  
  Merci d'avance
• 
  Guillaume  le 19 décembre 2010, à 22h05

  Je sais, je viens tard, mais bon:
  Très bel outil, merci. Je le préfère à bubulle car pour manier de l'ajax, je peux tout inclure dans le mouseover.
  Seul souci rencontré: le positionnement de la bulle. Je l'appelle à partir de boutons positionnés dans une table après lecture de base sql. Le texte de la bulle correspond au bouton chargé. Quelque soient les paramètres passés en 'position', elle se met au centre de l'écran sous firefox et en haut à gauche sous IE8. Il semble aussi que ce paramètre n'aime pas trop les frames?
  Vu que je m'y connais pas trop en JS, toute aide serait bienvenue.
  Merci et bonnes fetes!
• 
  Laurent  le 19 janvier 2011, à 15h59

  c'est génial votre site, est beau, pratique, didactique ! Bravo
• 
  zatuxa  le 06 février 2011, à 17h36

  Salut !
  J'aime le système de notifications discrètes :)
  Mais je les trouve trop ... brutales.
  Il serait plus joli de combiner Msg avec Animate, pour que la notification apparaisse puis disparaisse en fondu transparent.
  Au moment où le message s'estompe, si l'utilisateur passe la souris dessus, Animate s'arrête et le message redevient opaque.
  Il pourrait être intéressant de rajouter ça (je tenterais de le coder...)
• 
  EMYNONA  le 28 février 2011, à 12h12

  C'est super en effet !
• 
  zatuxa  le 09 mars 2011, à 17h04

  Non, pas Animate, Fade serait suffisant.
  Il faudrait appeler Fade en callback, à la fin de l'affichage de la notification.
• 
  Acorn  le 22 mai 2011, à 12h25

  Bonjour,
  Voila j'ai un problème. J'ai crée un msg avec les champs pseudo et password.
  Mais je n'arrive pas à récupérer les informations une fois que l'utilisateur à validé...
  
  Voici mon code :
  
  function FenetreConnection ()
  
  {
      var identifiant = "Identifiant :<input type=\"text\" value = \"\" id = \"pseudo\" name=\"pseudo\"/> <br/>";
  
      var mdp = "Mot de passe:<input type=\"password\" value = \"\" name=\"pass\" id=\"pass\" /></label> <br/><br/>";
  
      var boutonAnnuler = " <input type=\"button\" id=\"boutonAnnuler\" value=\"Annuler\" onclick = \"msg.close();\"/><br/>";
  
      var boutonValider = "<input type=\"button\" id=\"boutonValider\" value=\"Valider\" onclick = \" VerifierIndentification ();\"/> ";
  
      
  
      var messag = identifiant+mdp+boutonValider+boutonAnnuler;
  
      document.getElementById("connection").onclick = function() {
  
      var options = {
  
           "title": "Connexion",
  
           "button":null,
  
           "modal":"false",
  
           "modalOpacity":"0.4",
  
           "position":"m",
  
           "style":{backgroundColor:"#326FFC"},
      };
  
      
      msg.open( messag , options);
      
  
      return false;
  
  };
  
  }
  
  La fonction VerifierIndentification () vérifie les informations et procède aux actions souhaités si elle sont valide, sinon elle ferme le msg sans rien faire.
  
  J'ai essayé de récupérer les information de la même façon qu'avec les formulaire mais je n'ai jamais réussi...
  
  Quelqu'un pourrait il m'aider svp ?
• 
  Acorn  le 23 mai 2011, à 20h57

  Problème résolu :)
• 
  Jeff  le 10 juillet 2011, à 16h35

  Bonjour, je en comprends pas comment on lance l'ouverture d'une fenetre en récupérant la fonction alert.
  ...
  replaceAlert()     si cette méthode est appelée, tous les appels de la fonction native alert() renverront à msg.reload('alert');
  
  J'ai dans mon code une "alert" qui normalement ouvre une fenetre contenant le message. Mais quelle est la syntaxe qui permet de récuperer cette alerte et de commander l'ouverture d'une fenetre ?
  Par exemple au lieu de :
  <replaceAlert()="msg.open('Salut tout le monde !'); return false;" href="#"> ou
  <replaceAlert('Salut tout le monde !'); return false;" href="#">
  
  enfin, tout ça ne fonctionne pas ...
  Quelqu'un peut m'aider ?
  Merci
  
  je presume qu'il faut ecrire quelque chose comme :
  
  <="msg.open('Salut tout le monde !'); return false;" href="#">Dîtes bonjour</a>
  
• 
  PLoKi  le 30 août 2011, à 16h58

  Bonjour,
  Je dis bravo pour le script. C'est exactement ce que je cherchai.
  Cependant, j'ai une petite question :
  J'ai un formulaire avec vérification automatique des champs (par javascript)
  Lorsque je intègre dans une fenêtre modal, la vérification ne se fait plus :(
  Le javascript n'est plus exécuté.
  Comment puis-je résoudre mon problème??
  merci
• 
  Noelem@hC  le 04 octobre 2011, à 17h03

  Salut à tous!
  Actuellement j'ai exactement le problème de @ACORN. J'aurai aimé qu'il me donnes un coup de main.
  Merci
• 
  Nancy  le 05 octobre 2011, à 8h45

  Thanks for the share!
  Nancy.R
• 
  jeje63  le 29 mars 2012, à 9h04

  Bonjour à tous, je doit être vraiment nul mais je n'arrive pas à écrire ces lignes pour quelles fonctionne. J'ai fait:
  <html>
  <head>
  <script type="text/javascript" src="msg/msg.js">
  document.getElementById("un_element").onclick = function() {
      msg.open("Salut tout le monde !");
      return false;
  };
  </script>
  <link rel="stylesheet" media="all" href="msg/msg.css" />
  </head>
  <body>
  
  Ce qui nous donne : <a href="#" onclick="msg.open('Salut tout le monde !'); return false;">Dîtes bonjour</a>
  
  </body>
  </html>
  Merci d'avance pour votre aide.
• 
  Nico  le 29 mars 2012, à 11h44

  Dans ton lien, tu enlèves le onclick="...", et tu ajoutes id="un_element". Je pense que c'est le mieux.
• 
  jeje63  le 29 mars 2012, à 14h49

  J'ai écris le lien comme çà:
  <a href="#" id="un_element"; return false;">
  et comme ça:
  <a href="#" onclick="un_element"; return false;">
  Mais sa ne marche toujours pas.
• 
  Nico  le 29 mars 2012, à 15h41

  <a href="#" id="un_element">
• 
  jeje63  le 29 mars 2012, à 23h35

  Non plus.
• 
  Nico  le 30 mars 2012, à 7h37

  Alors il y a peut-être une erreur dans "msg/msg.js" et "msg/msg.css".
  
  Tu es sûr que ces adresses sont bonnes ? Je vois que dans le zip de téléchargement le fichier javascript se trouve dans un dossier "msg.v2/", et non "msg/".
  
  Au fait, tu connais le concept d'url relative ? http://bit.ly/H2RZ7k
  
• 
  jeje63  le 30 mars 2012, à 9h53

  Mon fichier tout simple:
  <html>
  <head>
  <script type="text/javascript" src="msg.v2/msg.js">
  document.getElementById("un_element").onclick = function() {
      msg.open("Salut tout le monde !");
      return false;
  };
  </script>
  <link rel="stylesheet" media="all" href="msg.v2/msg.css" />
  </head>
  <body>
  
  Ce qui nous donne :
  <a href="#" id="un_element">Dîtes bonjour</a>
  
  </body>
  </html>
• 
  jeje63  le 30 mars 2012, à 15h24

  Est-ce que tu pourrais me passer 3 fichiers que tu fait marcher :
  -msg.js
  - msg.css
  - et fichier html qui va bien.
  Merci d'avance
  sulaffy-975@yopmail.com
• Navré, le formulaire de commentaires est temporairement indisponible.

hébergement : ovh.com | crédits | page générée en 0.155 secondes | admin