Anónimo
No ejecuto javascript
Hola, te comento lo que me pasa para ver si me puedes ayudar
NO se porque no me ejecuta unas funciones de javascript, quiero ocultar y poner un campo en disabled cuando se carga la página y cuando se pulsa un botón desactivar el disabled y cuando se seleccione una opción de un select me cargue unos datos y aparezca el botón oculto.
Pues bien no me hace nada de esto, sin embargo tengo una función en comprobación.js que si me la hace. No se si podrá ser porque esta página esta cargada en un div de otra página.
SI lo hago con ajax tampoco me ejecuta nada.
Este es el código:
<html>
<head>
<title>AUTOESCUELA VIRTUAL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--
<link type="text/css" rel="StyleSheet" href="css/archivo.css">
</link>
-->
<script type="text/javascript" src="js/comprobacion.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<!--
<script type="text/javascript" src="js/permiso.js"></script>
-->
<script type="text/javascript">
function inicio()
{document.getElementById('permiso_text').disabled="true";
document.getElementById('eliminar').style.display="none";
}
function consultar(permiso)
{
$("#tasas").load("consultarPermiso.php?id_permiso=" + permiso); //seleccionamos capa con$() es jquery
document.getElementById('eliminar').style.display="block";
}
function reinicio
{
document.getElementById('permiso_text').disabled = 'false';
document.getElementById('permiso_text').value = "";
document.getElementById('descripcion_p').value = "";
document.getElementById('matricula').value = "";
document.getElementById('trafico').value = "";
document.getElementById('renovacion').value = "";
document.getElementById('practica').value = "";
}
</script>
</head>
<body onload="inicio()">
<form name="permiso" method="post" action="permiso.php" onSubmit="return validar('permiso_text')">
<p> </p>
<p> </p>
<div id="cabecera" style="position:absolute; width:200px; height:115px; z-index:5; left: 8px; top: 17px">
<p>
<input type="button" id="nuevo" name="nuevo" value="Nuevo permiso" onclick="reinicio():" >
</p>
<p>Permiso:
<select id="permiso_select" name="permiso_select" size="1" onChange="consultar(this.value)" >
<option value="permiso0">-- Seleccione --</option>
...
Espero que me puedas ayudar, gracias
NO se porque no me ejecuta unas funciones de javascript, quiero ocultar y poner un campo en disabled cuando se carga la página y cuando se pulsa un botón desactivar el disabled y cuando se seleccione una opción de un select me cargue unos datos y aparezca el botón oculto.
Pues bien no me hace nada de esto, sin embargo tengo una función en comprobación.js que si me la hace. No se si podrá ser porque esta página esta cargada en un div de otra página.
SI lo hago con ajax tampoco me ejecuta nada.
Este es el código:
<html>
<head>
<title>AUTOESCUELA VIRTUAL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--
<link type="text/css" rel="StyleSheet" href="css/archivo.css">
</link>
-->
<script type="text/javascript" src="js/comprobacion.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<!--
<script type="text/javascript" src="js/permiso.js"></script>
-->
<script type="text/javascript">
function inicio()
{document.getElementById('permiso_text').disabled="true";
document.getElementById('eliminar').style.display="none";
}
function consultar(permiso)
{
$("#tasas").load("consultarPermiso.php?id_permiso=" + permiso); //seleccionamos capa con$() es jquery
document.getElementById('eliminar').style.display="block";
}
function reinicio
{
document.getElementById('permiso_text').disabled = 'false';
document.getElementById('permiso_text').value = "";
document.getElementById('descripcion_p').value = "";
document.getElementById('matricula').value = "";
document.getElementById('trafico').value = "";
document.getElementById('renovacion').value = "";
document.getElementById('practica').value = "";
}
</script>
</head>
<body onload="inicio()">
<form name="permiso" method="post" action="permiso.php" onSubmit="return validar('permiso_text')">
<p> </p>
<p> </p>
<div id="cabecera" style="position:absolute; width:200px; height:115px; z-index:5; left: 8px; top: 17px">
<p>
<input type="button" id="nuevo" name="nuevo" value="Nuevo permiso" onclick="reinicio():" >
</p>
<p>Permiso:
<select id="permiso_select" name="permiso_select" size="1" onChange="consultar(this.value)" >
<option value="permiso0">-- Seleccione --</option>
...
Espero que me puedas ayudar, gracias
Respuesta de tnathos
1
¿Mm en donde no te funciona en IE? ¿Por qué no pruebas con jquery? Es mucho mejor y te ahorras estos problemillas
En explorer no he probado, no me funciona e firefox. En la función consultar(permiso) uso jquery pero tampoco me funciona. TOdo lo que pongo entre
<script type="text/javascript></script>
No me funciona.
Si los disabled o los readonly los pongo directamente en la etiqueta pero lo demás ya nada.
<script type="text/javascript></script>
No me funciona.
Si los disabled o los readonly los pongo directamente en la etiqueta pero lo demás ya nada.
¿No sera que te falta una doble comilla? ¿Después de javascript?
<script type="text/javascript></script>
<script type="text/javascript></script>
NO las comillas están bien puestas aunque aquí se me haya colado una.
En un foro: http://www.forosdelweb.com/f77/cargar-script-div-q-viene-d-ajax-796356/#post3380119
ha puesto un interpretador para ller javascript desde ajax, pero a mi sigue sin leerlo. Si quieres echarle un vistazo...
YA se que no me funciona porque cuando cargas una página con ajax cargas un cadena de texto y no reconoce el código javascript.
En un foro: http://www.forosdelweb.com/f77/cargar-script-div-q-viene-d-ajax-796356/#post3380119
ha puesto un interpretador para ller javascript desde ajax, pero a mi sigue sin leerlo. Si quieres echarle un vistazo...
YA se que no me funciona porque cuando cargas una página con ajax cargas un cadena de texto y no reconoce el código javascript.
¿No sera que el navegador le tienes deshabilitado el javascript en el navegador?
Lo tengo activado.
Ejecuta esto.
<script>
alert("jaja");
</script>
<script>
alert("jaja");
</script>
Si me funciona, creo que va a ser algún problema del interpretador que le he puesto porque he activado el depurador y me da ahí el fallo. Ya te informo.
Muchísimas gracias
Muchísimas gracias
El depurador me da el fallo aquí
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent) //IE
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if(elemento.addEventListener)//DOM
{
elemento.addEventListener(nomevento,funcion,captura);
return true;
}
else
return false;
}
Esto esta hecho en internet con try, lo cambiare aver que pasa.
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent) //IE
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if(elemento.addEventListener)//DOM
{
elemento.addEventListener(nomevento,funcion,captura);
return true;
}
else
return false;
}
Esto esta hecho en internet con try, lo cambiare aver que pasa.
Una cosita, ¿tu sabes como puedo recargar una página?
La página la cargo con ajax, y tengo una tabla que cuando elimino o cambio al gun dato se refresque la tabla.
<input readonly type="text" id="<?php echo 'n_condicion'.$i;?>" value=<?php echo $rs->fields[0].". ";?> size="11" maxlength="11">
</input></td>
<td width="91%" height="38">
<input type="text" readonly="readonly" id="<?php echo 'condicion'.$i;?>" value="<?php echo $rs->fields[1];?>" size="70" maxlength="150">
</input> </td>
<td><input type="image" src="image/editar.png" id="<?php echo 'editar'.$i;?>" height="20" width="20" onclick="window.open('condicionEditar.php?num='+<?php echo $i;?>);"></td>
<td><input type="image" src="image/eliminar.png" id="<?php echo 'borrar'.$i;?>" width="20" height="20" onclick="eliminar('<?php echo $i;?>');"></td>
function eliminar(vari)
{
if (confirm("¿Esta seguro que quiere elminar la condicion?"))
$('#pagina').load('controller/condicionBorrar.php?num='+vari);
}
Cuando vuelva del load se cargue los datos de nuevo.
Lo del explorer me han dicho que puede ser algún conflicto entre jquery y prototype.
¿Tu sabes algo de prototype?
La página la cargo con ajax, y tengo una tabla que cuando elimino o cambio al gun dato se refresque la tabla.
<input readonly type="text" id="<?php echo 'n_condicion'.$i;?>" value=<?php echo $rs->fields[0].". ";?> size="11" maxlength="11">
</input></td>
<td width="91%" height="38">
<input type="text" readonly="readonly" id="<?php echo 'condicion'.$i;?>" value="<?php echo $rs->fields[1];?>" size="70" maxlength="150">
</input> </td>
<td><input type="image" src="image/editar.png" id="<?php echo 'editar'.$i;?>" height="20" width="20" onclick="window.open('condicionEditar.php?num='+<?php echo $i;?>);"></td>
<td><input type="image" src="image/eliminar.png" id="<?php echo 'borrar'.$i;?>" width="20" height="20" onclick="eliminar('<?php echo $i;?>');"></td>
function eliminar(vari)
{
if (confirm("¿Esta seguro que quiere elminar la condicion?"))
$('#pagina').load('controller/condicionBorrar.php?num='+vari);
}
Cuando vuelva del load se cargue los datos de nuevo.
Lo del explorer me han dicho que puede ser algún conflicto entre jquery y prototype.
¿Tu sabes algo de prototype?
En internet explorer es una mierda.. aun así trabaja con jquery que resulta mejor.. sobre la primera pregunta te agradezco si cieras y te abres otra luego :).. ahora lo de la recarga de la página puedes hacer un window. Reload() creo que es ese.. igual en google encuentras la función.