Problème avec zone cliquable

Fermé
marcelin - Modifié par marcelin le 14/09/2011 à 18:26
 marcelin - 15 sept. 2011 à 10:37
Bonjour, je dispose d'un code javascript qui me permet d'ajouter une zone cliquable dans les marges de mon site web. il marche sauf que lorsque l'on survole la zone, l'icône du curseur indiquant que c'est un lient n'apparait pas. mais le lien marche. pouvez vous m'aider à ajouter cette icône?
merci de votre aide

<script type="text/javascript" >

var largeur_div_milieu = 1050; // largeur de la div centrale pour les calculs
var marge = 5; // Marge entre le bleu et le vert pour eviter d'executer la fonction si on clique juste à la limite
var mouseX;
var status;
// Permet de savoir si il y a une scrollbar dans firefox afin de savoir la largeur précise du site
function checkScrollBar()
{
if(document.documentElement.scrollHeight != window.innerHeight)
return 16
else
return 0
}
// Verifie si la position de la souris permet le clic
function verifyMouseX()
{
if(mouseX<=((windowSize()-largeur_div_milieu)/2)-marge|| mouseX>=((windowSize()-largeur_div_milieu)/2)+largeur_div_milieu+marge)
return true;
else
return false;
}
// Retoune la position X de la souris
function getMouseX(event)
{
var e = event || window.event;
return e.clientX;
}
// Retoune la taille de l'ecran
function windowSize()
{
if (document.all)
{
return document.documentElement.clientWidth;
}
else
{
return window.innerWidth-checkScrollBar();
}
}
document.onmousemove = function(event){
var mouseInfo = document.getElementById('mouseInfo');
mouseX = getMouseX(event);
if(verifyMouseX())
status = " ";
else

status = " ";
};

</script>



1 réponse

Salut,

un lien est fait avec la balise <a>(de anchor = ancre). Si vous n'avez pas de lien vous n'aurez pas d'état au survol. Vous avez une "zone cliquable" qui tient compte de la position de la souris par rapport à la taille de l'écran et en calcule la zone proportionnelle qui doit être cliqué.. donc pas de lien.

En outre :
_à quoi vous sert d'avoir une zone cliquable si elle doit désigner un lien hypertexte? utiliser directement le lien hypertexte.
_les utilisateurs qui bloquent ou n'utilisent pas le javascript ne pourront pas utiliser vos liens, Internet a une politique d'accessibilité à tous. Vous pouvez très bien utilisé les images map html si vos zones ne sont pas rectangulaires ou imbriquer dans le lien(entre les balise <a.. et </a> une image invisible ou de la même couleur que le fond(voire un div) pour agrandir la zone.
0
alors, que me conseillez vous?
0