How do I use the simpletip script in a frame

when using Simple tooltips script In the frame, half of the balloon is created in the box. What is the solution???

http://craigsworks.com/projects/simpletip/#

frame dize:

<iframe scrolling="no" src="frame.php" style="width:960px; height:460px;"></iframe>

script:

$('.spot').each(function(){
    var id= $(this).attr("id");
    $(this).simpletip({
        persistent:true,focus:true, fixed: true, position:'top', showEffect:'fade', hideEffect:'fade', ![enter image description h开发者_如何转开发ere][3]content:'<div class="intip"><img src="o/wait30.gif"></div>',onShow: function(){this.load('spot.php',{b:id,c:1});}
    });
});

Another photo for example

please help me

It's not a "box". It's an iframe, a separate document embedded in your window. Everything inside it is self-contained. Not even the seamless property (in HTML5) can change this.

The solution is not to use iframes here.

If I understand correctly, your asking how to avoid having your tooltips within an iframe being hidden when they appear past their border.

As far as I could tell, you can't achieve that effect. Not to mention, iframes are deprecated and bad karma and all that stuff, so really unless you can't avoid it, you shouldn't be using it. Regardless, I'm quite confident you can't have the effect your looking for.

You can adjust the position of your tooltips with that script, so you can simply specify a visible area, however this isn't a very scalable option.

Best of luck, and as @Shef has mentioned, you should really offer a clearer explanation.