Infos bulles persos

Télécharger le projet
Commenter

Description

Le titre en dit long....

J'utilise un filtre qui les rend transparente.
Je change le curseur de la souris.
Ma méthode est plutot simple, je charge une balise DIV en mémoire, l'info bulle en fait. Puis sur le survol d'une balise FONT, je la rend visible.

Le code n'est pas très contraignant à mettre en place, le seul truc, c que le name du FONT doit correspondre à l'ID du DIV...sinon monsieur dhtml il est pas content... :)

Source / Exemple : 


<HTML>
<HEAD>
<SCRIPT>
	
	CreatElem('dereferencement', 0, "Définition C++ : pour accéder à la valeur d'un pointeur...");

	function CreatElem(Id, Longueur, Message) //Si Longueur==0 alors l'info bulle sera automatiquement dimension en fonction de la longeur du message ;)
	{
		var MonStyle = "STYLE='{filter:alpha(opacity=75); position: absolute; visibility: hidden; left: 0; top: 0; font-family: comic sans ms, arial; font-size: 11px; color: #162CAA;	border-width: 2; border-color: skyblue; border-style: dashed; padding: 3; background-color: #CCFAFF; width: "   
		MonStyle += (Longueur == 0)? "'}"  : Longueur + "'}";
		document.write("<DIV width='" + Longueur + "' ID='" + Id + "' " + MonStyle + ">" + Message + "</DIV>");
	}
</SCRIPT>
	<STYLE>
		.LiensAide {cursor: help; color:#2244AA; text-decoration: overline}
	</STYLE>

</HEAD>
<BODY> 

Je me demande ce que <FONT name="dereferencement" class="LiensAide" onMouseOver="RendElemVisible(this.name)" onMouseOut="RendElemInvisible(this.name)">déréférencement</FONT> peut bien vouloir dire ?

<SCRIPT LANGUAGE="JavaScript">
		

function RendElemVisible(Id)
{
	var Elem =  document.all[Id].style;
	Elem.left = event.clientX + 30;
	Elem.top = event.clientY + 5;
	Elem.visibility =  "visible";
}

function RendElemInvisible(Id) 
{
	document.all[Id].style.visibility =  "hidden";
}

</SCRIPT>
</BODY>
</HTML>

Conclusion :


J'ai pas regardé si yavait déjà des sources identiques :)

Bon coding à tous !
Télécharger le projet

Codes Sources

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