Afficher une info bulle sur un lien [resolu]

Afficher une info bulle sur un lien [resolu] - HTML/CSS - Programmation

Marsh Posté le 09-10-2003 à 16:29:54    

Je voudrais pouvoir afficher une image flottante quand la souris passe au-dessus d'une autre image, comme sur cette page :
http://www.discovertasmania.com.au [...] SiteID=159
(passez au-dessus des photos).
 
Y'a tellement de JS sur la page, je n'arrive pas à trouver quelle fonction permet de faire cet effet.  [:effisk]  
Quelqu'un peut-il me dire quelle fonction correspond à cet effet ?
 
thanks.
 
Effisk.


Message édité par effisk le 13-10-2003 à 09:23:19
Reply

Marsh Posté le 09-10-2003 à 16:29:54   

Reply

Marsh Posté le 09-10-2003 à 16:48:12    

j'ai essayé ça mais ça ne marche pas :$
Il doit me manquer quelque chose, je sais pas trop quoi...
 
<a href="tellepage.html" ONMOUSEOVER="dcs('<img src=images/nomdelimagequiapparait.gif border=0><br><b>Super</b>'); return true;" ONMOUSEOUT="nd(); return true;">
<IMG src="images/image.jpg" border="0" alt=""></a>

Reply

Marsh Posté le 09-10-2003 à 17:07:44    

Je viens de l'adresse que tu as indiqué, et je ne vois rien moi... Pas d'image qui s'affiche quand je passe sur les trois grandes images...
JS de merde quoi ...

Reply

Marsh Posté le 09-10-2003 à 19:01:58    

<img onmouseouver="this.src='image2.jpg';" onmouseout="this.src="image1.jpg';" src="image1.jpg" />
 
Mais je te conseille de passer par un script qui va préloader les images.

Reply

Marsh Posté le 09-10-2003 à 19:03:14    

et quand y'a trop de JS, le plus simple (et le plus goret) est de recréer chaque script qui merde et l'appeler proprement sans te soucier du reste... ou de tout refaire la page :D

Reply

Marsh Posté le 11-10-2003 à 10:42:40    

thanx magicbuzz, en fait c'est pas exactement ce que je voulais, je veux afficher un truc par dessus l'image.
La source du lien que j'ai donné est un vrai bordel, pas moyen de trouver le JS correspondant dans ce fouillis..

Reply

Marsh Posté le 11-10-2003 à 11:29:03    

effisk a écrit :

thanx magicbuzz, en fait c'est pas exactement ce que je voulais, je veux afficher un truc par dessus l'image.
La source du lien que j'ai donné est un vrai bordel, pas moyen de trouver le JS correspondant dans ce fouillis..


Tu sais, faire apparaitre un div sur un onmouseover, c'est pas sorcier hein... Apprend un peu de JS au lieu de chercher comme un désespéré des choses que tu ne comprends pas et que tu n'es même pas sur de pouvoir utiliser.
En rêgle général, tout ce qui respose sur le onmouseover nécessite un minimum de connaissance en JS et en CSS.

Reply

Marsh Posté le 11-10-2003 à 11:38:26    

bon, j'ai retourné internet et les sites de ressources JS, rien trouvé. Quelqu'un a une idée ?
c'est ca que je veux !!! :,(
http://www.discovertasmania.com.au [...] SiteID=159

Reply

Marsh Posté le 11-10-2003 à 11:46:34    

arrrgh.
 
bon bon, coupable. Ouais, j'suis coupable. J'apprends un peu, mais bon, je fais un peu comme la grenouille de la fable.
Un jour je serais le boeuf moi aussi sans dec'.

Reply

Marsh Posté le 11-10-2003 à 12:13:16    

effisk a écrit :

arrrgh.
 
bon bon, coupable. Ouais, j'suis coupable. J'apprends un peu, mais bon, je fais un peu comme la grenouille de la fable.
Un jour je serais le boeuf moi aussi sans dec'.
 


 
Bon, une petite aide.
 
1) Tu sais comment fonctionne un onmouseover et aussi faire une fonction en javascript ?
 
rappel : onmouseover="fonction();".
 
