Foros del Web - Ver Mensaje Individual

neodani · #1 (**permalink**) 06/12/2010, 04:32

Buenas,

Tengo un problema con este script he conseguido que funcione casi como quiero, pulsas sobre la bandera y te muestra un menu escondido para que marques otro idioma, sin embargo solo se cierra cuando se vuelve a pulsar sobre la bandera.

Se puede hacer que también se cierre si se pulsa fuera, en cualquier otro lugar de la página?

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="es" xmlns="http://www.w3.org/1999/xhtml" lang="es"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="es">
<link rel="stylesheet" type="text/css" href="reset-fonts-grids.css"> 
<link rel="stylesheet" type="text/css" href="common.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     <script language="javascript">
     $(document).ready(function() {
          $('#menutoggle').click(function() {
               if ($('#lngMenu').is(":hidden"))
               {
                    $('#lngMenu').fadeIn('fast');
               } else {
                    $('#lngMenu').fadeOut('fast');
               }
               return false;
          });
     });
     </script>
</head>
<body>
<img id="menutoggle" src="es.gif" alt="Language" height="11" width="16">
<ul style="-moz-user-select: none; display: none; top: 63px; left: 656.5px;" id="lngMenu" class="contextMenu">
  <li class=""><a href="http://www.mindomo.com/login.htm?lang=en">English</a></li> 
  <li><a href="http://www.mindomo.com/login.htm?lang=de">Deutsch</a></li> 
  <li><a href="http://www.mindomo.com/login.htm?lang=es">Español</a></li> 
  <li><a href="http://www.mindomo.com/login.htm?lang=fr">Français</a></li> 
  <li><a href="http://www.mindomo.com/login.htm?lang=it">Italiano</a></li> 
  <li><a href="http://www.mindomo.com/login.htm?lang=se">Svenska</a></li> 
</ul> 
</body>
</html>

Muchas gracias de antemano!