Survol lien... (onMouse hover)

Bobe · Message par **Bobe** » 23 juin 2004, 13:52

Toto a écrit :http://ljouanneau.com/softs/javascript/tooltip.php

ça, c'est mieux. Juste un truc à améliorer: virer le div vide qui n'a rien à faire dans le document et le générer plutôt avec le DOM.

Bobe · Message par **Bobe** » 23 juin 2004, 13:57

arg, je viens de regarder le code javascript, il y a de la détection de navigateur et des document.all (mais en solution de repli certes)...
Bon bah c'est pas encore la solution.

guilhem_mdg · Message par **guilhem_mdg** » 23 juin 2004, 14:18

Personnellement, j'adore la version du lien communiqué précedemment:
http://www.madaboutstyle.com/tooltip2.html
Cela permet d'alléger le code en utilisant les css ! Et en plus, le rendu est très bien avec IE et Mozilla !

calimo · Message par **calimo** » 23 juin 2004, 14:49

Toto a écrit :http://ljouanneau.com/softs/javascript/tooltip.php

Ce lien est excellent !
Pour la solution CSS, elle est nettement moins bonne en termes d'accessibilité, il faut au moins que tu t'arranges pour que ça fasse un truc correct sous Lynx, et il y aura toujours trop de caractères pour avoir une accessibilité acceptable

DJiK · Message par **DJiK** » 23 juin 2004, 15:08

Pourquoi pas une légende comme ça: http://www.alsacreations.com/articles/affiche/image.htm

guilhem_mdg · Message par **guilhem_mdg** » 23 juin 2004, 15:23

Effectivement le rendu est pas mal mais si l'utilisateur a désactiver le javaScript, rien ne s'affiche...
Tandis que le css lui s'affiche dans tous les cas !
N'êtes vous pas de mon avis ?

calimo · Message par **calimo** » 23 juin 2004, 15:31

Si l'utilisateur a désactivé le javascript, c'est peut-être justement parce qu'il n'a pas envie d'avoir un truc animé comme ça

Et il ne faut pas oublier qu'il est fréquent de désactiver les CSS

guilhem_mdg · Message par **guilhem_mdg** » 23 juin 2004, 15:37

Je ne savais pas que l'utilisateur pouvais désactiver les CSS...
Mais cela est à mon avis moins fréquent que de désactiver le javaScript, non ?
Dans tout les cas, si l'utilisateur désactive le css c'est qu'il est stupide... 8)

Bobe · Message par **Bobe** » 23 juin 2004, 15:45

guilhem_mdg a écrit : Dans tout les cas, si l'utilisateur désactive le css c'est qu'il est stupide... 8)

ça peut aussi être l'auteur qui a fait sa feuille de style comme un goret, sans vérifier ce que ça donnait sous d'autres navigateurs (affichage foireux, illisibilité), auquel cas, ça peut être très utile.

guilhem_mdg · Message par **guilhem_mdg** » 23 juin 2004, 15:48

Oui c'est vrai...
Vous me conseillez donc d'utiliser le code javaScript plutot que le css ?

Elendil · Message par **Elendil** » 01 févr. 2007, 18:22

Bonjour ,
je suis tombé ici en faisant une recherche , ca correspond exactement e ce que je cherche , je voudrait mettre une info bulle au passage de la souris , mais aucune solution décrite si dessous ne fonctionne

merci de m'éclairer...

PS : je sais , ca fait un gros up ^^

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

Message par **myahoo** » 01 févr. 2007, 18:30

Euh... et en regardant le code source de la page que tu lis actuellement, que dis-tu de ça

:

Code : Tout sélectionner

<a href="/faq/"><strong><abbr title="Foire Aux Questions">FAQ</abbr></strong></a>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Elendil · Message par **Elendil** » 01 févr. 2007, 19:05

Code : Tout sélectionner

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link rel="prev" href="viewtopic.php?t=5976&view=previous" title="Voir le sujet précédent" />
<link rel="next" href="viewtopic.php?t=5976&view=next" title="Voir le sujet suivant" />

alors ca , c'est une partie du code source de la page , ca me dit rien , j'ai appris plein de chose depuis que je me suis lancé dans la "conception" d'un site.Si tu crois que j'y met de la mauvaise volonté , tu te trompes , j'ai vraiment envie de comprendre , mais la tu voit ....je voit pas ou tu veut en venir.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

Message par **Benoit** » 01 févr. 2007, 22:25

Le code que tu nous montre ce sont des balises "link" pour les en-têtes précédent/suivant, pas des balises "a" pour des liens normaux. Ce ne serait pas ça ton problème ?

Elendil · Message par **Elendil** » 01 févr. 2007, 23:12

Non BENOIT , je fait reference au message de myahoo... auquel je ne comprend rien , j'ai donc recopier le code de cette page ...

merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

Geckozone

Survol lien... (onMouse hover)

Qui est en ligne ?