Popup infobulle

Commenter

Contenu du snippet

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 / Exemple : 


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()
}

A voir également

S'inscrire maintenant

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.

Du même auteur (hedi_tounsi)