Comunidad de diseño web y desarrollo en internet online

funcion DOM javascript para centrar horizontalmente un div

Citar            
MensajeEscrito el 17 Ene 2014 01:13 pm

Código HTML :

<!DOCTYPE html>
<html id="ihtml">
<head id=ihead><meta charset="utf-8">
<title>cristalab</title>
</head>
<body id='ibody'>
</body>
<script>

Dentro de las etiquetas javascript puede ir

Código Javascript :

function gebi(i){return document.getElementById(i);}
function obj(i,t,p){var n=document.createElement(t);n.id=i;gebi(p).appendChild(n);}
//esta es la funcion
function cen(i){
   var o=gebi(i);
   var ow=o.offsetWidth+'px';
   o.style.width=ow;
   o.style.position="relative";
   o.style.display='block';
   o.style.marginLeft='auto';
   o.style.marginRight='auto';
}
obj('L000','div','ibody');
gebi('L000').innerHTML='hola mundo';

Por aukun

Claber

200 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 28 Feb 2014 08:27 pm
gracias por aportar aukun, el tuto esta medio incompleto y estaría bueno un enlace al ejemplo en funcionamiento, también ver si el ejemplo podría incluir como hacerlo en etiquetas de contenido, fuera de las html y body.

movido a aportes

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.