begin process at 2012 05 30 05:03:19
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Surligner un lien au passage de la souris sur une image???


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Surligner un lien au passage de la souris sur une image???

samedi 12 mars 2005 à 16:49:07 | Surligner un lien au passage de la souris sur une image???

Monico9385

Bonjour,

je vous écris car j'ai une image et un lien qui sont cote a cote, et j'aimerai que quand l'on survole l'image, le lien se souligne. Je précise que mon lien est définit par un css, donc par defaut il n'est pas surligne, et quand on passe dessus il se surligne.

voila, je me doute que ca doit etre simple, qu'il faut passer par un onmouseover, mais je sais pas comment faire.

Je vous remercie d'avance


samedi 12 mars 2005 à 16:58:29 | Re : Surligner un lien au passage de la souris sur une image???

tucsoufle

salut,
tu ne peut pas faire un hover sur ton lien dans ton css ?

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet

samedi 12 mars 2005 à 17:08:26 | Re : Surligner un lien au passage de la souris sur une image???

Monico9385

Bah le hover il  marche, mais je voudrai une relation entre l'image et le lien. Quand on passe sur l'image,  le lien doit se surligner.


samedi 12 mars 2005 à 17:14:27 | Re : Surligner un lien au passage de la souris sur une image???

tucsoufle

tu doit mettre un id à ton lien
<a href="toto.php" id="id_lien">lien</a>
et puis au onmouseover sur ton image, tu fait
window.document.getElementById("id_lien").style.backgroundColor = "#ff0000";

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet

samedi 12 mars 2005 à 17:25:41 | Re : Surligner un lien au passage de la souris sur une image???

Monico9385

Euh je suis désolé, mais j'ai vraiment du mal en javascipt.

Alors voila ce que je fais:

<img src="Images/News.gif" class="lien_image" onMouseOver="window.document.getElementById("id_lien_news").style.backgroundColor = "#ff0000";">

 <a href="news.php" class="lien_bleu" id="id_lien_news">Voir les news</a><br>

Donc pour info, class='lien image", c'est juste pour que mon image ne soit pas entoure, et le class='lien_bleu', c'est comme j'ai dit pour que ce ne soit pas surligne, et que ca se surligne quand on passe au dessus.

Mais le probleme c'est que ca marche pas.
Est ce qu'il faut mettre ca entre les balises javascript, parce que la c'est pas le cas.

Ah oui, et je voudrai que quand je clique sur l'image ca me redirige vers news.php. Est ce que pour ca je dois placer mon image entre des <a href>?

Merci et désolé d'etre aussi mauvais...

samedi 12 mars 2005 à 17:55:38 | Re : Surligner un lien au passage de la souris sur une image???

tucsoufle

essai plutot ça 
<script>
function surlignage()
{
window.document.getElementById("id_lien_news").style.backgroundColor = '#ff0000';   
}
</script>

<img src="Images/News.gif" class="lien_image" onMouseOver="surlignage()">
 <a href="news.php" class="lien_bleu" id="id_lien_news">Voir les news</a><br>

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet

samedi 12 mars 2005 à 18:05:31 | Re : Surligner un lien au passage de la souris sur une image???

Monico9385

Euh ouai ca marche, enfin pour le background.

Moi je fais ca : window.document.getElementById("id_lien_news").style.text-decoration:underline;

et ca marche pas ???


samedi 12 mars 2005 à 18:14:40 | Re : Surligner un lien au passage de la souris sur une image???

tucsoufle

d'accord, donc ce que tu veut c'est souligner et pas surligner !!! nuance
dans ce cas, il faut faire ça :
window.document.getElementById("id_lien_news").style.textDecoration = "underline";

voila
@+

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet

samedi 12 mars 2005 à 18:26:07 | Re : Surligner un lien au passage de la souris sur une image???

Monico9385

Désolé pour l'appellation.

Bon c'est génial ca marche. Par contre il faudrai que je fasse ca pour 3 images sur ma page, avec donc 3 liens diférents. Est ce que je dois créer une fonction pour chaque, ou alors est ce que je peux regrouper???


samedi 12 mars 2005 à 18:55:01 | Re : Surligner un lien au passage de la souris sur une image???

tucsoufle

nan tu n'a besoin que d'une fonction
tu peut passer l'id du lien en parametres a la fonction et dans la fonction tu la recupere

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet


1 2

Cette discussion est classée dans : image, passage, lien, souris, surligner


Répondre à ce message

Sujets en rapport avec ce message

affichage photo au passage d'une souris [ par lilyvirus ] bonjour,j'aimerai afficher une photo au passage de la souris sur un lien (lien survolé donc)J'aimerai que cette photo soit juste à coté du lien comme Peux ton faire jouer un son au passage de la souris [ par ZeDarkness ] Salut à tous,Voilà , je suis vraiment un newfie dans le javascript et le reste aussi d'ailleurs , hiihihi.Mais j'aimerais savoir si c'est possible de Afficher 2 images au passage de la souris sur une image [ par Monico9385 ] Bonjour, alors voila mon probleme. J'aimerai qu'au passage de la souris sur une imge, cela m'ouvre cette image en plus grand, et au meme moment que c Son au passage de la souris [ par hugo37 ] Bonjour à toutes et à tous! Je construit un site avec beaucoup de dhtml et de java et j'ai un petit soucis parceque je n'arrive pas à faire en sorte q Problème: Rollover sur une zone précise de l'image [ par Sp00ky ] Bonjour à toutes et à tous, Voilà j'aimerais faire un rollover partiel sur une image... c'est à dire en utilisant les zones (areas) d'une image comme agrandissement d'image au passage de la souris [ par jimmy28 ] Salut a tous,Voilà, j'ai trouvé il y a quelques temps, un bout de code qui me permettait d'agrandir une image au passage de la souris sur sa miniature Zoom d'image PROPRE au passage de la souris [ par SoundBoy771 ] Bonjour à tous !Après quelques recherches infructueuses sur google, je me tourne vers vous ^^.Je chercher un bout de code qui permet de faire un zoom image change au passage de la souris [ par sonialand ] salut tout le monde,est ce que qqun pourra me dire comment je dois faire pour changer l'image au passage de la souris?merci :) Effet loupe popup au passage de la souris [ par tendres ] Bonjour, J'aimerai utiliser un système de zoom dans une popup au passage de la souris sur une image/photo dans n'importe quel format (portrait /paysa Survolé une image au passage de la souris [ par danielm81 ] Bonjour les amis ! je n'arrives pas à faire survolé ma image1 par une autre image2 qui deviendrait un lien pour une autre page web au passage de la so


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,374 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales