Popup infobulle

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 054 fois - Téléchargée 18 fois

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

Ajouter un commentaire

Commentaires

Messages postés
15
Date d'inscription
mercredi 18 mai 2005
Statut
Membre
Dernière intervention
14 juillet 2009

ça ne marche pas avec les deux
Messages postés
6
Date d'inscription
dimanche 2 mars 2008
Statut
Membre
Dernière intervention
26 avril 2008

mais ça marche avec internet explorer mais avec Firefox non

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.