onMouseOver not working fine with hover

Posted by Lina on Stack Overflow See other posts from Stack Overflow or by Lina
Published on 2010-03-17T15:24:02Z Indexed on 2010/03/17 15:41 UTC
Read the original article Hit count: 510

Filed under:
|
|
|

Hi, i'm trying to get a popup window when hovering a div by calling the following function onMouseOver

function PopUp(h) {
    $('#task_' + h).hover(function (evt) {
        var html1 = '<div id="box">';
        html1 += '<h4>Taskbar ' + h + ' ännu en test - fredagstest </h4>';
        //html += '<img src="Pictures/DesertMini.jpg" alt="image"/>';
        html1 += '<p>"Test för task nr: ' + h + ' <br/>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium asperiores repellat."</p>';
        html1 += '</div>';
        $('#test').append(html1).children('#box').hide().fadeIn(100)
        $('#box')
            .css('top', evt.pageY)
            .css('left', evt.pageX + 20)
            .css('z-index', 1000000);
        }, function () {
            // mouse out
            $('#box').remove();
        });
        $('#task_' + h).mousemove(function (evt) {
            $('#box')
                .css('top', evt.pageY)
                .css('left', evt.pageX + 20)
                .css('z-index', 1000000);
        });
    }
}

h is some number I'm sending to the function

<div (some attributes) onMouseOver="PopUp('+someNumber+');">

but the onMouseOver is not working fine with the hover what do i do?

thanks a trillion in advance... Lina

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about onmouseover