P
papaver
Guest
Hallo zusammen,
die Anzeige meiner Tooltips im Content-Bereich, wird vom umgebenden div-container abgeschnitten. Das heißt konkret, sobald der Tooltip in den Header bzw. Footer-Bereich hineinreicht, wird er abgeschnitten.
Habe versucht das Problem mit appendTo('body') bzw append zu lösen, doch dann wird der per php-generierte tooltip-Inhalt nicht mehr richtig angezeigt, und alle Tooltips erscheinen in der oberen linken Bildschirmecke.
Welche Möglichkeit gibt es die Tooltips vollständig, auch außerhalb des umgebenden div-containers (content) anzeigen zu lassen?
die Anzeige meiner Tooltips im Content-Bereich, wird vom umgebenden div-container abgeschnitten. Das heißt konkret, sobald der Tooltip in den Header bzw. Footer-Bereich hineinreicht, wird er abgeschnitten.
HTML:
<script type="text/javascript">
$(document).ready(function () {
$('div.thumbnail-item').mouseenter(function(e) {
x = e.pageX - $(this).offset().left;
y = e.pageY - $(this).offset().top;
$(this).css('z-index','15')
.children("div.tooltip")
.css({'top': y - 150,'left': x - 50,'display':'block'});
}).mousemove(function(e) {
x = e.pageX - $(this).offset().left;
y = e.pageY - $(this).offset().top;
}).mouseleave(function() {
$(this).css('z-index','1')
.children("div.tooltip")
.animate({"opacity": "hide"}, "fast");
});
});
</script>
Habe versucht das Problem mit appendTo('body') bzw append zu lösen, doch dann wird der per php-generierte tooltip-Inhalt nicht mehr richtig angezeigt, und alle Tooltips erscheinen in der oberen linken Bildschirmecke.
Welche Möglichkeit gibt es die Tooltips vollständig, auch außerhalb des umgebenden div-containers (content) anzeigen zu lassen?