دیتالایف انجین فارسی

<script type="text/javascript">
$(document).ready(function() {
$('.ask').click(function(e) {
e.preventDefault();
thisHref    = $(this).attr('href');
if($(this).next('div.question').length <= 0)
$(this).after('<div class="question">آیا مطمئن هستید؟<br/> <span class="yes">بلی</span><span class="cancel">خیر</span></div>');
$('.question').animate({opacity: 1}, 300);
$('.yes').live('click', function(){
window.location = thisHref;});
$('.cancel').live('click', function(){
$(this).parents('div.question').fadeOut(300, function() {
$(this).remove();});
});});});
</script>

.question {
    position: absolute;
    display: inline;
    text-align: center;
    width: 174px;
    height: 78px;
    font-size: 11px;
    line-height: 13px;
    background: url(../images/bubble.png) left top no-repeat;
    padding: 10px 0 0 0;
    text-shadow:0 0px 1px #ccc;
    margin-left: -7em;
    margin-top: -6em;
    opacity: 0;
}
.yes, .cancel {
    margin-top: .5em;
    margin-right: .5em;
    cursor: pointer;
    display: inline-block;
    width: 63px;
    padding-top:2px;
    height: 21px;
    color: #111;
    text-shadow:0 0px 1px #ccc;
    background: url(../images/button.png) left top no-repeat;
}

<a href="{logout-link}" class="ask">خروج</a>

    margin-left: -7em;
    margin-top: -6em;