L'infobulle ; ca c fort (maj le 11/4/03)

Commenter

Contenu du snippet

je l'utilisais aussi ds mes lettres de niouzez

visitez www.thelombric.fr.st

ahh, le code est big, ms il en vaut le coup

modifiez la taille de la DIV (415x15)
ce script est super parametrable

pour vos liens n'oubliez pa la ligne :

Source / Exemple : 


/// Pour vos liens, inserez la ligne SUIVANTE !

<a href="http://www.thelombric.fr.st" onmouseout="hideticker()" onmouseover="showmessage('TheLombric.fr.st est un site de jeux et pa ke de ca....')" target="_blank">

/// INSEREZ CE QUI SUIT DANS LE BODY

<DIV style="width: 415; height: 15">
  <p align="left"><font face="Graphite Light"><br>
  </font>
</DIV>
<DIV id=tickerbg style="POSITION: absolute"></DIV>
<DIV id=ticker style="POSITION: absolute"></DIV><STRONG>
<FONT size=3>
<SCRIPT>
<!-- 
// Description Lien Info Bulle
// Ecrit par Dude 2003

// La largeur de l'infobulle.
var tickerwidth=321
// La hauteur de l'infobulle.
var tickerheight=41
// La distance entre le bord et le texte.
var tickerpadding=6
// La largeur du bord.
var borderwidth=1
// La police de caractères.
var fnt="Graphite Light"
// La taille du caractère.
var fntsize=10
// La taille du dernier caractère .
var fntsizelastletter=10
// La couleur des caractères.
var fntcolor="336699"
// La couleur du dernier caractère.
var fntcolorlastletter="00AA00"
// La graisse du dernier caractère de 1 à 9 (gras).
var fntweight=9
// La couleur d'arrière-plan de l'infobulle.
var backgroundcolor="FFff00"
// Le temps de pause entre les messages.
var standstill=2000
// La vitesse (plus = moins vite).
var speed=1
// La distance horizontale entre le lien et l'infobulle.
var xdistance=30
// La distance verticale entre le lien et l'infobulle.
var ydistance=10

///////////////////////////////////////////////
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100

function getmessagebackground() {
	messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
	messagebackground+="&nbsp;</td></tr></table>"
}

function getmessagecontent() {	
	messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
	messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"	
	messagecontent+="<font color='"+fntcolor+"'>"
	messagecontent+=messagepresubstring
	messagecontent+="</font>"
	messagecontent+="</span>"
	messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>"	
	messagecontent+="<font color='"+fntcolorlastletter+"'>"
	messagecontent+=messageaftersubstring
	messagecontent+="</font>"
	messagecontent+="</span>"
	messagecontent+="</td></tr></table>"
}

function showticker() {
	if (i_substring<=message.length-1) {
	i_substring++
	i_presubstring=i_substring-1
	if (i_presubstring<0) {i_presubstring=0}
        messagepresubstring=message.substring(0,i_presubstring)
        messageaftersubstring=message.substring(i_presubstring,i_substring)
	getmessagecontent()
	if (document.all) {
	ticker.innerHTML=messagecontent
	timer=setTimeout("showticker()", speed)
	}
	if (document.layers) {
	document.ticker.document.write(messagecontent)
	document.ticker.document.close()
	timer=setTimeout("showticker()", speed)
	}
	}
	else {
	clearTimeout(timer)
	}
}

function hideticker() {
	clearTimeout(timer)
	i_substring=0
	i_presubstring=0
	if (document.all) {
	document.all.ticker.style.visibility="hidden"
        document.all.tickerbg.style.visibility="hidden"
	}
	if (document.layers) {
	document.ticker.visibility="hidden"
        document.tickerbg.visibility="hidden"
	}
}

function showmessage(linkmessage) {
	getmessagebackground()
	message=linkmessage
   	i_substring=0
	i_presubstring=0
	leftposition=x+xdistance
	topposition=y+ydistance
	if (document.all) {	
	document.all.ticker.style.posLeft=leftposition
	document.all.ticker.style.posTop=topposition
	document.all.tickerbg.style.posLeft=leftposition
	document.all.tickerbg.style.posTop=topposition
	tickerbg.innerHTML=messagebackground
        document.all.ticker.style.visibility="visible"
        document.all.tickerbg.style.visibility="visible"
	showticker()
	}
	if (document.layers) {
        document.ticker.left=leftposition
	document.ticker.top=topposition
	document.tickerbg.left=leftposition
	document.tickerbg.top=topposition
	document.tickerbg.document.write(messagebackground)
	document.tickerbg.document.close()
        document.ticker.visibility="visible"
        document.tickerbg.visibility="visible"
	showticker()
	}
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// -->
</SCRIPT>

Conclusion :


tout ds le body !!!

en fait c mon premier jour sur javascriptfr alors vive ce site !!!

shibby
Dude Inc. </e7kv4uv>

<..:: WwW.TheLombric.FR.ST ::..>

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