recoger valor y asociarlo a CSS

[guif]

Hola!
Mendiante php hago una consulta a MySQL que me dice el tamaño de las tablas que tengo en un valor de "%"
Por ejemplo, me puede dar que una tabla tiene un 4% o 10% de tamaño.
Me gustaria que este valor apareciera en mi CSS.
El caso es que tengo por separado el codigo y no se como poner el CSS dentro de mi PHP.

El codigo que tengo es para el CSS:

Código:

<style type="text/css">
	
	#progress-bar {
		background: url(percentage-bg.png) no-repeat left center;
		width: 316px;
		height: 39px;
	}
	#progress-level {
		background: url(progress.png) no-repeat left center;
		width: quevariablepongo%;
		height: 39px;
	}

y el codigo para el PHP:

Código:

<?php
  mysql_connect("localhost", "user", "pass");
  mysql_select_db("mysql");
  $result = mysql_query("show table status");
  $size = 0;
  $out = "";
  while($row = mysql_fetch_array($result)) {
      $size += $row["Data_length"];
      $out .= $row["Name"] .": ". 
                   round(($row["Data_length"]/1024), 2) ."<br> \n";
  }
  $size = round(($size/1024), 1);
  echo $out ."\n";
  echo $out ."<br> \n";
  echo "Total MySQL db size: $size";
?>

cuando llamo a mi CSS lo hago en un div:

<div id="progress-bar"><div id="progress-level"></div></div>

En el PHP, por la linea round(($row["Data_length"]/1024), 2) ."<br> \n" me da un numero (ej.: 80%) como lo asocio al CSS??

[GatorV]

Solamente con un echo:

Código php:

<?php
  mysql_connect("localhost", "user", "pass");
  mysql_select_db("mysql");
  $result = mysql_query("show table status");
  $size = 0;
  $out = "";
  while($row = mysql_fetch_array($result)) {
      $size += $row["Data_length"];
      $out .= $row["Name"] .": ". 
                   round(($row["Data_length"]/1024), 2) ."<br> \n";
  }
  $size = round(($size/1024), 1);
  echo $out ."\n";
  echo $out ."<br> \n";
  echo "Total MySQL db size: $size";
?>
<style type="text/css">
    
    #progress-bar {
        background: url(percentage-bg.png) no-repeat left center;
        width: 316px;
        height: 39px;
    }
    #progress-level {
        background: url(progress.png) no-repeat left center;
        width: <?php echo $size; ?>%;
        height: 39px;
    }
 

Saludos.

[guif]

mmmm pero para que me genere varias veces este valor??
Es decir, con dicha consulta me saca x numeros de valores (diferentes tamaños de mis tablas en mysql)
Como genero un CSS para cada valor???

[GatorV]

Pues eso ya es tema de CSS, no de PHP, tienes que crear diferentes clases, y así las vas asignando, con PHP solo tienes que imprimir el CSS correcto.

Saludos.

[guif]

entre estas lineas saco el tamaño de cada tabla:

Código:

$out .= $row["Name"] .": ". 
                   round(($row["Data_length"]/1024), 2) ."<br> \n";
}

entonces, el trozo de css:

Código:

#progress-level {
	background: url(progress.png) no-repeat left center;
	width: <?php echo $size; ?>%;
	height: 39px;
}

no se puede incluir dentro del trozo de codigo anterior?

[GatorV]

Claro solo asignalo a una variable como te comente e imprimelo, no te debe de dar ningún problema.

Saludos.

[guif]

no entiendo. Para cada valor una variable?

[GatorV]

Pues si quieres poner varios valores, necesitas varias variables, ya que las quieres poner en un lugar diferente. Si fueran todas en el mismo puedes concatenar en la misma variable, pero a como lo que haz escrito si necesitas una variable para cada valor para poderla dibujar donde quieras:

Código php:

<?php
 
$var1 = round($algo);
$var2 = round($otracosa);
$var3 = round($mas_cosas);
 
/*
...
*/
 
?>
<style type="text/css">
.class1 {
      width: <?php echo $var1; ?>;
}
.class2 {
      width: <?php echo $var2; ?>;
}
.class3 {
      width: <?php echo $var3; ?>;
}
</style>
 

Saludos.

[guif]

pero como se las variables??? Cuando hago el while es donde muestro los datos de cada tabla.

[GatorV]

Las variables tu las debes de saber ya que tu las debes de definir, las variables no se crean magicamente, tu debes de definirla explicitamente usando $var.

Saludos.

[guif]

me pierdo... yo las variables no las conozco.
Si con un while voy generando un nuevo valor y este se va escribiendo (tal como me aparece correctamente) como se lo asigno automaticamente al CSS?
Es decir, me deberia de generar un trozo de CSS automaticamente para cada valor.

[GatorV]

me supongo tu estas programando ese código PHP, si tu lo programas tu puedes definir el valor que quieras en la variable y luego simplemente usando un "echo" donde quieras imprimes esa variable.

Saludos.

[guif]

si. El codigo lo estoy haciendo yo. El problema es que no se como controlar la variable con el valor que me genera. Vaya, que no lo entiendo! (la verdad mi nivel de php no es muy bueno... pero bueno, hago lo que puedo :) )

No entiendo lo de las valores y que tengo que asociar a las clases.
Es decir, si hago una monitorización del tamaño de una BBDD, este me devuelve tantos valores como tablas haya. Si miro otra BBDD me devolvera otros valores.

El problema, para mi, es hacer el buche para que vaya generando un unico css para cada valor.

[GatorV]

Pues esque es simple, es asignar a una variable un valor y mostrarlo es PHP básico:

Código php:

$var = 'foo';
/*
...
*/
echo $var; // imprime foo
 

Si sigues ese mismo concepto lo puedes hacer igual en cualquier lado para asignarlo en lo que tu quieras.

Recuerda que PHP es un lenguaje que se ejecuta del lado del servidor, y su unica tarea es imprimir y procesar texto, el que el texto que imprima sea CSS, HTML, Javascript o lo que sea es indiferente, por lo que tu debes de imprimir el valor que quieres donde quieras, si es parte de un CSS ya eso es independiente de lo que se hace con PHP.

Saludos.

[guif]

pero el css lo tengo que incluir variar veces en mi codigo php?
No entiendo el como captar el valor que tengo y añadirlo a mi css.

[GatorV]

Como te comente, PHP solo imprime texto, el que imprima CSS es independiente, y para imprimirlo en el CSS que ya tienes solamente con un simple echo lo haces, ya te puse ejemplos más arriba de como asignarlo a una variable y posteriormente imprimir esa variable.

No te lies mucho recuerda que PHP se ejecuta en el servidor, tu tienes que imprimir tu CSS y tu estructura HTML correctamente para que se vea bien en el browser.

Saludos.

[guif]

Me he creado una clase en el estilo asi:

Código:

<STYLE>

.progress-level {
background: url(progress.png) no-repeat left center;
height: 39px;
}

progress-text {
  font-weight: bold;
  padding: 12px 5px 12px 19px;
}

</STYLE>

y luego para llamarlo como seria? He puesto esto:

Código:

<div class="progreso-level" style="<?php echo $size; ?>%">
	<div id="progress-text">
		<?php echo $name_tablespace, ":   " , $size; ?>%
	</div>
</div>

Pero como pongo esto dentro de mi While?

[GatorV]

Esto ya es tema de CSS, y así no llamas a un CSS, en la propiedad de style="" solo puede ir CSS valido.

Lo que puedes hacer si quieres cambiar dinamicamente el tamaño es algo así:

Código php:

<div class="progreso-level" style="width: <?php echo $size; ?>%;">
    <div id="progress-text">
        <?php echo $name_tablespace, ":   " , $size; ?>%
    </div>
</div>
 

Saludos.