[SOLUCIONADO] Funcion que inserte imagen en un <div>

[darkling_]

Estoy trabajando con PHP, basicamente es un codigo que recolecta datos atraves de una API, y estoy listando esos datos con una estructura repetitiva a una tabla.
Pero sucede que, en la cuarta columna deseo mostrar una imagen, pero quiero que esa imagen se muestre segun una condicion.
Entonces he recurrido a jQuery, creo un div que se llama "type" (en y hago que atraves de la funcion html() se instroduzca un <img> que muestre una imagen determinada.
Pero la imagen se muestra en cualquier lado o a veces no se muestra.

Quisiera saber si esta bien convocada la funcion o cual seria la manera adecuada de hacerlo.
Gracias

El codigo es:

Código PHP:

  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<?php 
 
echo "<center>"; 
echo "<table border='0'><tr> 
<td><a href='indexDSC.php' target='_self' ><img src='sort.png' width='30' height='30' alt='Ordenar'/></a></td> 
<td><a href='javascript:location.reload()' target='_self'><img src='refresh.png' width='30' height='30' alt='refresh'/></a></td> 
<td><a href='javascript:window.print(); void 0;' target='_self'><img src='print.png' width='30' height='30' alt='Print'/></a></td> 
<td><a href='javascript:window.print(); void 0;' target='_self'><img src='email.png' width='30' height='30' alt='Email'/></a></td> 
</tr></table>"; 
 
 
 
echo "<table border='1' color='black'>"; 
echo"<tr> 
<th>id</th> 
<th>Worker</th> 
<th>Hashrate</th> 
<th>Tipo</th> 
</tr>"; 
 
$j=1; 
$i=0; 
 
foreach($obj['data'] as $item)  
{ 
 
if ($item['hashrate'] > 100) 
{ 
echo '<tr><td>'.$j.'</td><td>'.$item['worker'].'</td><td><div style="color: #088A29">'  .number_format($item['hashrate'] , 3). '</div></td><td>  <div id="type"></div>   </td></tr>'; 
 
 
if($item['worker']=='minR25PC04')  
{  
?>  
    <script>  
       $( function(){  
        $('#type').html('<img src="refresh.png" width="30" height="30"/>'); 
                     }); 
      </script>  
<?  
}  
 
 
} 
 
 
  
 
else { 
} 
 
echo "</table>"; 
echo "</center>"; 
echo "<hr>"; 
 
?>   

Como podemos ver en la imagen se lista en cualquier <div>, no responde a la condicion.

https://www.dropbox.com/s/lso2ozi5elt4wza/Captura.JPG?dl=0

[xfxstudios]

por un lado te digo que estas utilizando una misma id para no se cuantos divs en un bucle, lo cual esta mal, pues la id debe ser UNICA en el DOM, por otro lado, si esta se va a generar de acuerdo a una condicion, porque no realizar dicha condicion directamente en php sin recurri a jquery???

Código PHP:

foreach($obj['data'] as $item)  
{ 
 
if ($item['hashrate'] > 100) 
{ 
 
$imagen = ($item['worker']=='minR25PC04') ? '<img src="refresh.png" width="30" height="30"/>' : ''; //AQUI LA IMAGEN
 
echo '<tr><td>'.$j.'</td><td>'.$item['worker'].'</td><td><div style="color: #088A29">'  .number_format($item['hashrate'] , 3). '</div></td><td>  <div class="type">'.$imagen.'</div></td></tr>'; 
 
}else { 
} 
 
echo "</table>"; 
echo "</center>"; 
echo "<hr>"; 
 
?>
 

[alvaro_trewhela]

Me sumo a xfxstudios

Recomendación. no usar tag center, para eso esta css, además html5 no lo soporta.

Saludos

[darkling_]

Iniciado por xfxstudios

por un lado te digo que estas utilizando una misma id para no se cuantos divs en un bucle, lo cual esta mal, pues la id debe ser UNICA en el DOM, por otro lado, si esta se va a generar de acuerdo a una condicion, porque no realizar dicha condicion directamente en php sin recurri a jquery???

Código PHP:

foreach($obj['data'] as $item)  
{ 
 
if ($item['hashrate'] > 100) 
{ 
 
$imagen = ($item['worker']=='minR25PC04') ? '<img src="refresh.png" width="30" height="30"/>' : ''; //AQUI LA IMAGEN
 
echo '<tr><td>'.$j.'</td><td>'.$item['worker'].'</td><td><div style="color: #088A29">'  .number_format($item['hashrate'] , 3). '</div></td><td>  <div class="type">'.$imagen.'</div></td></tr>'; 
 
}else { 
} 
 
echo "</table>"; 
echo "</center>"; 
echo "<hr>"; 
 
?>
 

" porque no realizar dicha condicion directamente en php sin recurri a jquery???"
Porque jQuery me permite ejecutar una funcion html() que me permite introducir elementos dentro de un tag HTML.

Entonces, como haria yo para que si se cumple una condicion poder mostrar una imagen en la cuarta columna de la tabla que se genera con la estructura repetitiva?

[alvaro_trewhela]

La respuesta a el conflicto jquery-php, es que si tu imágen es estática, es decir, no va a cambiar dentro de tu web. en ese caso no es necesario, estas haciendo dos procesos que se puede hacer en uno.

Ahora si va a cambiar en el tiempo, de todas maneras usa hibrido, para tener una imágen predefinida en tu web.

Para hacer lo que pides, y lo voy a ser con un código propio para hacerlo didáctico, haría lo sig.

Código PHP:

<table>
<tr>
    <td>Col1</td>
    <td>Col2</td>
    <td>Col3</td>
    <td>Imgagen</td>
</tr>
 
<?php
 
for($k=0;$k<sizeof($obj);$k++){
/*
In for you use instead foreach, this pattern
$array[$k][index/key];
*/
 
$img = "default.png"; //some default image
$col1 = $var1; //some var to col1
$col2 = $var2; //some var to col2
$col3 = $var3; //some var to col3
 
    if(/*some conditional here...*/){
    $img = "conditional.png"; //the conditional image
    }
 
echo "<tr><td>$col1</td><td>$col2</td><td>$col3</td><td><img src=\"$img\" /></td></tr>";
}
?>
 
</table>
 

Es mi propuesta.

Saludos

P.S: No me gusta hacer uso de foreach, es demasiado la ayuda, como yo vengo de c++ poco lo uso

[xfxstudios]

Iniciado por darkling_

" porque no realizar dicha condicion directamente en php sin recurri a jquery???"
Porque jQuery me permite ejecutar una funcion html() que me permite introducir elementos dentro de un tag HTML.

Entonces, como haria yo para que si se cumple una condicion poder mostrar una imagen en la cuarta columna de la tabla que se genera con la estructura repetitiva?

La verdad es que no entiendo como hiciste esa pregunta, pero bueno, aqui una prueba de lo que te intente decir:

Código PHP:

$array = (object) array(
    (object) array('nombre'=>'Carlos','apellido'=>'Quintero','cedula'=>'123456','genero'=>'Hombre'),
    (object) array('nombre'=>'Manuel','apellido'=>'Quintero','cedula'=>'123456','genero'=>'Hombre'),
    (object) array('nombre'=>'Maria','apellido'=>'Quiroga','cedula'=>'123456','genero'=>'Mujer'),
    (object) array('nombre'=>'Laura','apellido'=>'Romero','cedula'=>'123456','genero'=>'Mujer'),
);
 
echo "<table>";
 
foreach($array as $item){
    $imagen = ($item->genero=='Mujer') ? '<img src="http://images.gofreedownload.net/female-user-icon-clip-art-6812.jpg" />' : '';
    echo "<tr>";
    echo "<td>".$item->nombre."</td>";
    echo "<td>".$item->apellido."</td>";
    echo "<td>".$item->cedula."</td>";
    echo "<td>".$item->genero."</td>";
    echo "<td>".$imagen."</td>";
    echo "</tr>";
}
 
echo "</table>";
 

MUESTRA


Dicha prueba esta hecha con un array que simula los datos de la DB y la condicion que m uestra una imagen dependiendo de si es mujer y si es hombre no la muestra, copia y pega esto en tu editor y ejecutalo, para que veas el resultado:

[darkling_]

Hola chicos, muchisimas gracias xfx studios y alvaro son unos grosos. Me ha funcionado perfectamente!