Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Info-bulle en fondu et cadrée.

Script posté par :

pmn@ntes
Vous aussi, postez vos scripts en cliquant ici.

Description

Voici une info-bulle qui apparaît et disparaît en fondu et qui reste dans le cadre de la fenêtre quelque soit la position du lien sur la page.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 3 et +
	Internet Explorer : 4 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 5/05/2006
Dernière modif : -
Visites de la page : 36684
Envois par mail : 773

Exemple :

Pour tester la bulle, passez votre souris sur ce lien !

Le code :

Entre <BODY> et </BODY> :

Dans un fichier nommé bull_Info.js placé dans le même repertoire que votre page :

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

if(navigator.appName.substring(0,3) == "Net")
	document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = get_mouse

var textBull,transp,transpOmbr,Opac=0,OpacOmbr=0,bull=0,afBul=0
var effac=setTimeout('infBul(0)',9000)

if (ie4){
var PolicText    = 'Gautami,Square721 BT,Trebuchet MS,System,Arial,Tahoma'
}
else {
var PolicText    = 'Arial,Tahoma,Verdana'
}

function get_mouse(e){
	x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft
	y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop
	    PosBullHoriz = x
	    PosBullVerti = y
}

function infBul(arg){
      if (arg != 1){
            argOp = arg
            if (arg != 0 && afBul == 0){
                  setTimeout('afBul=1',200)
                  setTimeout('infBul(argOp)',400)
            }

if (ie4){
                  if (afBul == 1 && arg != 0 && Opac < 100){
                        Opac += 2
                        transp = 'filter: alpha(opacity='+Opac+')'
                        if (Opac < 10){
                              OpacOmbr = 0
                              transpOmbr = 'filter: alpha(opacity='+OpacOmbr+')'
                        }
                        if (OpacOmbr < 20 && Opac > 30){
                              OpacOmbr += 2
                              transpOmbr = 'filter: alpha(opacity='+OpacOmbr+')'
                        }
                        setTimeout('infBul(argOp)',1)
                  }
                  if (arg == 0 && Opac > 0){
                        Opac -= 2
                        transp = 'filter: alpha(opacity='+Opac+')'    
                        if (OpacOmbr > 0 && Opac < 80){
                              OpacOmbr -= 2
                              transpOmbr = 'filter: alpha(opacity='+OpacOmbr+')'
                        }
                        setTimeout('infBul(argOp)',2)
                  }
                  scrollPag = document.body.scrollTop
            }
            else {
                  if (afBul == 1 && arg != 0 && Opac < 10){
                        Opac ++
                        valOpac = '.'+Opac
                        if (Opac == 10){
                              valOpac = Opac
                        }
                        transp = '-moz-opacity: '+valOpac+''
                        if (Opac < 2){
                              OpacOmbr = 0
                              valOpacOmbr = '.'+OpacOmbr
                              transpOmbr = '-moz-opacity: '+valOpacOmbr+''
                        }
                        if (OpacOmbr < 2 && Opac > 4){
                              OpacOmbr ++
                              valOpacOmbr = '.'+OpacOmbr
                              transpOmbr = '-moz-opacity: '+valOpacOmbr+''
                        }
                        setTimeout('infBul(argOp)',50)
                  }
                  if (arg == 0 && Opac > 0){
                        Opac --
                        valOpac = '.'+Opac
                        transp = '-moz-opacity: '+valOpac+''
                        if (OpacOmbr > 0 && Opac < 8){
                              OpacOmbr --
                              valOpacOmbr = '.'+OpacOmbr
                              transpOmbr = '-moz-opacity: '+valOpacOmbr+''
                        }
                        setTimeout('infBul(argOp)',60)
                  }
                  scrollPag = window.pageYOffset
            }
            larg_ecran = document.body.clientWidth
            haut_ecran = document.body.clientHeight
            if (arg != 0){
                  limitEcran = scrollPag + haut_ecran
                  PosHoriz = PosBullHoriz + 10
                  PosVertic = PosBullVerti + 20
                  textBull = argOp
            }
      }
      else {
            Opac = 0
      }
      
leCadr = '<table border="1" cellpadding="1" cellspacing="0" style="border:1px solid #786654; border-collapse: collapse; font-weight: normal; font-family: '+PolicText+'; font-size: 11px; color: #FFFFFF; '+transp+'; " bgcolor=#494B5D><tr><td><nobr>&nbsp; '+textBull+' &nbsp;</nobr></td></tr></table>'
l_Ombr = '<table border="0" cellpadding="0" cellspacing="0" style="border:0px solid #A2A2A2; border-collapse: collapse; font-weight: normal; font-family: '+PolicText+'; font-size: 11px; color: #ffffff; '+transpOmbr+'; " bgcolor=#000000><tr><td><nobr>&nbsp; '+textBull+' &nbsp;</nobr></td></tr></table>'

if (afBul == 1){
            if (Opac == 0){
                  document.getElementById("leTest").innerHTML = ""
                  document.getElementById("leTest").style.visibility = 'hidden'
                  document.getElementById("leTestO").innerHTML = ""
                  document.getElementById("leTestO").style.visibility = 'hidden'
                  bull = 0
                  afBul = 0
            }
            else {
                  document.getElementById("leTest").innerHTML = leCadr
                  document.getElementById("leTest").style.visibility = 'visible'
                  document.getElementById("leTestO").innerHTML = l_Ombr
                  document.getElementById("leTestO").style.visibility = 'visible'
                  largBull = document.getElementById("leTest").offsetWidth
                  hautBull = document.getElementById("leTest").clientHeight
                  limiteVert = PosBullVerti + hautBull + 26
                  if (((PosBullHoriz + largBull + 4) > larg_ecran)&&(limiteVert > limitEcran)){
                        PosHoriz = larg_ecran - (largBull + PosBullHoriz) + (PosBullHoriz - 4)
                        PosVertic = PosVertic - 50
                  }
                  if (((PosBullHoriz + largBull + 4) > larg_ecran)&&(limiteVert <= limitEcran)){
                        PosHoriz = larg_ecran - (largBull + PosBullHoriz) + (PosBullHoriz - 4)
                  }
                  if (((PosBullHoriz + largBull + 4)<= larg_ecran)&&(limiteVert > limitEcran)){
                        PosVertic = PosVertic - 30
                  }
                  if (bull == 0){
                        document.getElementById("leTest").style.top = PosVertic
                        document.getElementById("leTest").style.left = PosHoriz
                        document.getElementById("leTest").style.zIndex = 1000
                        document.getElementById("leTestO").style.top = PosVertic + 6
                        document.getElementById("leTestO").style.left = PosHoriz + 7
                        document.getElementById("leTestO").style.zIndex = 999
                        bull = 1
                        clearTimeout(effac)
                        effac=setTimeout('infBul(0)',9000)
                  }
            }
      }
}

function sourisPress(){
      infBul(1)
}

document.onmousedown = sourisPress

setTimeout('infBul(0)',600)

document.write('<div ID="leTest" style=position:absolute></div><div ID="leTestO" style=position:absolute></div>')

/*
pmn@ntes - 01 mai 2006
pinard.m_ _ _@_ _ _nantes.fr
*/

Si vous ne savez pas comment créer le fichier bull_Info.js, demandez a recevoir le script par email, il vous sera alors envoyé en pièce jointe ! Sinon, consultez la FAQ du site.

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

Pas d'annotation pour ce script.
>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Commission Junction
Nouvelle plateforme en France, mais N°1 aux USA !
https://www.cj.com/fr/hom...

Cat : Affiliation - publicité
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

65967 membres
4636 comptes CountUs
1842 comptes myCircle

LES FORUMS :

14 forums
40359 topics
191688 messages
>> Les forums

SONDAGE

La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi