Accueil > Forum > > > > Surligner un lien au passage de la souris sur une image???
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
|
|
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
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|