[SOLUCIONADO] Formatear datos en código utilizando 'echo'

[majete]

Hola a todos,
Estoy imprimiendo con "echo" desde PHP unos textos de un cuestionario de una BD en MySQL, y me acabo de dar cuenta que viendo el código resultante en la página, se me quedan todas las líneas seguidas y es muy complicado revisar código HTML así.

Como creo que no me explico bien para muestra un botón:

Viendo el código de la página si hago un formulario en HTML

Código HTML:

<div class="4u 10u$(small)">
	<input type="radio" id="5lowmed" name="5" value="2">
	<label for="5lowmed">No me gusta</label>
</div></div> 

Viendo el código de la página si hago 'echo' desde PHP:

Código HTML:

<div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label></div></div> 

Esto tan sólo es una opción del radio buton, de 5 posibles por cada pregunta y son 42... así que imaginaros el churro de código que me sale. ¿Hay alguna forma de que queden igual? Sé que es un poco gilipollez, pero para revisar ciertas historias me vendría muy bien que saliera formateado.

Gracias!
JC

[pateketrueke]

¿Qué implicación tiene que el HTML tenga formato o no?

Si funciona no debería importarte.

me acabo de dar cuenta que viendo el código resultante en la página, se me quedan todas las líneas seguidas y es muy complicado revisar código HTML

¿Pues qué navegador usas?

Para inspeccionar el HTML puedes usar el inspector web de las herramientas de desarrollo en tu navegador, y ahí te lo mostrará con formato si buscas entender lo que se genera.

En última instancia deberías mostrar el código que genera dicho HTML, ahí es donde debes cuidar el formato ¿cómo adivinar?

[majete]

Iniciado por pateketrueke

¿Qué implicación tiene que el HTML tenga formato o no?

Si funciona no debería importarte.



¿Pues qué navegador usas?

Para inspeccionar el HTML puedes usar el inspector web de las herramientas de desarrollo en tu navegador, y ahí te lo mostrará con formato si buscas entender lo que se genera.

En última instancia deberías mostrar el código que genera dicho HTML, ahí es donde debes cuidar el formato ¿cómo adivinar?

Hola pateke,
Estoy utilizando Google Chrome día a día, aunque entiendo que en todos aparecerá igual. En mi caso con "botón derecho->Ver código fuente de la página" es como he visto que queda todo sin formatear".
El tema es que no puedo dejar sin comprobar que el while y la información que está en la base de datos es correcta, y no tengo otra forma de hacerlo más que sobre el HTML, ya que:

• Ya he comprobado que la info en la BD esté bien
• Ya he testeado que el bucle lo realiza bien

No puedo fiarme sólo de haber hecho una prueba de 3 preguntas sobre el HTML; una vez tenga las 42 en la BD tendré que revisar que cada pregunta se corresponde con su código id y con su nombre.

No sé si me explico bien, voy a intentar se más explícito. No es lo mismo a la hora de revisar sobre un HTML generado esto:

Código HTML:

<div class="4u 10u$(small)">
	<input type="radio" id="5lowmed" name="5" value="2">
	<label for="5lowmed">No me gusta</label>
</div></div>
<div class="4u 10u$(small)">
	<input type="radio" id="5lowmed" name="5" value="2">
	<label for="5lowmed">No me gusta</label>
</div></div>
<div class="4u 10u$(small)">
	<input type="radio" id="5lowmed" name="5" value="2">
	<label for="5lowmed">No me gusta</label>
</div></div>
<div class="4u 10u$(small)">
	<input type="radio" id="5lowmed" name="5" value="2">
	<label for="5lowmed">No me gusta</label>
</div></div>
<div class="4u 10u$(small)">
	<input type="radio" id="5lowmed" name="5" value="2">
	<label for="5lowmed">No me gusta</label>
</div></div> 

Que esto otro:

Código HTML:

<div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label></div></div><div class="4u 10u$(small)">
<input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label></div></div><div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2">
<label for="5lowmed">No me gusta</label></div></div><div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label>
</div></div><div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label></div></div><div class="4u 10u$(small)">
<input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label></div></div><div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2">
<label for="5lowmed">No me gusta</label></div></div><div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label>
</div></div><div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label></div></div><div class="4u 10u$(small)">
<input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label></div></div><div class="4u 10u$(small)"><input type="radio" id="5lowmed" name="5" value="2"><label for="5lowmed">No me gusta</label></div></div> 

[pateketrueke]

Pues si no muestras el código que imprime dicho HTML jamás podremos adivinar dónde es que omites darle formato.

[sgr]

Nada, un error en lo que respondi

[majete]

Iniciado por pateketrueke

Pues si no muestras el código que imprime dicho HTML jamás podremos adivinar dónde es que omites darle formato.

Perdón, perdón... entiendo que puedo omitir lo anterior en cuanto a conexión con la BD y la query.

Código PHP:

  <?php 
/* imprimimos los resultados*/ 
$cuestionario = []; 
while ($fila = $result->fetch_array()){ 
    printf ("",); 
  echo '<header><h4>'.$fila['idAleatorio'].'. '.$fila['textoPregunta'].'</h4>'; 
  echo '<div class="row uniform"><div class="4u 10u$(small)">'; 
  echo '<input type="radio" id="'.$fila['idAleatorio'].'high" name="'.$fila['idAleatorio'].'" value="5">'; 
  echo '<label for="'.$fila['idAleatorio'].'high">Me encanta</label></div>'; 
} 
?>   

Saludos,
Juan Carlos

[pateketrueke]

Por eso es mala idea usar "echo" para imprimir HTML, porque si no entiendes qué es un salto de linea (\n) entonces no sabrás darle formato.

Lo mejor debe ser así:

Código PHP:

<?php while (...) { ?>
 
<div>
  <p>Acá le das el mejor formato posible y sin problemas.</p>
  <?php echo $algo; ?>
</div>
 
<?php } ?>
 

¿Se entiende la idea?

Si sigues usando "echo" tendrás que hacer cosas más complejas:

Código PHP:

while (...) {
  echo '<div>' . "\n";
  echo '  <p>Acá es complicado escribir HTML libremente.</p>' . "\n";
  echo '</div>' . "\n";
}
 

[rbczgz]

Hola majete,

Yo lo haría así, y te evitas complicarte la vida con el formato en la salida, aunque puede que los más expertos te digan que no es bueno abrir y cerrar tantas veces php, eso yo no lo sé seguro, ahí va sobre tu post:

Código PHP:

  <?php 
/* imprimimos los resultados*/ 
$cuestionario = []; 
while ($fila = $result->fetch_array()){ 
    printf ("",); 
?> 
<header> 
    <h4><?php echo $fila['idAleatorio'].'. '.$fila['textoPregunta']?></h4> 
        <div class="row uniform"> 
            <div class="4u 10u$(small)"> 
                <input type="radio" id="<?php echo $fila['idAleatorio'] ?>high" name="<?php echo$fila['idAleatorio'] ?>" value="5">'; 
                   <label for="<?php echo $fila['idAleatorio'] ?>high">Me encanta</label></div> 
<?php 
} 
?>   

Espero que te sirva.

[majete]

Sí, creo que es la mejor opción... formatear en HTML y meter llaves de apertura-cierre en PHP cuando tenga que mostrar un dato de una fila.
Cierto, lo que comentáis además, que es más complejo concatenar desde "echo" variables en php, con texto, con comillas simples etc etc.

Muchas gracias a todos!