Forum Clubic

[html/javascript] Information au survol d'un lien

bonsoir

je voudrais qu’au survol des liens de mon menu, des information concernant le lien survolé s’affichent dans dans un tableau situé plus haut

c’est possible, si oui quel language utilisé et surtout comment?

merci

si ton menu est en html tu peux utiliser la proprieté onMouseOver/onMouseOut et via javascript afficher des infos ailleurs…

Exemple de code:


<html>
<head>
<title>test</title>
<script language="javascript">
	function affiche()
	{
	element = document.getElementById("div1");
	element.style.visibility="visible";
	}
	function cache()
	{
	element = document.getElementById("div1");
	element.style.visibility="hidden";
	}
</script>
.c1{
position:absolute;
top:50px;
left:50px;
font-weight:bold;
font-size:40px;
color:red;
visibility:hidden;
border: 1px solid #200;
background: #eed;
}
</style>
</head>
<body>
<a href="www.google.fr" onMouseOver="affiche();" onMouseOut="cache()">Lien</a>
<div id="div1" class="c1">Infos</div>
</body>
</html>


je pense pas que ça pourra marcher en faisant comme ça car le contenu du site est au centre de la page, du coup celon les resolutions d’ecran les infos ne seront pas au meme endroit ce risque de pas le faire

php peut pas faire ce genre de trucs??
au survol j’affecte une valeur (l’info que je veu afficher) a une variable que j’affiche a l’endroit que je veux.

enfin je dit sa je c meme pas si ya des fonction avec le survol des lien en php donc jdit peut etre n’importe quoi

merci

N’importe quoi en effet, php s’exécute côté serveur et n’a donc aucun moyen de réagir à un événement de navigateur.
(sauf dans le cas particulier d’AJAX qui utilise les techniques XHR et javascript)

Oui, la seule solution c’est Javascript/css. Donc le code de popolof a l’air au poil. :wink:
Pour ton problème de position, il faut passer à une position relative au lieu de absolute.

Oui rien ne t’empeche de mettre le div dans un tableau:

<table><tr>td><div id="c1"></div></td></tr></table>

Bonjour,
j’ai testé le script proposé mais aimerai que lors du chargement de la page, il soit en mode caché et pas en mode affiche.

Que rajouter pour ce faire ?

D’avance merci,

propriété CSS : visibility:hidden

puis pour l’afficher en javascript, suffit de mettre cette propriété à visible (si mes souvenirs sont bons).

Merci bien. Mais en un peu moins ésotérique, ça donnerait ?

Parce que le visibility:hidden est déjà dans

.c1{
position:absolute;
top:50px;
left:50px;
font-weight:bold;
font-size:40px;
color:red;
visibility:hidden;
border: 1px solid #200;
background: #eed;
}

donc qu’entends-tu par :

?

Au plaisir,