Моя подсказка обрезана пределами элемента div

Question

Мне нужно сделать всплывающую подсказку, когда окно сообщения «зависало». Все ящики сообщений находятся внутри div, называемого chatbox. Моя проблема заключается в том, что всплывающая подсказка обрезается div div чата, когда вы проходите границы чата. Вот jsfiddlehttp://jsfiddle.net/Ifalcao/k9Yrc/2.

Правило переполнения в divbox chat должно существовать, в противном случае, если у меня много сообщений, они пройдут лимит чата (http://jsfiddle.net/Ifalcao/URBDE).

Мне нужны окна сообщений внутри чата, но всплывающие подсказки ящиков сообщений вне чата.

Помогите мне пожалуйста.

Заранее спасибо.

Answer 1

Этот код, кажется, работает в вашей скрипке - я сделал подсказке дитя «тела», и установили его рядом с коробкой -Вот скрипка: http://jsfiddle.net/k9Yrc/8/

$('.box').hover(function(){ 
       var boxLeft = $(this).offset().left; 
       var boxTop = $(this).offset().top; 
       var htmltooltip = '<div id="info" class="shadow">'; 
       htmltooltip += '<h4>Label info</h4>'; 
       htmltooltip += '<img src="images/defaultphoto.gif"/>'; 
       htmltooltip += '</div>'; 
       $('body').append(htmltooltip).children('#info').hide().fadeIn(400).css('left', boxLeft - 150).css('top', boxTop + 100); 
       }, function() { 
        $('#info').remove(); 
        } 
      );