Change de phrase lorsque la souris survole un lien
beaf
Messages postés
262
Date d'inscription
Statut
Membre
Dernière intervention
-
un_neurone -
un_neurone -
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
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
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Changer de dns - Guide
- Quelle touche pour débloquer la souris ? - Guide
- Verificateur de lien - Guide
4 réponses
Salut,
Je préviens, je suis un bidouilleur en JS, néanmoins si ça peut aider :
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>
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>
