Bueno compañeros del foro me encuentro con un problema muy curioso el cual no puedo resolver.
Tengo una pagina index.php con el siguiente contenido:
Código PHP:
Ver original<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var myform=new formtowizard({
formid: 'feedbackform',
persistsection: true,
revealfx: ['slide', 500]
})
</script>
</head>
<body>
<a href="javascript:cargar_datos('formujava.php')" class="active">Mostrar</a>
<div id="contenido"></div>
</body>
es mas extenso pero solo muestro las lineas de interes para el problema.
la funcion cargar_datos es la siguiente:
Código Javascript
:
Ver originalfunction cargar_datos(url) {
var id_contenedor = 'contenido';
var pagina_requerida = false
if (window.XMLHttpRequest) {
pagina_requerida = new XMLHttpRequest()
}
else if (window.ActiveXObject){
try {
pagina_requerida = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
pagina_requerida = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
pagina_requerida.onreadystatechange=function(){
cargarpagina(pagina_requerida, id_contenedor)
}
pagina_requerida.open('GET', url, true)
pagina_requerida.send(null)
}
function cargarpagina(pagina_requerida, id_contenedor){
if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf("http")==-1)){
document.getElementById(id_contenedor).innerHTML=pagina_requerida.responseText}
else {
document.getElementById(id_contenedor).innerHTML='<br><br><br><br><center><img src="images/loading.gif" width="220px"><br><b>Cargando Datos</b></center>'}
}
hasta aca todo bien la funcion anda perfecto, mi problema es el siguiente:
Si establesco un formulario animado por java dentro el div id="contenedor" se ve perfecto y funciona a la perfeccion, pero si este mismo codigo (textual lo que esta dentro del div y solo eso) lo pego dentro de formujava.php los ecript al ser cargados no andan, se muestra bien el formulario pero no esta animado.
para complicar mas las cosas uso script adicionales en el formulario QUE SI FUNCIONAN BIEN LUEGO DE CARGAR EL DIV CON LA FUNCION!!!
es decir unos script si andan y otros no
este es el formulario en cuestion:
Código HTML:
Ver original<form id="feedbackform" action="javascript:void(null);" onsubmit="enviarprofesor();"> <table Class="tabladatos2"> <tr><td colspan="2" Class="tablatitulo" height="10px"></td></tr> <tr><td>ID Alumno:
</td><td><input type="text" name="info1" ID="info1" onKeyDown="textCounter(this,'barrainfo1',9)" onKeyUp="textCounter(this,'barrainfo1',9)" onFocus="textCounter(this,'barrainfo1',9)" value="$datos[info1]" size="12" /><div id="barrainfo1" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Nombre Completo:
</td><td><input type="text" name="info2" ID="info2" onKeyDown="textCounter(this,'barrainfo2',26)" onKeyUp="textCounter(this,'barrainfo2',26)" onFocus="textCounter(this,'barrainfo2',26)" value="$datos[info2]" size="29" /><div id="barrainfo2" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Telefono:
</td><td><input type="text" name="info3" ID="info3" onKeyDown="textCounter(this,'barrainfo3',26)" onKeyUp="textCounter(this,'barrainfo3',26)" onFocus="textCounter(this,'barrainfo3',26)" value="$datos[info3]" size="28" /><div id="barrainfo3" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Edad:
</td><td><input type="text" name="info4" ID="info4" onKeyDown="textCounter(this,'barrainfo4',3)" onKeyUp="textCounter(this,'barrainfo4',3)" onFocus="textCounter(this,'barrainfo4',3)" value="$datos[info4]" size="6" /><div id="barrainfo4" class="progress"></div> </td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Inscripcion:
</td><td><input type="text" name="info5" ID="info5" onKeyDown="textCounter(this,'barrainfo5',8)" onKeyUp="textCounter(this,'barrainfo5',8)" onFocus="textCounter(this,'barrainfo5',8)" value="$datos[info5]" size="11" /> <div id="barrainfo5" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Pais:
</td><td><input type="text" name="info6" ID="info6" onKeyDown="textCounter(this,'barrainfo6',10)" onKeyUp="textCounter(this,'barrainfo6',10)" onFocus="textCounter(this,'barrainfo6',10)" value="$datos[info6]" size="13" /><div id="barrainfo6" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Direccion:
</td><td><input type="text" name="info7" ID="info7" onKeyDown="textCounter(this,'barrainfo7',26)" onKeyUp="textCounter(this,'barrainfo7',26)" onFocus="textCounter(this,'barrainfo7',26)" value="$datos[info7]" size="29" /><div id="barrainfo7" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Ciudad:
</td><td><input type="text" name="info8" ID="info8" onKeyDown="textCounter(this,'barrainfo8',12)" onKeyUp="textCounter(this,'barrainfo8',12)" onFocus="textCounter(this,'barrainfo8',12)" value="$datos[info8]" size="15" /><div id="barrainfo8" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Provincia:
</td><td><input type="text" name="info9" ID="info9" onKeyDown="textCounter(this,'barrainfo9',12)" onKeyUp="textCounter(this,'barrainfo9',12)" onFocus="textCounter(this,'barrainfo9',12)" value="$datos[info9]" size="15" /><div id="barrainfo9" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>E-Mail:
</td><td><input type="text" name="info10" ID="info10" onKeyDown="textCounter(this,'barrainfo10',30)" onKeyUp="textCounter(this,'barrainfo10',30)" onFocus="textCounter(this,'barrainfo10',30)" value="$datos[info10]" size="33" /><div id="barrainfo10" class="progress"></div></td></tr> <tr><td colspan="2" Class="tablatitulo" height="10px"></td></tr> <table Class="tabladatos2"> <tr><td colspan="2" Class="tablatitulo" height="10px"></td></tr> <tr><td>Usuario:
</td><td><input type="text" name="info1" ID="info1" onKeyDown="textCounter(this,'barrainfo1',9)" onKeyUp="textCounter(this,'barrainfo1',9)" onFocus="textCounter(this,'barrainfo1',9)" value="$datos[info1]" size="12" /><div id="barrainfo1" class="progress"></div></td></tr> <tr><td colspan="2"><center><img src="images/hr.png" width="500px"></center></td></tr> <tr><td>Clave:
</td><td><input type="text" name="info2" ID="info2" onKeyDown="textCounter(this,'barrainfo2',26)" onKeyUp="textCounter(this,'barrainfo2',26)" onFocus="textCounter(this,'barrainfo2',26)" value="$datos[info2]" size="29" /><div id="barrainfo2" class="progress"></div></td></tr> <tr><td colspan="2" Class="tablatitulo" height="10px"></td></tr> <tr><td colspan="2" Class="tablatitulo" height="10px"></td></tr> <tr><td colspan="2"><input type="text" name="info12" value="$datos[accion]" style="display:none"><input id="submitButton" type="submit" value="Guardar Datos"/></td></tr> <tr><td colspan="2" Class="tablatitulo" height="10px"></td></tr>
(tambien ese es el codigo de formulariojava.php)
los script son largos si quieren los incluyo pero el problema no esta ahi ya que andan bien y unos andan siempre y hay otro cuando uso cargar_datos deja de funcionar.
el que deja de andar curiosamente es el que utiliza lo que defino en el head de index.php
Código Javascript
:
Ver original<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var myform=new formtowizard({
formid: 'feedbackform',
persistsection: true,
revealfx: ['slide', 500]
})
</script>
probe de todo pero si lo cargo con la funcion deja de andar, si alguien se le ocurre la causa del problema por favor podria ayudarme muchas gracias.