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 !

POPUP INFOBULLE


Information sur la source

Description

Création d'une PopUp sous forme d'infoBulle affichant la date courante
On peux faire appel a a fonction InfoBulleToDay() pour l'évennemt OnMouseOver pour tous type de controle dans une page HTML ou autre

 

Source

  • function InfoBulleToDay()
  • {
  • var maintenant = new Date();
  • var jour = maintenant.getDate();
  • var oPopup = window.createPopup();
  • var oPopupBody = oPopup.document.body;
  • oPopupBody.style.backgroundColor = '#c7e3e3';
  • oPopupBody.style.fontFamily = 'Tahoma';
  • oPopupBody.style.border = '2px solid black';
  • //Crétaion d'une fonction qui va etre attaché au fiels dans l'evenement onmouseover
  • function My_OrgName_showRatingPopup ()
  • {
  • // Set le message HTML.
  • oPopupBody.innerHTML = "<div><table style='font-size:xx-small'>";
  • oPopupBody.innerHTML += "<tr><td></td><td><span style=\"#0099cc: White\"><strong> La date d’aujourd’hui </strong></span></td></tr>";
  • oPopupBody.innerHTML += "<tr><td></td><td><strong>" +maintenant+"</strong></td></tr>";
  • oPopupBody.innerHTML += "<tr></tr></table></div>";
  • //Set la location et la taille du message pop-up
  • // les cordonnées x et y sont relatifs au element du form
  • var x_coord = -100;
  • var y_coord = 20;
  • var width = 100;
  • var height = 60;
  • var documentElement = event.srcElement;
  • // Affichage du message pop-up.
  • oPopup.show(x_coord, y_coord, width, height, documentElement);
  • }
  • My_OrgName_showRatingPopup()
  • }
function InfoBulleToDay()
{
      var maintenant = new Date();
      var jour = maintenant.getDate();
      var oPopup = window.createPopup();
      var oPopupBody = oPopup.document.body;
          oPopupBody.style.backgroundColor = '#c7e3e3';
          oPopupBody.style.fontFamily = 'Tahoma';
          oPopupBody.style.border = '2px solid black';
           

    //Crétaion d'une fonction qui va etre attaché au fiels dans l'evenement onmouseover

      function My_OrgName_showRatingPopup ()
      {

         // Set le message HTML.
           oPopupBody.innerHTML = "<div><table style='font-size:xx-small'>";
           oPopupBody.innerHTML += "<tr><td></td><td><span style=\"#0099cc: White\"><strong> La date d’aujourd’hui  </strong></span></td></tr>";
           oPopupBody.innerHTML += "<tr><td></td><td><strong>" +maintenant+"</strong></td></tr>";
           oPopupBody.innerHTML += "<tr></tr></table></div>";
        //Set la location et la taille du message pop-up
        // les cordonnées x et y sont relatifs au element du form 

                  var x_coord = -100;
                  var y_coord = 20;
                  var width = 100;
                  var height = 60;
                  var documentElement = event.srcElement;

                  // Affichage du message pop-up. 
                  oPopup.show(x_coord, y_coord, width, height, documentElement);

      }

                   My_OrgName_showRatingPopup()
}

Commentaires et avis

signaler à un administrateur
Commentaire de kina4 le 20/04/2008 22:48:06

mais ça marche avec internet explorer mais avec Firefox non

signaler à un administrateur
Commentaire de jaquechaf le 10/05/2008 15:45:20

ça ne marche pas avec les deux

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Probléme avec un widows.opener [ par destiny ] Lo allDonc depuis un popup&nbsp;(un calendrier), je change la value d'un champs texte ( id='Debut sejour' de la page opener)&nbsp;par la date cliqu&#2 Probléme avec un widows.opener [ par destiny ] Lo allDonc depuis un popup&nbsp;(un calendrier), je change la value d'un champs texte ( id='Debut sejour' de la page opener)&nbsp;par la date cliqu&#2 erreur de syntaxe ... je deviens fou [ par rudddy ] Bonjour,j'ai un petit calendrier en popup (écrit en php) que j'ai modifié pour l'adapté à ma BD de rdv.quand le bonhomme clique sur la case du jour la transmettre une variable depuis le popup vers la page appelante [ par kurtyxcobain ] Salut!!Voila le probleme!J'ai cr&#233;e une page qui permet de saisir les informations necessaire a un devis en ligne. je le fait grace a la balise &l transmettre une variable depuis le popup vers la page appelante [ par kurtyxcobain ] Salut!!Voila le probleme!J'ai cr&#233;e une page qui permet de saisir les informations necessaire a un devis en ligne. je le fait grace a la balise &l Fermeture de popup et envoi d'informations [ par Rankin ] Salut &#224; tous. Je bosse actuellement sur la r&#233;alisation d'un site, qui contient une partie administration pour g&#233;rer des bases de donn& A partir d'une popup, actualiser une page frame [ par fdthierry ] Bonjour,J'ai une page avec une frame1 et une frame2.La frame1 est le menu avec un lien ouvrant une popup Calendrier.Lorsque je clique sur une date, je Popup de popup [ par elpens ] Bonjour,J'ai une application asp qui me lance une popup (Windows.open(myPage.aspx)). Dans cette popup, j'ai un bouton qui devrait me permettre de recr Comment faire un popup dans un DIV ? [ par supergrey ] Bonjour je fait un site sur lequel je veux afficher des miniatures de videos et je voudrais que lorsqu'on clique sur un image ca ouvre la video corres [DEPLACE]PopUp dynamique [ par youda ] bonjours,quelqu'un m'aide svp,je voudrais avoir une solution ou un truc.en effet  j'ai un lien qui ouvre un popup je veut que chaque fois je clique su


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 1,420 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.