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

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 485 fois - Téléchargée 27 fois

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

Ajouter un commentaire Commentaires
Messages postés
2106
Date d'inscription
mercredi 21 août 2002
Statut
Contributeur
Dernière intervention
15 novembre 2020
2
Je cherche un script similaire mais ki serait dans une DIV de mon interface (DIV fixe bien evidement et non pas à afficher a X pixel du click)

Ou puis-je trouver ce genre de script ?

Merci
Messages postés
2
Date d'inscription
lundi 13 janvier 2003
Statut
Membre
Dernière intervention
19 juillet 2004

J'ai longtemps chercher un code de type Tip Text.
J'ai trouvé .. et franchement chapeau.

Y a pas mieux
Messages postés
190
Date d'inscription
lundi 25 novembre 2002
Statut
Membre
Dernière intervention
22 décembre 2009

quelques petits bugouilles (du style y a un gros div en dessous du champ mais bon c pas tres tres important) sinon ca marche du feu de dieu

BRAVO
Messages postés
25
Date d'inscription
jeudi 19 septembre 2002
Statut
Membre
Dernière intervention
2 décembre 2009

Voila c modifié !!!! il marche maintenant;j'avais oublié un truc a rajouter pr les liens.... on n'est pa obligé de mettre BLANK en target .. (ca va de soi?..)

Shibby everybody

Dude Inc. </e7kv4uv>

<..:: WwW.TheLombric.FR.ST ::..>
Messages postés
25
Date d'inscription
jeudi 19 septembre 2002
Statut
Membre
Dernière intervention
2 décembre 2009

Voila c modifié !!!! il marche maintenant;j'avais oublié un truc a rajouter pr les liens.... on n'est pa obligé de mettre BLANK en target .. (ca va de soi?..)

Shibby everybody

Dude Inc. </e7kv4uv>

<..:: WwW.TheLombric.FR.ST ::..>
Afficher les 8 commentaires

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.