La fonction :
 

Code :
  1. function(variable(s) passées)
  2. {
  3. corps de la fonction;
  4. }


 
2) Apprend à positionner un div en absolute. (plein de liens un peu partout, et pas dure à faire).
 
3) En JS, apprend à récupérer les coordonnées de la souris.
 
4) En JS, apprend à montrer/cacher un div et à jouer sur le positionnement en passant dynamiquement les coordonnées de la souris.
 
 
C'est une possibilité. Il y en a d'autres, comme jouer sur le alt par exemple...
 
Bref, bosse. Si tu t'y mets, les gens t'aideront.

Reply

Marsh Posté le 11-10-2003 à 12:13:16   

Reply

Marsh Posté le 11-10-2003 à 15:44:58    

Il me semble que ce que tu cherches a faire s'appelle une "info bulle". Si c'est le cas, j'ai trouve ce vieux lien :
http://www.asp-magazine.com/fr/jav [...] es/tr2.htm
Il fonctionne encore, mais je te conseille de changer un peu le code javascript, car il est un peu vieux ...

Reply

Marsh Posté le 13-10-2003 à 09:19:03    

Cerel, c'est exactement ca! une info bulle! je vais changer le titre du post.
J'ai trouve le truc entre temps, j'ai bricole une fonction qui a l'air de pas trop mal marcher...

Reply

Marsh Posté le 13-10-2003 à 09:29:36    

Heuuu... tu sais que l'attribut "title" permet d'attacher une infobulle à un élément, et que c'est standard, et garanti 100% sans Javascript !?

Reply

Marsh Posté le 13-10-2003 à 09:51:53    

El_gringo a écrit :

Heuuu... tu sais que l'attribut "title" permet d'attacher une infobulle à un élément, et que c'est standard, et garanti 100% sans Javascript !?


 
Nan mais t'as pas compris... Lui il veut que son site "pête" (un peu plus haut que...) bon ok, j'arrête... [:ddr555]

Reply

Marsh Posté le 13-10-2003 à 13:17:10    

maaaaaaaaaiiis non pas du tout. Je veux pouvoir intégrer une IMAGE dans mon infobulle, c'est tout. Je sais ce qu'est un attribut title, merci.
 
Et oui,
je veux que mon site pète, normal non ? des sites de merde tout le monde sait faire.

Reply

Marsh Posté le 13-10-2003 à 15:38:14    

effisk a écrit :

maaaaaaaaaiiis non pas du tout. Je veux pouvoir intégrer une IMAGE dans mon infobulle, c'est tout. Je sais ce qu'est un attribut title, merci.
 
Et oui,
je veux que mon site pète, normal non ? des sites de merde tout le monde sait faire.


 
Ce sont les sites qui pètent, les sites de merde généralement...  :whistle:

Reply

Marsh Posté le 13-10-2003 à 16:43:01    

Hermes le Messager a écrit :


 
Ce sont les sites qui pètent, les sites de merde généralement...  :whistle:  


 
Un peu extrêmiste quand même... :pt1cable:  
Après, ça dépend du point de vue. Le point de vue "utilisateur moyen", c'est pas sur que ce soit le même que le tient (ou celui d'un autre développeur). Le compatible W3C, l'utilisateur moyen y s'en tape (attention, je dénigre pas le W3C du tout).


Message édité par El_gringo le 13-10-2003 à 16:44:49
Reply

Marsh Posté le 13-10-2003 à 16:48:00    

El_gringo a écrit :


 
Un peu extrêmiste quand même... :pt1cable:  
Après, ça dépend du point de vue. Le point de vue "utilisateur moyen", c'est pas sur que ce soit le même que le tient (ou celui d'un autre développeur). Le compatible W3C, l'utilisateur moyen y s'en tape (attention, je dénigre pas le W3C du tout).


 
Quand je pense aux sites qui pêtent, je pense surtout aux trucs en flash qui te donne des crises d'epilepsie et aux graphisme hyper lourds qui oblige le client à chercher pendant 2 heures où cliquer pour changer de page.

Reply

Marsh Posté le 13-10-2003 à 16:50:12    

