problema con document.getElementById

kaninox · #1 (**permalink**) 26/06/2008, 16:59

Les explico tengo dos codigos aqui que por separado funcionan correctamente, pero junto no, uno hace que el textarea al igual que aqui en el foro, se pueda contraer y expander, y el otro efecto hace que se muestre un cargando hasta que la pagina se carga completamente necesito ambos, :/ pero el del texarea ya no funciona cuando le aplico el de cargando datos, el cual si va perfecto...
alguna ayuda sugerencia..

les dejo mi codigo con ambos scripts...

Código:

<html>
<head>
<!-- script para textarea-->
<script>
function $(id){
    return document.getElementById(id);    
}
function addEvent(obj, evType, fn, useCapture){
 
 if (obj.addEventListener){
    obj.addEventListener(evType, fn, useCapture);
    
  } else if (obj.attachEvent){
    obj.attachEvent("on"+evType, fn);
   
  } else {
   obj['on'+evType]=fn;
  }
}
var reng=5;
function agregar(){
    $('quita').disabled=false;
    reng=reng+5;
    $('pp').rows=reng;
}
function quitar(){
    reng=reng-5;
        if(reng<6){reng=5;
        }
    $('pp').rows=reng;
}
window.onload=function(){
    addEvent($('quita'), 'click', quitar, false);
    addEvent($('agrega'), 'click', agregar, false);
}
</script> 
<!-- script para cargar datos espere o wait.... -->
<script language="javascript" type="text/javascript">
//<![CDATA[
function Oculta() {
document.getElementById("cargandowait").style.display = "none";
}
//]]>
</script>
<!-- hoja de estilo para el cargador -->
<style type="text/css">
#cargandowait {
padding-left:2px; padding-right:2px; background-color:#CC0000; color:#FFFFFF; font-weight:bold;
right:3px; top:3px; position:fixed;
}
</style>
</head>
<!-- funcion oculta para ocultar el cargador .. web cargada -->
<body leftmargin="0"  topmargin="0" marginheight="0" marginwidth="0"  onload="Oculta();">
<div id="cargandowait">Cargando Datos...</div>
<br><br>
<div align="center">
<b>TEXTAREA RESIZABLE</b>
<br>
<form id="form1" name="form1" method="post" action="">
<img id="agrega" src="http://static.forosdelweb.com/images/editor/resize_1.gif" /><img  id="quita" src="http://static.forosdelweb.com/images/editor/resize_0.gif" />
<textarea id="pp" name="textarea" cols="60" rows="5"></textarea>
</form> 
</div>
</body>
</html>

caricatos · #2 (**permalink**) 26/06/2008, 17:49

Hola:

Estás usando window.onload y document.body.onload... pienso que en tu window.onload puedes ponerle lo del body.onload... y no parece que haya conflictos entre todos...

Código:

window.onload=function(){
    addEvent($('quita'), 'click', quitar, false);
    addEvent($('agrega'), 'click', agregar, false);
    Oculta();
}

Saludos

kaninox · #3 (**permalink**) 26/06/2008, 21:07

yes me resulto pues pero solo cuando muestro el textarea te explico

tengo mi pagina index.php.....

#1 - en ella muestro imagenes texto y un boton modificar..... al lado de cada registro son varios y cada uno lleva un campo hidden con el id
ejemplo

1.- alejandro - edad 26 - boton actualizar
2.- marcelo - edad 23 - boton actualizar
3.- marcos - edad 18 - boton actualizar
.....etc

entonces cuando presiono modificar, me aparece registro uno por ejemplo inputs y un textarea, esto lo hago con
isset($_POST[enviar]) y todo en la misma pagina, con boton con php...
se entiende hasta hay ok

Código:

<?php
if (isset$_POST[actualizar])
{
?>
Aqui va el otro formulario ejemplo si recibo id 1 muestro sus datos 

el textarea expandible

y un boton modificar---- donde pueden remodificar datos

<?php
}
else
{
?>
//datos del primer formulario
<form>
hidden_id 1.- alejandro - edad 26 - boton actualizar
hidden_id 2.- marcelo - edad 23 - boton actualizar
hidden_id 3.- marcos - edad 18 - boton actualizar
</form>
<?php
}
?>

resumiendo cuando cargo la pagina se me queda pegado el cargando datos pero cuando apreto actualizar y paso a la pagina donde esta el textarea hay todo funciona perfecto alguna sugerencia, si hay otra solucion respecto al textarea sin el windows.onload perfecto con qu eme funcione todo yo cambio :P

trate de poner el script en un ciclo de pregunta digo

if (isset($_POST[actualizar]))
{
hago el script con el onload en el windows
}
else
{
pongo el script sin en OCULTA() en el windows.onload
}

lo mismo para el body.... pero no me salio si se despegaba el cargando datos del div
pero el textarea no ma andaba :P juazzzzz bueno saludos....

kaninox · #4 (**permalink**) 26/06/2008, 21:33

olvidalo caricatos ya va error mio estoy enviando por GET y ponia _POST ya quedo solucionado thanks...