Afficher du texte au passage de la souris [Résolu/Fermé]

Signaler
Messages postés
15
Date d'inscription
mardi 22 décembre 2009
Statut
Membre
Dernière intervention
27 décembre 2009
-
Messages postés
267
Date d'inscription
samedi 8 décembre 2012
Statut
Membre
Dernière intervention
28 octobre 2014
-
Bonjour,

Je souhaiterais , lors du passage de la souris sur un mot ou une phrase, que cela révèle du texte.
Par exemple, comme quand on clique pour connection sur www.commentcamarche.net, cela affiche le formulaire de connection. Je ne veux pas de java, je pense que c'est possible en css/html, si ce n'est pas le cas, alors je prends le java :)

Merci de votre !

9 réponses

Messages postés
965
Date d'inscription
samedi 11 octobre 2008
Statut
Membre
Dernière intervention
29 juillet 2010
369
Salut,
peut-etre ce bout de code pourra t'aider mais c'est en javascript.....
<html>
<head>
<script type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
</head>
<title>
</title>
<body>
<a href="" onmouseover="javascript:visibilite('id_div_1'); return false;">lien</a>
<div id="id_div_1" style="display:none;">
Texte à masquer, afficher
</div>

</body>
</html>
@+
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 61326 internautes nous ont dit merci ce mois-ci

Bonjour,
C'est ce que je rechercher! mais juste un petit detail pourrait etre changer?
quand passe avec souris cela apparait, mais est ce qu'on pourrait le cacher dès qu'on enleve la souris??
au lieu de repasser sur le texte...
Merci.
Messages postés
965
Date d'inscription
samedi 11 octobre 2008
Statut
Membre
Dernière intervention
29 juillet 2010
369
Salut,
Cela devrait aire l'affaire!!
<html>
<head>
<script type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
</head>
<title>
</title>
<body>
<a href="" onmouseover="javascript:visibilite('id_div_1'); return false;" onmouseout="javascript:visibilite('id_div_1'); return false;">lien</a>
<div id="id_div_1" style="display:none;">
Texte à masquer, afficher
</div>

</body>
</html>
@+
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 61326 internautes nous ont dit merci ce mois-ci

Messages postés
15
Date d'inscription
mardi 22 décembre 2009
Statut
Membre
Dernière intervention
27 décembre 2009
1
Ok merci chuka ! ton code est tout simplement " parfait " j'peux pas dire mieux :D
Merci encore de ton aide,

SUJET RÉSOLU !
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 61326 internautes nous ont dit merci ce mois-ci

Messages postés
15
Date d'inscription
mardi 22 décembre 2009
Statut
Membre
Dernière intervention
27 décembre 2009
1
up !
Messages postés
15
Date d'inscription
mardi 22 décembre 2009
Statut
Membre
Dernière intervention
27 décembre 2009
1
Merci chuka de ta réponse mais je ne parle pas de title. Je parle d'un texte html qui est caché et quand on passe la souris dessus, le texte html s'affiche :)
Messages postés
965
Date d'inscription
samedi 11 octobre 2008
Statut
Membre
Dernière intervention
29 juillet 2010
369
Autant pour moi....
Messages postés
15
Date d'inscription
mardi 22 décembre 2009
Statut
Membre
Dernière intervention
27 décembre 2009
1
Oh chuka ! ton code est très interessant. Etant nul en JAVA ( plutôt axé html/css/php/mysql ) tu peux faire en sorte que lorsqu'on retire la souris, le message disparaisse ? et le code sera parfait !

Merci d'avance :)
Messages postés
267
Date d'inscription
samedi 8 décembre 2012
Statut
Membre
Dernière intervention
28 octobre 2014
11
bonjour,
je crois que tu te trompes quand tu parles de java. Tu voulais dire javascript ?
Messages postés
965
Date d'inscription
samedi 11 octobre 2008
Statut
Membre
Dernière intervention
29 juillet 2010
369
salut,
un petit exemple simple:
<html>
<head>
<title>
</title>
</head>

<body>
<style type="text/css">
a:hover {content: " (" a(title) ")"};
</style>
<h3>
What is my house worth?</h3>
<div><p>Find the <a href="/" title="Bonjour">value of your home</a> from any of our agents with our competitive market analysis.
</p></div>
</body>
</html>

Apres si tu veux le faire en feuille de style, ben tu lies ta feuille avec le doc html....