[SOLUCIONADO] Adaptar función php con Tooltip

[mikehove]

Hola amigos.
Espero que estén muy bien. Necesito nuevamente su ayuda... Pero antes, humildemente, quiero referirme a algunos amigos colaboradores que ojalá pudan seguir ayudándome porque en otros Post me supieron ayudar y fui un poquito "duro" de entender, GRACIAS por la PACIENCIA!
Gracias a Triby, Pateketrueke y PHPeros: Gracias por su tolerancia. Abrazo gigantes sinceros!!



Hoy traigo un código, que gracias a Triby, en un Post antiguo funciona bárbaro para mi BD.
Necesito adaptarle un Tool-tip, como este:
http://jsfiddle.net/om9v6k9p/

Código PHP:

function menu( $productos_parent_id = 0 ){      
         $menu = ''; 
         $sql = "SELECT * FROM productos WHERE productos_parent_id = $productos_parent_id";      
         $query = mysql_query( $sql );   
         $cant = mysql_num_rows( $query );           
         if( $cant > 0 ){ $menu .= '<ul id="org" style="display:none">'; }             
         while( $resultado = mysql_fetch_assoc( $query ) ){               
            $menu .=  '<li>' .$resultado['productos_nombre']; 
            $menu .= menu( $resultado['productos_id'] ) . '</li>';                        
         }          
         if( $cant > 0 ){ $menu .= '</ul>'; }        
         return $menu; 
} 
     $menu = menu(); 
         echo $menu;
 

La idea es que al apoyarse en cada "productos_nombre" pueda desplegarse el Tooltip mostrando su "productos_id" y mostrar además un nuevo campo llamado "nivel_prof" de la misma BD.

Intenté esto, pero sé que está mal porque no se tratar correctamente funciones recursivas:

Solo modifiqué la línea 8 y 9 del código anterior:

Código PHP:

$menu .=  '<li><a id="toggleSwitch_jd">' .$resultado['productos_nombre'].'</a>';
$menu .= menu( '<div id="theBox_3">'.$resultado['productos_id'],$resultado['nivel_prof'].'</div>' ) . '</li>';
 

Ojalá puedan ayudarme!

[Triby]

Me parece que tu problema es de HTML+CSS y no de PHP.

Lo primero es hacer que funcione directamente en HTML y, ya que lo tengas funcionando, entonces hacer las adaptaciones necesarias en PHP y revisando el código fuente (en el navegador) para verificar que lo estás armando correctamente.

Código PHP:

$menu .=  '<li><a id="toggleSwitch_jd">' .$resultado['productos_nombre'].'</a>';
    $menu .= menu( '<div id="theBox_3">'.$resultado['productos_id'],$resultado['nivel_prof'].'</div>' ) . '</li>';
 

En la segunda línea tienes dos errores:

1- La función menu() debe recibir un entero y tú estás enviando una cadena
2- Suponiendo que eso funcionara, estarías creando varios div con la misma id (theBox_3) lo que te generaría errores HTML/Javascript.

[mikehove]

Amigo Triby, gracias por responder.

Tratando de adaptarlo, para que no haya complicaciones con HTML+CSS, lo reemplacé a esta idea de Tool-tip.

SOLUCION:

Código PHP:

$menu .= '<li class="bloque"><div class="descripcion">' .$resultado['productos_nombre'].'</div>'; 
$menu .= menu($resultado['productos_id']);          
$menu .='<div class="informacion">';
$menu .= $resultado['niv_prof'];
$menu .= '</div>';      
$menu .='</li>';