Hermes le Messager a écrit :


 
Quand je pense aux sites qui pêtent, je pense surtout aux trucs en flash qui te donne des crises d'epilepsie et aux graphisme hyper lourds qui oblige le client à chercher pendant 2 heures où cliquer pour changer de page.


 
Ha, ouais, ça y a moyen que ça fasse chier tout le monde, utilisateur moyen compris ! :D

Reply

Marsh Posté le 13-10-2003 à 17:01:20    

El_gringo a écrit :


 
Un peu extrêmiste quand même... :pt1cable:  
Après, ça dépend du point de vue. Le point de vue "utilisateur moyen", c'est pas sur que ce soit le même que le tient (ou celui d'un autre développeur). Le compatible W3C, l'utilisateur moyen y s'en tape (attention, je dénigre pas le W3C du tout).


 
C'est marrant, mais je frequente regulierement des "utilisateurs moyens" et ce qu'ils apprecient le plus dans un site, c'est (outre le contenu) surtout l'ergonomie et la facilite de navigation, meme si le graphisme ne pete pas.

Reply

Marsh Posté le 13-10-2003 à 17:04:58    

cmotsch a écrit :


 
C'est marrant, mais je frequente regulierement des "utilisateurs moyens" et ce qu'ils apprecient le plus dans un site, c'est (outre le contenu) surtout l'ergonomie et la facilite de navigation, meme si le graphisme ne pete pas.
 


 
Tu fréquentes des utilisateurs moyens !? honte à toi. Moi je n'fréquente que des utilisateur haut de gamme !  :sol:

Reply

Marsh Posté le 13-10-2003 à 17:07:38    

El_gringo a écrit :


 
Tu fréquentes des utilisateurs moyens !? honte à toi. Moi je n'fréquente que des utilisateur haut de gamme !  :sol:  


 
[:ddr555]

Reply

Marsh Posté le 13-10-2003 à 17:17:28    

El_gringo a écrit :


 
Tu fréquentes des utilisateurs moyens !? honte à toi. Moi je n'fréquente que des utilisateur haut de gamme !  :sol:  


 
Personne n'est parfait ! [:spamafote]

Reply

Marsh Posté le 14-10-2003 à 06:28:20    

ah, y'a eu mesentente. Quand j'entends "site qui pete",
je pense a un site au graphisme soigne, a la navigation facile, au chargement rapide, compatible avec une majorite de navigateurs, un site classe, propre, net, qui pete quoi :D
 
Bon, je ne pretends pas que mon site pete, mais j'y aspire...


Message édité par effisk le 14-10-2003 à 06:28:52
Reply

Marsh Posté le 14-10-2003 à 11:09:34    

Cerel a écrit :

Il me semble que ce que tu cherches a faire s'appelle une "info bulle". Si c'est le cas, j'ai trouve ce vieux lien :
http://www.asp-magazine.com/fr/jav [...] es/tr2.htm
Il fonctionne encore, mais je te conseille de changer un peu le code javascript, car il est un peu vieux ...


 
euh, ça fait quoi ça ? Je suis sous Mozilla et ça ne fait rien du tout :/
 
Ca doit faire comme là ? http://www.hebus.com/gal.php?id_gal=959&start=0
 
edit : le lien que j'ai donné fonctionne sous Mozilla


Message édité par Mad666 le 14-10-2003 à 11:10:06
Reply

Marsh Posté le 15-10-2003 à 00:53:25    

Citation :

Ca doit faire comme là ? http://www.hebus.com/gal.php?id_gal=959&start=0


Bin ouais...
 
bon de toute facon je connais pas beaucoup d'utilisateurs moyens qui utilisent mozilla, en general ils croient que c'est un remake de "GODZILLA" http://forum.hardware.fr/images/perso/ddr555.gif
http://ia.imdb.com/media/imdb/01/I/14/72/70m.jpg


Message édité par effisk le 15-10-2003 à 00:59:45
Reply

Marsh Posté le 15-10-2003 à 08:48:37    

oué mais par principe ça doit marcher sur le plus de navigateurs possible.
La preuve, sur Hebus ça fonctionne ! ;)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed