Yo, dentro de la misma pagina .html quiero que al pasar el mouse sobre el texto "X" el tooltip me muestre el texto en rojo y al pasar el mouse sobre el texto "Y" me muestre texto en verde. No logro hacerlo funcionar.
Les agradeceria de todo corazon su ayuda.
El tooltip que estoy usando es este...
demos111.mootools.net/Tips
PD: Los diferentes "Tips" no los pude hacer funcionar, en el ej de la pagina muestra otro con diferente color pero a mi no me funciona, quiza este haciendo algo mal.
Este es mi "CSS"
Código:
Este es mi mi "JS".tool-tip { color: #fff; width: 139px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 10px; font-family:Verdana, Geneva, sans-serif; margin: 0; color: #CCCCCC; padding: 8px 8px 4px; background: url(images/burbuja.png) top left; } .tool-text { font-size: 9px; font-family:Verdana, Geneva, sans-serif; padding: 4px 8px 8px; background: url(images/burbuja.png) bottom right; color: #00CC00; } .custom-tip { color: #000; width: 130px; z-index: 13000; } .custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; } .custom-text { font-size: 9px; font-family:Verdana, Geneva, sans-serif; padding: 4px 8px 8px; background: url(images/burbuja.png) bottom right; color: #FF0000; }
Código:
Si necesitan algun dato mas, estoy a su disponibilidadwindow.addEvent('domready', function(){ /* Tips 1 */ var Tips1 = new Tips($$('.Tips1')); });
de antemano, muchisimas gracias.