Mostrar aviso sólo si tooltip visible durante 5 seg

[larios_tnt]

He creado un tooltip y lo que quiero hacer es que si dicho tooltip está visible durante 3 segundos, se muestre un mensaje tipo "Lleva viendo esto más de 3 segundos..."

¿Alguien me puede decir cómo lo puedo hacer? He visto que para el manejo de eventos de tiempo son muy escasos

style.css

Código:

a.tooltip{font:11px Geneva, Arial, Helvetica, sans-serif; color:#CC3E6E; text-decoration:none;}
a.tooltip:hover{border-bottom: 1px dotted #CC3E6E;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {display:none; margin:0 0 0 10px; padding:5px 5px; }
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #CC3E6E; background:#FFEFF5; color:#CC3E6E !important;}

codigo.js

Código:

var sms = "";

function replaceAll(txt, replace, with_this) {
  return txt.replace(new RegExp(replace, 'g'),with_this);
}

sms = "<p><a class=\"tooltip\" href=\"#\"> probando<span> probando Tooltip</span></a></p>";
document.body.innerHTML = replaceAll( document.body.innerHTML, "inicio", sms );

[_cronos2]

Cuando se muestre, creas un setTimeout de 3000ms, y entonces compruebas si sigue visible, si lo está, creas otro div y escribes ahí lo que necesites.
Saludos (:

[larios_tnt]

Iniciado por _cronos2

Cuando se muestre, creas un setTimeout de 3000ms, y entonces compruebas si sigue visible, si lo está, creas otro div y escribes ahí lo que necesites.
Saludos (:

He creado las siguientes funciones:

Código:

function timeMsg(){
  var time = setTimeout(alertMsg(), 3000);
}

function alertMsg() {
  window.alert("Hello");
}

¿Dónde pongo onMouseOver="timeMsg()" en la variable "sms"?

[_cronos2]

En lo que sea el tooltip. En el setTimeout, quítale los paréntesis a alertMsg.
Saludos (:

[larios_tnt]

He conseguido que aparezca un mensaje cuando el ratón pasa por una palabra y otro mensaje cuando sale:

Código:

sms = "<a onMouseOver=\"window.alert('Dentro')\" onMouseOut=\"window.alert('Fuera')\" class=\"tooltip\" href=\"#\">" + "Barrio Sesamo" + "<span>" + "Tooltip" + "</span></a>"

Lo que no consigo entender es qué tengo que hacer para que onMouseOver pueda llamar a un método mío (timeMsg):

Código:

function timeMsg()  {
  window.alert("Dentro");
}

He probado las siguientes variantes puesto que no conseguía:

Código:

onMouseOver=\"timeMsg(void)\"
onMouseOver=\"timeMsg()\"
onMouseOver=\"timeMsg\"
onMouseOver='timeMsg(void)'
onMouseOver='timeMsg()'
onMouseOver='timeMsg'

[_cronos2]

En teoría la 2ª y la 5ª opción deberían funcionar.
Saludos (:

[larios_tnt]

Gracias cronos2, cuando consiga solucionarlo lo posteo ;)

[larios_tnt]

Ya he encontrado el problema :)

La cuestión está en que como hago modificaciones en el cliente, éste no encuentra mi función en su código por lo que no hace nada. La solución ha consistido en añadir mi función al html del cliente.

Aunque esta solución funciona, ¿no hay alguna forma para decirle que las funciones las ejecute desde el plugin y no desde la web?