Foros del Web » Programando para Internet » Jquery »

Aplicar ancho dinámico a partir del valor de un atributo

Estas en el tema de Aplicar ancho dinámico a partir del valor de un atributo en el foro de Jquery en Foros del Web. Supongo que ando cerca, pero no se como se hace FILA determina el WIDTH del DIV contenedor CELDA determina la fracción del DIV hijo Código ...
  #1 (permalink)  
Antiguo 13/07/2014, 15:52
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
Aplicar ancho dinámico a partir del valor de un atributo

Supongo que ando cerca, pero no se como se hace

FILA determina el WIDTH del DIV contenedor
CELDA determina la fracción del DIV hijo

Código HTML:
<style>
  [fila] {display:table; margin:0 auto; width:100%;}
  [celda] {display:table-cell; vertical-align:top; padding:0 10px;}
</style>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
  $(function() {
    $("[fila]").css("width",$("div").attr("fila")px);
    $("[celda]").css("width",100*$("div").attr("celda")%);
  })
</script>

<div fila='960'>
	<div celda='1/5'>prueba1</div>
	<div celda='3/5'>prueba0</div>
	<div celda='1/5'>prueba2</div>
</div>

<div fila>
	<div celda>prueba1</div>
	<div celda>prueba2</div>
</div> 
Gracias por la ayuda

Última edición por quico5; 13/07/2014 a las 16:29

Etiquetas: ancho, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:47.