Foros del Web » Programando para Internet » PHP »

Tooltip en select PHP

Estas en el tema de Tooltip en select PHP en el foro de PHP en Foros del Web. Buenas, tengo un select, que se crea con datos de la BD, con PHP, y necesito que para cada opción, haya un tooltip que describa ...
  #1 (permalink)  
Antiguo 04/04/2011, 05:48
 
Fecha de Ingreso: diciembre-2008
Mensajes: 116
Antigüedad: 11 años, 1 mes
Puntos: 0
Tooltip en select PHP

Buenas, tengo un select, que se crea con datos de la BD, con PHP, y necesito que para cada opción, haya un tooltip que describa la opción. El texto del tooltip no está en la misma tabla que el contenido del select, pero me gustaría saber las distintas formas, con el texto "a pelo", o con el texto en la BD.

Saludos.
  #2 (permalink)  
Antiguo 04/04/2011, 10:03
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 11 años, 6 meses
Puntos: 1532
Respuesta: Tooltip en select PHP

podrías usar javascript para modificar el title global del select o usar un código o plugin de tooltip de algún framework javascript, pero esto no depende de php

nota: un title para cada option funciona en FF, pero es posible que no funcione en otros como chrome
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 06/04/2011, 08:43
 
Fecha de Ingreso: diciembre-2008
Mensajes: 116
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Tooltip en select PHP

Cita:
Iniciado por maycolalvarez Ver Mensaje
podrías usar javascript para modificar el title global del select o usar un código o plugin de tooltip de algún framework javascript, pero esto no depende de php

nota: un title para cada option funciona en FF, pero es posible que no funcione en otros como chrome
OKi, gracias, veré eso q me dices.

saludos
  #4 (permalink)  
Antiguo 24/09/2016, 16:53
Avatar de Jfco  
Fecha de Ingreso: marzo-2016
Mensajes: 8
Antigüedad: 3 años, 11 meses
Puntos: 1
Información Respuesta: Tooltip en select PHP

//Puedes definirte un tooltip a tu medida con CSS y administrarlo mediante PHP.
//Por ejemplo, con PHP puedes "cargar" desde una base de datos el texto que vas a mostrar en ese tooltip.



//Codigo PHP
//========


//Ej.- Obten los numeros y nombres de Cliente desde la Base de datos...
// Para el Tooltip, concatena todo ese texto dentro de lo que va a ser el propio 'span'...

$span = "<BR>Clientes posibles:<BR>";

$select="SELECT orden, cliente FROM users";
$qry = mysql_query($select,$link)
or die("<BR>" . mysql_error() . "<BR><BR> Error_sql_command!!!... <BR>" . $select);
// Finaliza la Aplicacion!!!...

while($row = mysql_fetch_array($qry)) {
$span .= $row[0] . " - " . $row[1] . "<BR>";
}


//muestra la viñeta creada al tocar la imagen...
<a class="tooltips" href=""><IMG SRC="cliente.jpg" WIDTH=28 HEIGHT=28><span>' . $span . ' </span></a>




//Codigo CSS
//========

//Asigna propiedades al tooltip como el ancho y alto que necesites para mostrar toda esa informacion.
//Posiciona, a tu gusto, la viñeta creada dentro de la pantalla HTML.


a.tooltips {
color: white;
font-family:"Times New Roman",serif;
font-style:italic;
font-size: 1.2em;
background: darkgray;
padding: 2px 2px 2px 2px;
position: relative;
display: inline;
}

a.tooltips span {
position: absolute;
color: #FFFFFF;
width:200px;
background: gray;
height: 500px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}

a:hover.tooltips span {
visibility: visible;
opacity: 0.8;
bottom: -240px;
left: -1250%;
margin-left: 80px;
z-index: 999;
}

Última edición por Jfco; 25/09/2016 a las 03:53

Etiquetas: html, select, tooltip
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:22.