[SOLUCIONADO] Dimensiones de DIV segun su contenido

djboro88 · #1 (**permalink**) 13/03/2013, 00:29

Hola a todos !!
¿Hay alguna posibilidad de poder sacar o que te muestre con PHP las dimensiones de un DIV (height y width)?

Ejemplo:

Código HTML:

<div id="capa1">
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<br>
<br>
<img src="prueba.jpg"/>
<br>
<br>
<p>Mortadelo y Filemon se van al campo</p>
</div>

En este ejemplo quiero saber cuales son las dimesiones (height y width) de la capa1 en pixeles (px). ¿Alguna forma de sacarlo de forma automática con PHP o ya tendría que ser con JS?
El contenido de la capa1, puede variar, ya que es contenido dínamico controlado por php y bases de datos.

Saludos !!

webosiris · #2 (**permalink**) 13/03/2013, 01:06

el ancho de un div depende del css y de otros factoes que dependen del lado cliente, y php se ejecuta del lado del servidor, mucho antes de que el css ni siquiera se lea, así que dudo mucho que lo puedas hacer con php

¿porque te complica hacerlo con js?

djboro88 · #3 (**permalink**) 13/03/2013, 03:55

No es que me complique, el problema es que no se como podria hacerlo.

pzin · #4 (**permalink**) 13/03/2013, 04:00

Si tienes necesidad de saber la medida que va a tener cualquier elemento en el servidor, entonces estás haciendo algo mal —conceptualmente quiero decir.

Luego la pregunta sería, ¿por qué necesitas saberlo desde PHP? ¿con qué finalidad?

djboro88 · #5 (**permalink**) 13/03/2013, 10:07

Mes es igual que sea en PHP o JavaScript.
Si en PHP está claro que es imposible ya que trabaja de parte del servidor.

¿Cómo sería con JavaScript, que según el contenido de un DIV me diera su tamaño (height)?

Finalidad:
Quiero utilizar el DOMPDF y como sabreis (algunos) tienes que añadir una linea de corte en CSS para que salte el contenido en otra nueva página.

Sabiendo el tamaño height del div que utilizaré de contenedor, podría hacer que cada 1000PC de height, salte de página.

miguec04 · #6 (**permalink**) 13/03/2013, 10:20

Te recomiendo esta librería, si la sabes usar, el salto de pagina lo hace bien, utiliza tables con el tbody y el thead para que el salto lo realice bien, esta librería es muy buena se que hace lo que necesitas porque yo la uso para eso.

http://html2pdf.fr/es/default

djboro88 · #7 (**permalink**) 13/03/2013, 11:00

Ya está solucionado, El alto del DIV, según su contenido y es más, el poder guardar el valor de la variable JS en una variable en PHP.

A quien le interese, aquí está el codigo:

Código PHP:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Pruebas</title> 
 
</head> 
<body> 
 
<div id="div"> 
<?php //Calcular alto de DIV 
    for($i = 0; $i<=10; $i++){ 
        echo $i."<br>"; 
    } 
?> 
</div> 
 
<script language="javascript"> 
    var valor = document.getElementById('div').offsetHeight; 
</script> 
 
<?php $valor = "<script> document.write(valor) </script>"; ?> 
 
<br> 
 
<b>VALOR: <?php echo $valor; ?></b> 
 
</body> 
</html>