Tooltip que cambia dependiendo de un valor
Publicado por unexes (124 intervenciones) el 18/02/2013 22:36:35
Hola a tod@s.
De nuevo aqui para esponer un problema que tengo y que solucione en parte,
tengo unas imagenes que al poner el ratón encima aparece un "tooltip" hecho en CSS y que dependiendo del valor que hay en disponibilidad "SI" o "NO" me muestra la imagen con cierta opacidad o sin ella (eso funciona bien) y tambien me muestra el tooltip de distinto color (eso tambien funciona) el problema es que quiero que si valor del campo disponibilidad es "SI" me salga en el tooltip un determinado Texto y si es "NO" otro texto distinto, las classes las he duplicado ahora se llaman "Tooltip" y Tooltip2" y en ellas solo he cambiado el color (y eso tambien me funciona bien), lo que no me funciona es que me saca siempre el mismo texto, he probado lo siguiente y funciona todo pero me sigue sacando el mismo texto independientemente si el valor de Disponibilidad es "SI" o "NO".
Me podeis ayudar y decirme en el código que pongo a continuación que es lo que esta mal:
Las Clases son:
De nuevo aqui para esponer un problema que tengo y que solucione en parte,
tengo unas imagenes que al poner el ratón encima aparece un "tooltip" hecho en CSS y que dependiendo del valor que hay en disponibilidad "SI" o "NO" me muestra la imagen con cierta opacidad o sin ella (eso funciona bien) y tambien me muestra el tooltip de distinto color (eso tambien funciona) el problema es que quiero que si valor del campo disponibilidad es "SI" me salga en el tooltip un determinado Texto y si es "NO" otro texto distinto, las classes las he duplicado ahora se llaman "Tooltip" y Tooltip2" y en ellas solo he cambiado el color (y eso tambien me funciona bien), lo que no me funciona es que me saca siempre el mismo texto, he probado lo siguiente y funciona todo pero me sigue sacando el mismo texto independientemente si el valor de Disponibilidad es "SI" o "NO".
Me podeis ayudar y decirme en el código que pongo a continuación que es lo que esta mal:
1
<td><a <?php echo ! empty ($registro['Disponibilidad']) ? ' class="Tooltip"' : ' class="Tooltip2"'; ?> href="Ficha.php?Id=<?php echo $registro['Id']; ?>"><img border="0" src="<?php echo $registro['FotoPrincipal']; ?>" width="165px" height="240px" <?php echo ! empty ($registro['Disponibilidad']) ? ' class="opaco-no"' : ' class="opaco-si"'; ?></a> <span class="Tooltip"><font class="Guias4">Disponibilidad: SI</font> <font class="Guias6">Horario:</font><br /><?php echo $registro['Horario']; ?></span><span class="Tooltip2" <font class="Guias4">Disponibilidad Temporal: NO</font> </span></td>
Las Clases son:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
a.Tooltip {
}a.Tooltip:hover {
}a.Tooltip span {
display: none;}a.Tooltip:hover span{
background-color: #FFFFFF;
}a.Tooltip2 {
}a.Tooltip2:hover {
}a.Tooltip2 span {
display: none;}a.Tooltip2:hover span{
background-color: #FF0000;
}Valora esta pregunta
0
