Change de phrase lorsque la souris survole un lien

Fermé

beaf Messages postés 262 Date d'inscription mardi 17 octobre 2006 Statut Membre Dernière intervention 26 août 2015 - 31 déc. 2012 à 13:20
un_neurone - 31 déc. 2012 à 19:27

Bonjour,

je voudrais faire changer des phrases lorsque je fait survoler ou pointer un lien hypertexte par la souris.

Par exemple:

lien 1 : affiche " Restaurant et une image représentant une table"

lien 2: affiche " Discothèque et une petite illustrant une discothèque "

Lien 3 : affiche " Conférence et une image illustrant une salle de conférence "

Nb: les informations du lien 1, s'affiche par default

Merci

A voir également:

Change de phrase lorsque la souris survole un lien
Verifier un lien - Guide
Lien url - Guide
Créer un lien pour partager des photos - Guide
Quelle touche pour débloquer la souris ? - Guide
Piratage facebook changer mot de passe - Guide

4 réponses

Réponse 1 / 4

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
31 déc. 2012 à 16:00

Salut,

Je préviens, je suis un bidouilleur en JS, néanmoins si ça peut aider :

<script type="text/javascript">
function change(id,texte){
var teste = document.getElementById(id);
teste.innerHTML=texte;
}
function restor(id,texte){
var teste = document.getElementById(id);
teste.innerHTML=texte;
}
</script>

<a id="1" href="#" onmouseover="change(1,'Restaurant et une image représentant une table')"; onmouseout="restor(1,'Texte 1');">Texte 1</a>
<br/>
<a id="2" href="#" onmouseover="change(2,'Conférence et une image illustrant une salle de conférence')"; onmouseout="restor(2,'Texte 2');">Texte 2</a>

Réponse 2 / 4

max103 Messages postés 25 Date d'inscription jeudi 5 avril 2012 Statut Membre Dernière intervention 31 décembre 2012
31 déc. 2012 à 16:36

Salut,

Je ne pense point que c'est possible.

Réponse 3 / 4

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
31 déc. 2012 à 18:01

Je pense le contraire :) sauf si je me plante encore ^^:

function affiche(texte,image){
	//on affiche ou
	var teste = document.getElementById("image1");

	//par defaut
	if(texte == undefined && image == undefined){
		image = 'restaurant.jpg';
		texte = 'Restaurant';
		//on affiche		
		teste.innerHTML='<img src="'+image+'"/><br/>'+texte;
	}
	else{
		//on affiche
		teste.innerHTML='<img src="'+image+'"/><br/>'+texte;
	}
}
setTimeout("affiche()",100);

<a href="#" onmouseover="affiche('Restaurant','restaurant.jpg')";>Lien 1</a>
<br/>
<a href="#" onmouseover="affiche('Conférence','conference.jpg')";>Lien 2</a>

<div id="image1"></div>

Réponse 4 / 4

un_neurone
31 déc. 2012 à 19:27

tu peux faire ça facilement en jquery

<script>

$("image1").onmouseover(function(){
$("id_du_texte").text("<b>coucou</b>");
});

</script>

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

compte facebook piraté et adresse email changé

Rajout de lien sur plusieurs pages

lien copié

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

Discussions similaires

Newsletters