[SOLUCIONADO] Dar estilo a un array.

[satjaen]

Hola, por favor quisiera saber si se puede dar estilo a un array. Es decir cuando me imprima la fila con los datos que salga de algun color.

Código PHP:

$query = mysql_query($sql); 
if (mysql_num_rows($query) > 0) { 
         
  $datos = array(); 
     
    while($row = mysql_fetch_array($query)) 
    { 
        $datos[] = array( 
            'id_aviso'          => $row['id_aviso'], 
            'telefonos'          => $row['telefonos'], 
            'name'      => $row['name'], 
            'apellidos'       => $row['apellidos'], 
            'localidad'        => $row['localidad']
        ); 
    } 
    // convertimos el array de datos a formato json 
    echo json_encode($datos);
 

Un saludo

[alyciashape]

No sabía ni que existía esa función pero en php.net si buscas la función verás que hay una opción que se llama "PRETTY PRINT" que me imagino que lo coloreará o algo así:

Código PHP:

echo json_encode($datos, JSON_PRETTY_PRINT);
 

Ojo, creo que tienes que tener PHP 5.4

Pruebalo. Aquí tienes las posibles constantes, puedes usar mas de una:
http://www.php.net/manual/en/json.constants.php

[satjaen]

Iniciado por alyciashape

No sabía ni que existía esa función pero en php.net si buscas la función verás que hay una opción que se llama "PRETTY PRINT" que me imagino que lo coloreará o algo así:

Código PHP:

echo json_encode($datos, JSON_PRETTY_PRINT);
 

Ojo, creo que tienes que tener PHP 5.4

Pruebalo. Aquí tienes las posibles constantes, puedes usar mas de una:
http://www.php.net/manual/en/json.constants.php

Gracias, por contestar lo he puesto así pero no me funciona, es decir no encuentra ni los resultados del select.

Código HTML:

echo json_encode($datos,JSON_PRETTY_PRINT);
 

Un saludo

[satjaen]

Perdona Alicia, la versión de mi php es 5.2.17. Y lo que necesito es que al listar los resultados del array de dos select me identifique por medio de algun color en cual de ellos se han encontrado los resultados. Te pongo el php de recuperación y si necesitas el ajax me lo dices.

Código PHP:

<?php  
include("Connections/conexion.php");
if ($_GET["action"] == "listar") 
{ 
    // valores recibidos por POST 
    $vte = $_POST['telefonos']; 
    $ape = $_POST['apellidos'];
    $name = $_POST['name'];
    $dni = $_POST['dni']; 
    $calle = $_POST['calle']; 
 
if ( ! empty($vte)) { 
$sql = "SELECT telefonos,name,apellidos,id_aviso,localidad FROM  avisos  WHERE telefonos='$vte'"; 
}
if ( ! empty($name)) { 
$sql = "SELECT telefonos,name,apellidos,id_aviso,localidad FROM  avisos  WHERE name LIKE '%$name%'"; 
}
if ( ! empty($dni)) { 
$sql = "SELECT telefonos,name,apellidos,id_aviso,localidad FROM  avisos  WHERE dni LIKE '%$dni%'"; 
} 
if ( ! empty($calle)) { 
$sql = "SELECT telefonos,name,apellidos,id_aviso,localidad FROM  avisos  WHERE calle LIKE '%$calle%'"; 
}         
 
    // Ordenar por 
    $vorder = $_POST['orderby']; 
     
    if($vorder != ''){ 
        $sql .= " ORDER BY ".$vorder; 
    } 
     
    $query = mysql_query($sql); 
if (mysql_num_rows($query) > 0) { 
         
  $datos = array(); 
     
    while($row = mysql_fetch_array($query)) 
    { 
        $datos[] = array( 
            'id_aviso'          => $row['id_aviso'], 
            'telefonos'          => $row['telefonos'], 
            'name'      => $row['name'], 
            'apellidos'       => $row['apellidos'], 
            'localidad'        => $row['localidad']
        ); 
    } 
    // convertimos el array de datos a formato json 
    echo json_encode($datos,JSON_PRETTY_PRINT); 
/* Tienes resultados. */ 
} else{ 
/* No hay resultados, hacer la segunda consulta a la otra tabla. */ 
if (mysql_num_rows($query) == 0){ 
if ( ! empty($vte)) { 
    $sql1 = "SELECT U.id_aviso,U.telefonos,U.name,U.apellidos,D.localidad
FROM usuarios U,dir_usuarios D 
WHERE  U.id_aviso=D.id_aviso AND U.telefonos='$vte'";
}
if ( ! empty($ape)) { 
    $sql1 = "SELECT U.id_aviso,U.telefonos,U.name,U.apellidos,D.localidad
FROM usuarios U,dir_usuarios D  
WHERE  U.id_aviso=D.id_aviso AND U.apellidos LIKE '%$ape%'";
}
if ( ! empty($name)) { 
    $sql1 = "SELECT U.id_aviso,U.telefonos,U.name,U.apellidos,D.localidad
FROM usuarios U,dir_usuarios D  
WHERE  U.id_aviso=D.id_aviso AND U.name LIKE '%$name%'";
}
if ( ! empty($dni)) { 
    $sql1 = "SELECT U.id_aviso,U.telefonos,U.name,U.apellidos,D.localidad
FROM usuarios U,dir_usuarios D  
WHERE  U.id_aviso=D.id_aviso AND U.dni LIKE '%$dni%'";
}
if ( ! empty($calle)) { 
    $sql1 = "SELECT U.id_aviso,U.telefonos,U.name,U.apellidos,D.localidad
FROM usuarios U,dir_usuarios D  
WHERE  U.id_aviso=D.id_aviso AND D.calle LIKE '%$calle%'";
}
   // Ordenar por 
    $vorder = $_POST['orderby']; 
     
    if($vorder != ''){ 
        $sql1 .= " ORDER BY ".$vorder; 
    } 
     
    $query = mysql_query($sql1); 
    $datos = array(); 
    while($row = mysql_fetch_array($query)) 
    { 
        $datos[] = array( 
            'id_aviso'          => $row['id_aviso'], 
            'telefonos'          => $row['telefonos'], 
            'name'      => $row['name'], 
            'apellidos'       => $row['apellidos'], 
            'localidad'        => $row['localidad']
        ); 
       } 
    // convertimos el array de datos a formato json 
    echo json_encode($datos);  
  } 
 } 
} 
?>
 

Gracias

[dashtrash]

Dar "estilo a un array"?
Cuando dices "estilo" te refieres a CSS? Cuando dices "array" supongo que te refieres a PHP.
CSS no tiene nada que ver con PHP.
Con PHP podrías generar código html, que incluyera referencias a clases CSS, que al llegar al navegador , se aplicarían.
Pero, ni siquiera estás generando HTML.Estás generando json.Json es una representación anidada de un objeto en ECMAscript. "Colorear" un json es lo mismo que decir "colorear una variable php".
Tú envías el json al cliente, el cual lo recorre, y genera un HTML usando la información contenida en el json.Ese HTML tendrá referencias a CSS, o atributos, que al ser interpretados por un navegador, harán que aparezca de un cierto color..
Pero PHP no "colorea" nada..

[rodno]

Buenas,

Como dice dashtrash, eso no tiene nada que ver con php, debes usar CSS

Una forma de hacerlo es al option que deseas darle un color en especifico debes agregarle estilo:

<option style="background-color:blue;">Valor<option>

Ahora desde php lo que puedes hacer es que en el array que tienes en php, agregarle un campo para que guardes en él el estilo que deseas que coja ese elemento

Código PHP:

  $datos[] = array(  
            'id_aviso'          => $row['id_aviso'],  
            'telefonos'          => $row['telefonos'],  
            'name'      => $row['name'],  
            'apellidos'       => $row['apellidos'],  
            'localidad'        => $row['localidad'] 
            'style'            => 'background-color:red;' 
        );  
   

y entonces cuando vayas a crear el Select con los option le asignas el style correspondiente

<option style = "$datos['style']">Valor a Seleccionar<option>

Saludos

[satjaen]

Iniciado por dashtrash

Dar "estilo a un array"?
Cuando dices "estilo" te refieres a CSS? Cuando dices "array" supongo que te refieres a PHP.
CSS no tiene nada que ver con PHP.
Con PHP podrías generar código html, que incluyera referencias a clases CSS, que al llegar al navegador , se aplicarían.
Pero, ni siquiera estás generando HTML.Estás generando json.Json es una representación anidada de un objeto en ECMAscript. "Colorear" un json es lo mismo que decir "colorear una variable php".
Tú envías el json al cliente, el cual lo recorre, y genera un HTML usando la información contenida en el json.Ese HTML tendrá referencias a CSS, o atributos, que al ser interpretados por un navegador, harán que aparezca de un cierto color..
Pero PHP no "colorea" nada..

Ok, gracias por la explicación. Entonces como puedo hacerlo, porque en el html que los imprimo si le doy estilo no voy a poder distinguir cual de los dos select se ha elegido no?

Este es el html:

Código HTML:

<div id="usuario">
            <table width="100%" id="data" class="table-dg-grid" >
             <thead>
              <tr>
              <th><div id="carga1" class="carga1"></div></th>
       <tr bgcolor=#DFEBFF id=t70 ondblclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                     <th><span title="selecc">Selecc.</span></th>
                    <th><span title="id_aviso">Nº Aviso</span></th>
                    <th><span title="telefonos">Teléfono</span></th>
                    <th><span title="name">Nombre</span></th>
                    <th><span title="poblacion">Población</span></th> 
                     </tr>
                </thead>
                <tbody>
                </tbody>                  
            </table> 
                </div>
 

y este el ajax:

Código HTML:

function filtrar()
{   
    $.ajax({
        data: $("#frm_filtro").serialize()+ordenar,
        type: "POST",
        dataType: "json",
        url: "ajax.php?action=listar",
            success: function(data){ 
    var html_user ='' ;
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
 html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.id_aviso + String.fromCharCode(39)  + ');" >';
 html_user += '<td ><input name="demo" type="radio" value=""/></td>';
 html_user += '<td >'+item.id_aviso+'</td>';
 html_user += '<td>'+item.telefono+'</td>';
 html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
 html_user += '<td>'+item.poblacion+'</td>';
 html_user += '</tr>';
            
                                  
        });                     
    } 
    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    $("#data tbody").html(html_user);
}
 

Saludos.

[dashtrash]

Iniciado por satjaen

Ok, gracias por la explicación. Entonces como puedo hacerlo, porque en el html que los imprimo si le doy estilo no voy a poder distinguir cual de los dos select se ha elegido no?

Si eso fuera así (que al darle estilo no pudieras distinguir cuál de los dos selects se ha elegido), qué diferencia habría si ese estilo se lo hubieras dado desde php, o json (en caso de que eso tuviera sentido)?

A lo que voy con todo esto, y con la explicación anterior, es que programar consiste en solucionar problemas.Una parte importante de ello es describirlo bien, y acotar qué cosas importan para resolverlo, y qué cosas no.Y la programación, en sí misma, es un problema.
En tu pregunta inicial, preguntas sobre un problema que tienes con la solución que le estás dando a un problema previo.Lo que ocurre es que ese problema previo, está mal planteado (porque mezclas cosas de PHP, json, css y html).De hecho, en tu siguiente post, hablas de "cómo distinguir los valores", que es, seguramente, parte del problema inicial que intentas resolver.
Cuando pegas el código, estás haciendo una, o dos, de las siguientes cosas:
- Mostrar la solución que estás dando a un problema mal planteado
- Intentar que los lectores del foro "deduzcan" tu problema inicial a partir de un montón de código (no esperes que eso ocurra), y le den una solución.
Realmente, lo que nos ayuda a ayudarte, es que plantees el problema inicial, ya que, en este caso, es ahí donde está la dificultad.No es que tengas un pequeño problema en la solución.Sino en el propio planteamiento.

[satjaen]

Iniciado por dashtrash

Si eso fuera así (que al darle estilo no pudieras distinguir cuál de los dos selects se ha elegido), qué diferencia habría si ese estilo se lo hubieras dado desde php, o json (en caso de que eso tuviera sentido)?

A lo que voy con todo esto, y con la explicación anterior, es que programar consiste en solucionar problemas.Una parte importante de ello es describirlo bien, y acotar qué cosas importan para resolverlo, y qué cosas no.Y la programación, en sí misma, es un problema.
En tu pregunta inicial, preguntas sobre un problema que tienes con la solución que le estás dando a un problema previo.Lo que ocurre es que ese problema previo, está mal planteado (porque mezclas cosas de PHP, json, css y html).De hecho, en tu siguiente post, hablas de "cómo distinguir los valores", que es, seguramente, parte del problema inicial que intentas resolver.
Cuando pegas el código, estás haciendo una, o dos, de las siguientes cosas:
- Mostrar la solución que estás dando a un problema mal planteado
- Intentar que los lectores del foro "deduzcan" tu problema inicial a partir de un montón de código (no esperes que eso ocurra), y le den una solución.
Realmente, lo que nos ayuda a ayudarte, es que plantees el problema inicial, ya que, en este caso, es ahí donde está la dificultad.No es que tengas un pequeño problema en la solución.Sino en el propio planteamiento.

Ok, perdonad si al principio no me explique con claridad.
Pero ahora se entiende lo que quiero hacer?

[dashtrash]

No.Dices , simplemente:

si le doy estilo no voy a poder distinguir cual de los dos select se ha elegido no?

Qué selects? Qué quieres hacer? Cuál es la lógica que debe guiar esos selects? Qué tiene que ver los colores (vengan de donde vengan) con esos dos selects?
Puedes decir algo como:
- Tengo 2 selects.Cuando uno cambia, hago una llamada ajax y cargo las opciones del segundo.Lo que quisiera hacer es....?

[satjaen]

A ver creo que despues tan mal no me explicado. Pero si sirve de aclaración los select están en el php del 4 permalink. En realidad son varios SELECT. Uno de los select es avisos y los otros dos son usuarios y dir_usuarios. Lo que hago es una recuperación de esas tablas. Luego hay tres opciones:
1. No hay datos en ninguna tabla
2. Hay datos en la tabla avisos
3. Hay datos en las tablas usuarios y dir_usuarios

De esas opciones es donde quiero que al imprimir lo datos me distinga si se han encontrado datos en la opción 2 o en la opción 3.

No se sí ahora me explique bien.

[dashtrash]

Si un dato puede pertenecer a "usuarios" o a "dir_usuarios", lo primero es incluir esa información en el json, digamos en un campo "procedencia"
Cuando lo recibas en html, basándote en el valor de "procedencia", haces lo que necesites.
Es parecido a lo que te dice rodno, pero, en vez de hacer que PHP decida sobre "colores", lo que haces es enviar un dato bien especificado, y que sea el cliente (HTML+javascript) el que a partir de la información, monte la representación visual.

[satjaen]

Ok, gracias pruebo y comento.

[satjaen]

Una pregunta, donde tengo que poner el campo style en el html o en el ajax?.

ajax.php

Código PHP:

$datos[] = array( 
            'id_aviso'          => $row['id_aviso'], 
            'telefonos'          => $row['telefonos'], 
            'name'      => $row['name'], 
            'apellidos'       => $row['apellidos'], 
            'localidad'        => $row['localidad'],
            'style'            => 'background-color:red;'
        );
 

index.html

Código HTML:

<div id="usuario">
            <table width="100%" id="data" class="table-dg-grid" >
             <thead>
              <tr>
              <th><div id="carga1" class="carga1"></div></th>
       <tr bgcolor=#DFEBFF id=t70 ondblclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                     <th><span title="selecc">Selecc.</span></th>
                    <th><span title="id_aviso">Nº Aviso</span></th>
                    <th><span title="telefonos">Teléfono</span></th>
                    <th><span title="name">Nombre</span></th>
                    <th><span title="poblacion">Población</span></th> 
                     </tr>
                </thead>
                <tbody>
                </tbody>                  
            </table> 
                </div>
 

js.js

Código Javascript:

html_user += '<tr ondblclick="pulsar(this, ' + *String.fromCharCode(39) + item.id_aviso + String.fromCharCode(39) *+ ');" >';
html_user += '<td ><input name="demo" type="radio" value="' + item.id_aviso + '"/></td>';
html_user += '<td>'+item.id_aviso+'</td>';
html_user += '<td>'+item.telefonos+'</td>';
html_user += '<td>'+item.name+' '+item.apellidos+'</td>';
html_user += '<td>'+item.localidad+'</td>';
html_user += '</tr>';
 

[dashtrash]

Como puedes poner un campo "style" en un "ajax"? Ajax es el nombre de una técnica de comunicación del navegador con el servidor...style es un tag HTML....Por lo tanto..

[satjaen]

Iniciado por dashtrash

Como puedes poner un campo "style" en un "ajax"? Ajax es el nombre de una técnica de comunicación del navegador con el servidor...style es un tag HTML....Por lo tanto..

Ok, como lo recojo en el html?

[satjaen]

Por favor, es que no se donde tengo que poner style = "$datos['style']" en el html ya que en el solo lo que hago es tener una cabecera de las filas que se van a imprimir en el div.

Esto sería la cabecera del div-> Selecc. Nº Aviso Teléfono Nombre Población
Y estos los datos recuperados---------> 1 954567890 Juan Barcelona
Que en html es:

Código HTML:

<div id="usuario">
            <table width="100%" id="data">
             <thead>
              <tr>
              <th><div id="carga1" class="carga1"></div></th>
       <tr bgcolor=#DFEBFF id=t70 ondblclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                     <th><span title="selecc">Selecc.</span></th>
                    <th><span title="id_aviso" >Nº Aviso</span></th>
                    <th><span title="telefonos">Teléfono</span></th>
                    <th><span title="name">Nombre</span></th>
                    <th><span title="poblacion">Población</span></th> 
                     </tr>
                </thead>
                <tbody>
                </tbody>                  
            </table> 
                </div>
 

Y luego los datos que salen en el div son los item recuperados de los arrays no?
Estos serian los arrays del SELECT:

Código Javascript:

$datos[] = array( 
            'id_aviso'          => $row['id_aviso'], 
            'telefonos'          => $row['telefonos'], 
            'name'      => $row['name'], 
            'apellidos'       => $row['apellidos'], 
            'localidad'        => $row['localidad'],
            'style'            => 'background-color:red;'
        );
 

Y los item del js:

Código Javascript:

html_user += '<tr ondblclick="pulsar(this, ' + *String.fromCharCode(39) + item.id_aviso + String.fromCharCode(39) *+ ');" >';
html_user += '<td ><input name="demo" type="radio" value="' + item.id_aviso + '"/></td>';
html_user += '<td>'+item.id_aviso+'</td>';
html_user += '<td>'+item.telefonos+'</td>';
html_user += '<td>'+item.name+' '+item.apellidos+'</td>';
html_user += '<td>'+item.localidad+'</td>';
html_user += '</tr>';
 

Luego esto:

Código HTML:

'style'            => 'background-color:red;'
 

Donde debe de colocarse

[dashtrash]

Código PHP:

...
html_user += '<td  style="'+item.style+'">.....'
html_user += '<td  style="'+item.style+'">.....'
...
 

[satjaen]

Iniciado por dashtrash

Código PHP:

...
html_user += '<td  style="'+item.style+'">.....'
html_user += '<td  style="'+item.style+'">.....'
...
 

@dashtrash muchas gracias, así aprendo.

Código Javascript:

html_user += '<td  style="'+item.style+'">'+item.id_aviso+'</td>';
 

[dashtrash]

Verás, esa respuesta te la podía haber dado al principio del thread...Pero es que el problema mayor que estaba viendo, no era que no consiguieras poner un estilo a nosequé tabla, o div.Sino que mezcles cosas.El problema de mezclarlo, no es que no "sepas", sino que se te hace más difícil entender éste, y muchos otros problemas.
Aparte, entre andaluces tenemos que ayudarnos!!!

[satjaen]

Iniciado por dashtrash

Verás, esa respuesta te la podía haber dado al principio del thread...Pero es que el problema mayor que estaba viendo, no era que no consiguieras poner un estilo a nosequé tabla, o div.Sino que mezcles cosas.El problema de mezclarlo, no es que no "sepas", sino que se te hace más difícil entender éste, y muchos otros problemas.
Aparte, entre andaluces tenemos que ayudarnos!!!

Ok, casi paisano.:D