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>