No, el problema es en firefox, mirad el codigo que tengo es el siguiente:
Código :
#Urap1{
float: left;
height: 203px;
width: 380px;
overflow:hidden;
}
.Uadd{
border-radius:6px;
float: left;
position:relative;
width: 600px;
left:0px;
}
.Usec1{
float: left;
height: 200px;
width: 235px;
}
.Usec2{
float: left;
width: 365px;
}
.addIzq{
float: left;
line-height: 19px;
margin: 0 30px 0 25px;
}
.addDer{
float:left;
width:195px;
}
.addDer input{
margin:0 0 2px;
}
/* ------- js ---------*/
var dat;
var ac=0;
function verdatosU(){
var dat=document.getElementById("Ucol").value;
if(dat=="selecciona usuario"){return}
if(dat=="nuevo usuario.."){
document.getElementById("usrnom").value=""
document.getElementById("usrapp").value=""
document.getElementById("usrapm").value=""
document.getElementById("usrusr").value=""
document.getElementById("usrpass").value=""
document.getElementById("usrmail").value=""
document.getElementById("usrtel").value=""
document.getElementById("usrper").value=""
document.getElementById("usrnom").focus()
$('.usrdel').css('visibility','hidden')
//Crear un usuario temporal
$.post('./lib/usrTem.php',{
id:dat
},
function(datos){
dat="tem";ac=1
})
}
if(data!="nuevo usuario.."){
$.post('./lib/cargaUsr.php',{
id:document.getElementById("Ucol").value
},
function(datos){
var m=datos.split(",")
document.getElementById("usrnom").value=m[0];
document.getElementById("usrapp").value=m[1];
document.getElementById("usrapm").value=m[2];
document.getElementById("usrusr").value=m[3];
document.getElementById("usrpass").value=m[4];
document.getElementById("usrper").value=m[5];
document.getElementById("usrmail").value=m[6];
document.getElementById("usrtel").value=m[7];
})
$('.usrdel').css('visibility','visible')
}
$('.Uadd').animate({
left:'-235px'
},250,'easeInOutCubic')
}
$(document).ready(function(){
$('.usrcancel').click(function(){
if(ac==1){
ac=0
$.post('./lib/delUsr.php',{
id:dat
},
function(datos){
})
}
$('.Uadd').animate({
left:'0px'
},250,'easeInOutCubic')
})
//Borrar usuarios
$('.usrdel').click(function(){
if(!confirm("¿Seguro de Eliminar usuario?")){return}
$.post('./lib/delUsr.php',{
id:dat
},
function(datos){
})
})
//Modificar usuarios y crear usuario
$('.usrsave').click(function(){
$.post('./lib/saveUsr.php',{
id:dat,
nom:document.getElementById("usrnom").value,
app:document.getElementById("usrapp").value,
apm:document.getElementById("usrapm").value,
usr:document.getElementById("usrusr").value,
pas:document.getElementById("usrpass").value,
per:document.getElementById("usrmail").value,
mail:document.getElementById("usrtel").value,
tel:document.getElementById("usrper").value
},
function(datos){
$('#Ucol').html(datos)
$('.Uadd').animate({
left:'0px'
},250,'easeInOutCubic')
})
})
})//ready
y los divs son los siguientes:
<html>
<head>
<!-- Enlace de hoja de stilos y codigo js -->
</head>
<body>
<div id="Urap1">
<div class="Uadd">
<div class="Usec1">
<select id="Ucol" onChange="verdatosU()">
<option> selecciona usuario </option>
<?php
$sql = "SELECT usuario FROM usuarios";
$res = mysql_query($sql) or die("No se cargaron clientes");
while($rowR = mysql_fetch_array($res)){
echo '<option> '.$rowR['usuario'].' </option>';
}
?>
<option> nuevo usuario.. </option>
</select>
</div>
<div class="Usec2">
<div class="addIzq">
Nombre:<br />
Apellido Paterno:<br />
Apellido Materno:<br />
Nombre de Usuario:<br />
Password:<br />
Permisos:<br />
Mail:<br />
Teléfono:<br />
</div>
<div class="addDer">
<input type="text" id="usrnom" />
<input type="text" id="usrapp" />
<input type="text" id="usrapm" />
<input type="text" id="usrusr" />
<input type="text" id="usrpass" />
<input type="text" id="usrmail" />
<input type="text" id="usrtel" />
<input type="text" id="usrper" />
</div>
<div class="Ucancel" style="float: left;left: 10px;position:relative; margin:13px 0 0 20px;">
<img src="./images/ret.png" width="15"/>
</div>
<div style="float:right; margin:13px 0 0; width:172px;">
<div class="usrdel" style=" visibility:hidden;margin:0 60px 0 0;">Eliminar</div>
<div class="usrsave">Guardar</div>
</div>
</div><!-- sec2 -->
</div><!-- Uadd -->
</div><!-- wrapper -->
<div class="Urep" title="Exportar a PDF" style="left: 205px;position: relative;top: 182px;"></div>
</body>
</html>
No lo he probado solo pero en general me falla despues de la animacion, se queda pasmado, cada seccion esta en archivos separados, es decir el html, css, y js, uso jquery 1.6.2
mmmm creo que seria todo, si ven algo mal de favor agradesco me avicen porque nadamas no me queda, lo que veo que me pasa es lo siguiente, solo se ve el select al inicio al cambiar el select, deve desplazarce todo a la izquierda y mi problema se da en lo siguiente:
*Solo se cambia cuando se selecciona nuevo usuario
* yuna vez que se modifico eso aunque recargues la pagina borres el historial o cualquier otra cosa, se queda con el estilo recorrido
