Publicentral.com - alta en buscadores, registro buscadores, promocionaPromocion en buscadores y negocios online
Mostrando Codigo - Javascript
Code

Javascript - Redimensionar contenidos - getElementById

Códigos Javascript

Mostramos como redimensionar una tabla y una capa o div con el uso de getElementById en javascript
Visitas: 24,346 - 16-06-2010 08:24:38
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION

El ejemplo hace uso de getElementById(...).style.width el cual permite modificar el ancho, aunque puede utilizarse este otro para modificar el alto.

 

function redimensionaAlto (Contenido,Alto){
	
	document.getElementById(''+Contenido+'').style.height =""+Alto+"px";	
	
}

 

CODIGO
Codigo probado en ChromeCodigo probado en Mozilla FirefoxCodigo probado en Internet Explorer 7+Codigo probado en OperaCodigo probado en Safari


# Codigo ofrecido por Tutores.org

  1. <html>
  2.     <head>
  3.         <script language="javascript">
  4.             function redimensionaAncho (Contenido,Ancho){
  5.                 document.getElementById(''+Contenido+'').style.width =""+Ancho+"px";   
  6.             }
  7.         </script>
  8.     </head>
  9.     <body>
  10.         <table  id="tabla" height="200" width="200" border="1" cellpadding="0" cellspacing="0">
  11.             <tr><td>Tabla y contenido</td></tr>
  12.         </table>
  13.         <input type="button" name="boton" value="redimensiona tabla a 500" onClick="redimensionaAncho('tabla',500);"/>
  14.         <input type="button" name="boton" value="redimensiona tabla a 50"  onClick="redimensionaAncho('tabla',50);"/>
  15.         <hr /><br />
  16.         <div id="capa" style="border:1px solid #000000">Capa y contenido</div>
  17.         <input type="button" name="boton" value="redimensiona tabla a 500" onClick="redimensionaAncho('capa',500);"/>
  18.         <input type="button" name="boton" value="redimensiona tabla a 50"  onClick="redimensionaAncho('capa',50);"/>
  19.     </body>
  20. </html>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Redimensionar contenidos - getElementById" href="http://www.tutores.org/codigo/1868/" target="_blank"> Redimensionar contenidos - getElementById</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
maria amida frank
1 5
gostaria de aumentar as letras e escrever no orkut colorido
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.