Afficher text sur div définit par css sur OnMouseOver lien

Fermé

zhengjiu Messages postés 1 Date d'inscription jeudi 12 décembre 2013 Statut Membre Dernière intervention 12 décembre 2013 - 12 déc. 2013 à 16:59
Utilisateur anonyme - 13 déc. 2013 à 08:00

Bonjour,

j'ai un soucis car je cherche à afficher du texte sur un div fixe définit en css.

j'ai la même chose pour une image qui s'affiche sur le div et qui fonctionne parfaitement.

Mais impossible d'y parvenir pour faire afficher du texte.

J'ai un titre et quand je passe la souris dessus, je désire que le texte explicatif de ce titre s'affiche sur le div définit ('photo').

css :

#conteneur .photo {
  position:fixed;
  top:270px;
  left:90px;
  border:1px solid #FFFFFF;
  background-color:#FFFFFF;
  padding:5px;
  display:none;
  -webkit-box-shadow:0px 0px 5px 2px #666;
     -moz-box-shadow:0px 0px 5px 2px #666;
       -o-box-shadow:0px 0px 5px 2px #666;
          box-shadow:0px 0px 5px 2px #666;
}

et la tentative :

<div id='conteneur'><b><a href='#' onmouseover="document.getElementById('photo').style.display='block'; 

document.getElementById('photo').innerHTML="l'agalactie est l'absence de production de lait après un accouchement."; 

onmouseout="document.getElementById('photo').style.display='none'"> Agalactie</a></b></div>

rien ne s'affiche...

j'ai tenté :

<div id='conteneur'><a href="#"><img class='photo' onMouseOver="javascript:AFFICHE('Voici mon premier texte.')"; OnMouseOut="javascript:AFFICHE('')";>Premier texte</a></div>

mais la déclaration img class fait que j'ai juste un petit carré blanc qui s'affiche....

J'avais trouvé mais est écrasé la page...avec la soluce...

Si vous pouviez m'aider ce serait super sympa !

A voir également:

Afficher text sur div définit par css sur OnMouseOver lien
Lien url - Guide
Verifier un lien - Guide
Créer un lien pour partager des photos - Guide
Css lien non souligné - Astuces et Solutions
Aucune application permettant d'ouvrir ce lien n'a été trouvée - Forum Mobile

3 réponses

Réponse 1 / 3

Utilisateur anonyme
12 déc. 2013 à 19:13

salut, pour quelque chose d'aussi simple je te conseil d'utiliser juste css car si l'internaute a désactiver javascript....sa fonctionne plus

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Page</title>
		<style type="text/css">
			span {
				display: none;
			}
			img:hover + span {
				display: block;
			}
		</style>
	</head>
	<body>
		<img src="img.jpg" alt="" /><span>mon texte</span>
	</body>
</html>

Réponse 2 / 3

Zhengjiu
13 déc. 2013 à 07:55

Ok
Mais ce n est pas l image qui pose probleme mais l affichage du texte recupere au niveau du lien

Réponse 3 / 3

Utilisateur anonyme
13 déc. 2013 à 07:58

le code que je t'ai donné affiche un texte lorsque la souris passe sur la photo

Utilisateur anonyme
13 déc. 2013 à 08:00

c'est la même chose avec un titre, il suffit de changer les balise

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

lien copié

Rajout de lien sur plusieurs pages

Lien phishing android

Comment retrouver des lien copier sur sont téléphone

Discussions similaires

Newsletters