Pop-up preview

Code:

if (/\/?f\d+.*/.test(window.location.pathname)) {
    $(function () {
        $('a.topictitle').after('<a href="#" style="margin-left: 5px;" class="preview_topic"><img src="http://png-2.findicons.com/files/icons/573/must_have/16/preview.png"/></a>');
        $('.preview_topic').click(function () {
            var url = this.previousSibling.href;
            $('body').prepend('<div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;" class="modal" id="document_modal"></div><div id="topic_popup" class="popupWrapper" style="z-index: 10001;"></div>');
            $('#topic_popup').load(url + ' .post:first', function () {
                $('#document_modal').click(function () {
                    $('#document_modal, #topic_popup').remove();
                });
            });
            return false;
        });
    });
}

Code:

.popupWrapper {   
    background-color: rgba(70, 70, 70, 0.6);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
    left: 300px;
    margin: 0 auto !important;
    max-height: 400px;
    max-width: 700px;
    overflow: auto;
    padding: 5px;
    position: fixed !important;
    top: 200px;

BobbyDev a écrit:Simpa , mais sa serais mieux au lieu d'une pop-up d'avoir plutot un aperçut du 1er message via une réaction a l'événement "Hover" sur la loupe , est que sa l'affiche dans un mini carrer qui apparais dans l'écran.