Lien onmouse over

simonlaurent5000 · 04/08/2011, 13h10

Bonjour,

Je suis débutant en Javascript et je recherche à créer un lien qui s'affiche quand on passe la souris dessus

J'ai enfait une photo profil et quand on passe sur la photo av la souris, ca affiche dans la photo : changer sa photo et quand on retire , ca disparait

Merci beaucoup

SpaceFrog · 04/08/2011, 13h18

google => "javascript tooltip"

simonlaurent5000 · 04/08/2011, 13h36

Merci,

Mais ce n'est pas pour créer des bulles d'informations ?

Moi je recherche juste un lien html qui apparait sur la page quand on passe dessus

A mon avis ca doit etre quelque chose de ce style là :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="photos.php?id_user=$_GET[id_user]" onmouseover="fonction();" >Lien</a>

Merci

SpaceFrog · 04/08/2011, 14h13

heu si il n'est pas visible sur ta page comment veux tu que le user fasse un mouseover dessus ?

simonlaurent5000 · 04/08/2011, 14h28

Si ca peut être + parlant, il faut aller voir sur fb sur sa page profil quand on va sur la photo il y a un lien qui apparait =) C'est dans ce style là que j'aimerais

Bien à vous, merci beaucoup

SpaceFrog · 04/08/2011, 14h31

je ne mets jamais et ne mettrais jamais les pieds sur fb ...

NoSmoking · 05/08/2011, 17h34

Bonjour,
pas forcément besoin de javascript

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<title>[...]</title>
<style type="text/css">
div.photo {
  width : 100px;
  height : 100px;
  border : 1px solid #e0e0e0;
}
div.photo a {
  display : none;
}
div.photo:hover a{
  display : inline
}
</style>
</head>
<body>
<div class="photo">
  <a href="le lien" class="cache">le lien</a>
</div>
</body>
</html>

kdmbella · 05/08/2011, 18h29

il me semble que se problème soit facilement gérable en CSS voir les propriété a.hover, visibility ... c'est plus simple

04/08/2011, 13h10	#1
simonlaurent5000 Invité de passage Inscription : juillet 2011 Messages : 20 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : juillet 2011 Messages : 20 Points : 3 Points : 3	Lien onmouse over Bonjour, Je suis débutant en Javascript et je recherche à créer un lien qui s'affiche quand on passe la souris dessus J'ai enfait une photo profil et quand on passe sur la photo av la souris, ca affiche dans la photo : changer sa photo et quand on retire , ca disparait Merci beaucoup
	00

04/08/2011, 13h18	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	google => "javascript tooltip" __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

04/08/2011, 13h36	#3
simonlaurent5000 Invité de passage Inscription : juillet 2011 Messages : 20 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : juillet 2011 Messages : 20 Points : 3 Points : 3	lien on mouseover suite Merci, Mais ce n'est pas pour créer des bulles d'informations ? Moi je recherche juste un lien html qui apparait sur la page quand on passe dessus A mon avis ca doit etre quelque chose de ce style là : Code php : Sélectionner tout - Visualiser dans une fenêtre à part <a href="photos.php?id_user=$_GET[id_user]" onmouseover="fonction();" >Lien</a> Merci
	00

04/08/2011, 14h13	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	heu si il n'est pas visible sur ta page comment veux tu que le user fasse un mouseover dessus ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

04/08/2011, 14h28	#5
simonlaurent5000 Invité de passage Inscription : juillet 2011 Messages : 20 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : juillet 2011 Messages : 20 Points : 3 Points : 3	lien onmouse over Si ca peut être + parlant, il faut aller voir sur fb sur sa page profil quand on va sur la photo il y a un lien qui apparait =) C'est dans ce style là que j'aimerais Bien à vous, merci beaucoup
	00

04/08/2011, 14h31	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	je ne mets jamais et ne mettrais jamais les pieds sur fb ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

05/08/2011, 18h29	#8
kdmbella Membre Expert Demazy Mbella Développeur Web Inscription : août 2010 Messages : 620 Détails du profil Informations personnelles : Nom : Demazy Mbella Localisation : Cameroun Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Produits et services télécom et Internet Informations forums : Inscription : août 2010 Messages : 620 Points : 1 470 Points : 1 470	il me semble que se problème soit facilement gérable en CSS voir les propriété a.hover, visibility ... c'est plus simple __________________ Trois personnes peuvent garder un secret si deux d'entre elles sont mortes. :Benjamin Franklin L'humanité se divise en trois catégories : ceux qui ne peuvent pas bouger, ceux qui peuvent bouger, et ceux qui bougent : Benjamin Franklin Le hasard, c'est le déguisement que prend Dieu pour voyager incognito: Albert Einstein bon je m'arrête là au risque de me faire buter
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email