ansaurus

Question

Answer 1

+2 A:

The problem is that code inside mouseover function is never executed. When a mouseover even occurs, jQuery is used to reassign a function to mouseover, while it should be executed instead.

Make the following changes:

Remove onmouseover from details div:

<div id="details">keyword</div>

Execute tooltop function when document is loaded by writing:

<script>
$(document).ready(function(){
{
    $("#details").mouseover(function() {
        $("#show").show("slide", {}, 1000);
    });
}
</script>

jsalonen 2010-02-03 14:15:53

Thanks............................................

Hulk 2010-02-03 14:29:06

Answer 2

+2 A:

You're attaching mouseover logic every time the user mouses over your element. You don't need to wrap this logic in a function, not in your case.

$(function(){
  $("#details").mouseover(function(){
    $("#show").show();
  });
});

Now the following line becomes obsolete:

<div id="details" onmouseover="javascript:tooltip(this);">

By writing $("#details").mouseover() we have already declared this logic. There's no need to place it in the mouseover attribute of the element via HTML now. You should be left with:

<div id="details">

Jonathan Sampson 2010-02-03 14:20:19

Thanks.................................

Hulk 2010-02-03 14:30:15

ansaurus

tags:

views:

answers:

jquery slider and mouseover code

related questions