Salto de linea en title Firefox

[truman_truman]

Como poner salto de linea en el title de un link o imagen o cualquier elemento, y que se vea el salto al pasar el mouse por encima del link en Firefox.
En IE y Crome funciona correctamente con & #10; pero no en Firefox, y es un dolor muy grande que nuestro querido Firefox no lo reconozca

Este funciona en IE y Crome
<a href="#" title="aaa & #10; aaaaaaaa">\ r</a>


Probé Tambien las siguientes opciones, ninguna funciona:

Código HTML:

\n
\n\r
\r
\s
\t
& #13;& #10;
& #10;
& #10;
& #10;


<br>
<br />
 

Ya he leido varios post del foro, pero nadie a podido solucionarlo

NOTA: he puesto un espacio aqui & #13 porque sino no se ve en el foro

[gildus]

Holas,

Haz tratado de buscar algo con jquery?

http://craigsworks.com/projects/qtip2/demos/

Saludos

[emprear]

No te va a funcionar, la única alternativa es hacer algún tipo de tooltip, hay algunas solo con css, otras con javascript, y varios plugins de jquery.

http://www.google.com/search?hl=es&q...e+tooltips&lr=

SAludos

[gildus]

Es cierto, no todos los navegadores te muestran lo mismo. Trata de usar plugins de jquery hay muchisimos ejemplos.

Saludos

[truman_truman]

Gracias por contestar, el problema es que es para las fechas del datapicker de jquery ui, y ninguno funciona correctamente.
Ya había probado algunos antes de postear, tampoco encuentro solucion al respecto

[gildus]

De lo que muestras anteriormente:

Código HTML:

\n
\n\r
\r
\s
\t
& #13;& #10;
& #10;
& #10;
& #10;


<br>
<br />
 

En que parte del DataPicker tienes el error o que no te funciona?. porque es simplemente colocar:

$( "#datepicker" ).datepicker();

y adjuntar los estilso del jquery ui.


Saludos

[truman_truman]

Bueno será mejor que muevan el tema al foro de jquery


El tema es asi, obtengo las fechas en las que hay eventos de mi base de datos, y hago que aparezcan resaltadas en naranja cambiando su css, de esta forma

Código Javascript:

$( "#datepicker" ).datepicker({
.....
......
......
 
            beforeShowDay: function(date) {
                var current = $.datepicker.formatDate('dd/mm/yy', date);
 
 
                if(jQuery.inArray(current, events)== -1)
                {
                    return [true, ''];
                }else{
                    mostrarTool = toolTips[current];
                    return [true, 'ui-state-hover ui-state-highlight', mostrarTool];
                }
                
          
                
            },
......
.......
.......
 

funciona correctamente, me muestra la fecha resaltada, y el title aparece al pasar el mouse por encima de cada una, el problema es que
firefox no me reconoce el salto de linea que hay dentro de cada title, y necesito que lo haga, porque si en una fecha hay 2 eventos, al pasar el
mouse, y al no haber salto de linea que las separe, me sale todo el texto junto y no se entiende nada.



Dicho salto de linea funciona correctamente en ie y crome.


Al tratar de aplicar tooltips de jquery, no funcionan correctamente.
lo que sucede es que se ve el tooltips de jquery y el del navegador y se superponen ,
osea no se quita el tooltips por defecto del navegador.


he hecho varias pruebas, uno de estos tooltips ha funcionado corredtamente, solo que al
hacer clic sobre la fecha, aparecia el tooltips del navagador y se mezclaban los dos otra vez.


Ya no se que hacer hace 3 dias que estoy con esto, un simple salto de linea me complicó la vida

[emprear]

En realidad me tiene un poco confundido el problema, porque no entiendo en dónde estás poniendo los "title"si se aplican a cada fecha resaltada

Mucha experiencia con ese datepicker no tengo, apenas si lo usé alguna vez pero tan solo para completar los campos de texto con la fecha.

Pero estuve haciendo algunas pruebas y te paso los resultados, a lo mejor sacas algo en claro

Por un lado tengo mi propio calendario de eventos, no es un "datepicker" es justamente un calendario de eventos (php + mysql), pero tiene adicionado un plugin tipo lightbox, que genera descripciones con saltos de linea extraidos de la BD y pasados con el atributo rev (el title tambien lo usa, pero solo para indicar la cantidad de eventos para ese día) Si te fijas en el código fuente, vas a ver que en el atributo rev, están convertidos a entidades html

Demo
http://emprear.com/calendario-evento...s=12&anio=2010
mira que es una demo y hay pocos eventos (nov 2010 a ene 2011)

Después esta otra, que encontré en otra parte que implementa un tooltip + un datepicker (pero el tooltip es para el campo de texto, no para las fechas) y en este caso solo usa tags html y la class tooltip, que está definida inline.

Demo
http://emprear.com/calendario-eventos/xxx.html

En una de esas te sirve algún dato

Saludos

[truman_truman]

Agradezco mucho tu investigación, estoy usando el datepicker de jquery UI , y el solo se encarga de asignar los titles, yo solo se los paso mediante una consulta a la base de datos, estos titles se los asigna al title de la <td> , por defecto es así, y supongo que no lo puedo cambiar, igualmente ese no será el problema, el problema es que ninguno de los tooltips me esta funcionando correctamente, ya probé con el evento live de jquery y nada, algunos de estos tooltips que he probado ni siquiera aparecen.



el segundo ejemplo usa jquery tools , tambien la he probado, pero parece que ocaciona conflictos con jquery UI