La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  [résolu]Lien qui clignote
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: [résolu]Lien qui clignote  (Lu 1963 fois)
[résolu]Lien qui clignote
« sur: le 12-10-2008 a 17:16:25 »
Tuxie
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 23





Voir le Profil    WWW
Répondre avec citation

Bonjour,

Pour mon premier essai en JavaScript, j'ai voulu faire un menu déroulant.
Le principe : une image où, lorsque l'internaute positionne le curseur, un menu se déroule de gauche à droite.
Le problème : lorsque l'on passe la souris de l'image sur le menu, le lien qui correspond clignote très vite, ce qui est affreux à l'affichage.

Merci pour votre aide.

Voici mon script :

<head>
  <meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>test</title>
  <style type="text/css">
#menu_pal li:hover > .sous_menu {display : block; background-color: red;}
  </style>
  <script type="text/javascript">
<!--
window.onload=affiche;
function affiche(id)
{
for (var i = 1; i<=4; i++) {
if (document.getElementById('ssmenu'+i))
{document.getElementById('ssmenu'+i).style.display='none';}
}
if (document.getElementById(id))
{document.getElementById(id).style.display='block';}
}
//-->
  </script>
</head>
<body
style="direction: ltr; background-image: url(../images/Green.jpg);">
<div>
<ul id="menu_pal">
  <div style="position: absolute; width: 200px;"
onmouseover="javascript:affiche('ssmenu1');"
onmouseout="javascript:affiche('');">
  <a href="#"><img src="../images/menu.gif"
border="0"></a></div>
  <ul style="font-weight: bold; color: rgb(0, 0, 102);"
id="ssmenu1">
    <div style="position: absolute; top: 50px; left: 150px;"><a
href="carriere.html" style="text-decoration: none;">Sa
carrière</a></div>
  </ul>
</ul>
</div>
</body>

« Dernière Édition: le 16-10-2008 a 10:17:35 par Tuxie » Rapporter au modérateur  

Re:Lien qui clignote
« Répondre #1 sur: le 14-10-2008 a 10:40:13 »
Tuxie
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 23





Voir le Profil    WWW
Répondre avec citation

Bon, j'ai réussi à faire que le lien ne clignote plus (j'ai déplacé la fin de la première balise div).
Par contre, j'ai un autre problème : la zone "à cliquer" pour faire apparaître le menu ne se concentre pas sur l'image. Si j'approche la souris par la droite, le menu apparait même si je n'ai pas atteint l'image. Dans le code, si je restreint la zone en pixels pour qu'elle ait la largeur de l'image, le menu n'apparait pas. Quelqu'un a-t-il une solution ?

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg