Error javascript: No se puede mover el foco (IE)
Publicado: 30 Jul 2011, 22:12
Buenas, como he comentado en anteriores ocasiones estoy haciendo un foro de cero, estoy implementando dos estilos visuales (SEO y X-Treme). El primero ya esta implementado y funciona todo correctamente.
En la implementacion del segundo me he encontrado con algun problema. He añadido un panel flotante en la parte superior de la pagina con un bloque de logueo, otro de registro y otro de Facebook Connect.
Me pasa lo siguiente... una vez implementada el panel flotante, al ir a la pagina de login me da un error javascript, solo en el nuevo estilo y con el navegador IE8:
He probado a comentar la llamada al panel flotante para que no se muestre si es IE pero me sale el contenido de la misma desperdigado por la pagina. He usado estas clausulas:
Pongo el contenido del panel que es un HTML normal:
Y la llamada a dicho HTML realizada desde "overall_header.html":
Además de esto las imagenes de "Conectate a Facebook" no se muestran en este estilo con IE, con Firefox si y con el otro tema (SEO) tambien (en los 2 navegadores) pero bueno, eso he desistido y las he ocultado.
Edito: El enlace del error es este: http://elbardealktodostemen.net/foro5/u ... mode=login (con IE)
Un abrazo y gracias anticipadas.

En la implementacion del segundo me he encontrado con algun problema. He añadido un panel flotante en la parte superior de la pagina con un bloque de logueo, otro de registro y otro de Facebook Connect.
Me pasa lo siguiente... una vez implementada el panel flotante, al ir a la pagina de login me da un error javascript, solo en el nuevo estilo y con el navegador IE8:
Código: Seleccionar todo
Línea: 711
Error: No se puede mover el foco hacia el control porque el control es invisible, no está habilitado o es de un tipo que no acepta al foco.
Código: Seleccionar todo
<!--[if !IE]>-->
<![endif]-->
Código: Seleccionar todo
<!--
Copyright 2009 Jeremie Tisseau
"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
http://www.gnu.org/licenses/gpl-3.0.html
-->
<!-- stylesheets -->
<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
<!-- PNG FIX for IE6 --><!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
<!--[if lte IE 6]>
<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
<![endif]-->
<!-- jQuery - the core -->
<script src="js/jquery.js" type="text/javascript"></script>
<!-- Sliding effect -->
<script src="js/slide.js" type="text/javascript"></script>
<!-- Panel -->
<div id="toppanel">
<div id="panel">
<div class="content clearfix">
<div class="left">
<h1>{L_BAR_WELCOME_TO}</h1>
<h1>{L_BAR_DE_ALK}</h1>
<h2>{L_BAR_FOLLOW_OPTIONS}</h2>
<p class="grey">{L_BAR_INFO}</p>
</div>
<div class="left">
<!-- Login Form -->
<form action="{S_LOGIN_ACTION}" method="post">
<div class="gensmall" colspan="2" align="center"><span class="error">{LOGIN_ERROR}</span></div>
<h1>{L_BAR_USER}</h1>
<label class="grey" for="log">{L_USERNAME}:</label>
<input class="post" type="text" name="username" size="25" tabindex="1" />
<label class="grey" for="pwd">{L_PASSWORD}</label>
<input class="post" type="password" name="password" size="25" tabindex="2" /><br>
<!-- IF U_SEND_PASSWORD --><a class="gensmall" href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a><!-- ENDIF -->
<div class="clear"></div><br>
<input type="checkbox" class="radio" name="autologin" tabindex="3" /> <span class="gensmall">{L_LOG_ME_IN}</span>
<div class="clear"></div>
<input type="submit" class="bt_login" name="login" value="Login" tabindex="5" />
{S_LOGIN_REDIRECT}
{S_FORM_TOKEN}
</form>
</div>
<div class="left right">
<!-- Register Form -->
<form action="{U_REGISTER}" method="post">
<h1>{L_BAR_NOUSER}</h1>
<a href="{U_REGISTER}"><input type="submit" name="submit" value="{L_REGISTER}" class="bt_register" /></a>
<div class="clear"></div><br>
<!--[if !IE]>-->
<h1>{L_BAR_CONNECT_FACEBOOK}</h1>
{SVMODS_FACEBOOK_LOGIN_BUTTON}
<![endif]-->
</form>
</div>
</div>
</div> <!-- /login -->
<!-- The tab on top -->
<div class="tab">
<ul class="login">
<li class="left"> </li>
<li>{L_BAR_HI_ANONYMOUS}</li>
<li class="sep">|</li>
<li id="toggle">
<a id="open" class="open" href="#">{L_BAR_CONNECT}</a>
<a id="close" style="display: none;" class="close" href="#">{L_BAR_CLOSEPANEL}</a>
</li>
<li class="right"> </li>
</ul>
</div> <!-- / top -->
</div> <!--panel -->
Código: Seleccionar todo
<!-- IF not S_USER_LOGGED_IN -->
<!-- INCLUDE panel.html -->
<!-- ENDIF -->
Edito: El enlace del error es este: http://elbardealktodostemen.net/foro5/u ... mode=login (con IE)
Un abrazo y gracias anticipadas.

