форум вебмастероff на AlfaSpace.NET

Ubuntu и Linux |реактивный бесплатный хостинг | Киноклуб. ВСЁ БЕСПЛАТНО!
база знаний хостинга | правила форума

  Начало ° Ответить ° Статистика ° Опрос ° Регистрация ° Поиск ° FAQ °
Форум вебмастеров на AlfaSpace.NET / Создание сайта / Микроокно без навигации
Автор Сообщение
acsid
Alfa Guru

2466
# Дата: 24 Мар 2006 11:22 ° Поправил: acsid


Сложновато описать словами вот пример:
http://www.atfix.com/forum/index.php ( когда загружается страница ,поверх основной страницы появляеться окно с формой)
Как это делают?

acsid
Alfa Guru

2466
# Дата: 24 Мар 2006 11:54 ° Поправил: acsid


хм жестяк ) разобрался)

вначале стиль для дива
 
<style type="text/css"> #hoverprompt{ 
    position:absolute; 
    width:300px; 
    left:0; 
    top:-400px; 
    padding:4px; 
    z-index:100; 
    visibility:hidden; 
    background: transparent url(style_images/atfix/tile_sub.gif); 
} 
</style> 






потом скрипт для дива
 
<script type="text/javascript"> var displaymode = 'always'; 
var enablefade = 'no'; 
var autohidebox = ['yes', 10]; 
var showonscroll = 'yes'; 
var IEfadelength = 1; 
var Mozfadedegree = 0.05; 

if (parseInt(displaymode) != NaN) 
{ 
    var random_num = Math.floor(Math.random() * displaymode); 
} 

function display_hover_prompt() 
{ 
    var ie = document.all && !window.opera; 
    var dom = document.getElementById; 
    var iebody = (document.compatMode == 'CSS1Compat') ? document.docu 
    mentElement : document.body; 
    var objref = (dom) ? document.getElementById('hoverprompt') : docu 
    ment.all.hoverprompt; 
    var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset; 
    var docwidth = (ie) ? iebody.clientWidth : window.innerWidth; 
    var docheight = (ie) ? iebody.clientHeight: window.innerHeight; 
    var objwidth = objref.offsetWidth; 
    var objheight = objref.offsetHeight; 
    objref.style.left = docwidth/2-objwidth/2+'px'; 
    objref.style.top = scroll_top+docheight/2-objheight/2+'px'; 
     
    if (showonscroll == 'yes') 
    { 
        var showonscrollvar = setInterval('static_hover_prompt()', 50) 
        ; 
    } 
     
    if (enablefade == 'yes' && objref.filters) 
    { 
        objref.filters[0].duration = IEfadelength; 
        objref.filters[0].Apply(); 
        objref.filters[0].Play(); 
    } 
     
    objref.style.visibility = 'visible'; 
    if (objref.style.MozOpacity) 
    { 
        if (enablefade == 'yes') 
        { 
            var mozfadevar = setInterval('mozilla_hover_prompt_fade()' 
            , 90); 
        } 
        else 
        { 
            objref.style.MozOpacity = 1; 
            initiate_hover_prompt_hiding(); 
        } 
    } 
    else 
    { 
        initiate_hover_prompt_hiding() 
    } 
} 

function mozilla_hover_prompt_fade() 
{ 
    if (parseFloat(objref.style.MozOpacity) < 1) 
    { 
        objref.style.MozOpacity = parseFloat(objref.style.MozOpacity)+ 
        Mozfadedegree; 
    } 
    else 
    { 
        clearInterval(mozfadevar); 
        controlledhidebox(); 
    } 
} 

function static_hover_prompt() 
{ 
    var ie = document.all && !window.opera; 
    var dom = document.getElementById; 
    var iebody = (document.compatMode == 'CSS1Compat') ? document.docu 
    mentElement : document.body; 
    var objref = (dom) ? document.getElementById('hoverprompt') : docu 
    ment.all.hoverprompt; 
    var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset; 
    var docwidth = (ie) ? iebody.clientWidth : window.innerWidth; 
    var docheight = (ie) ? iebody.clientHeight: window.innerHeight; 
    var objwidth = objref.offsetWidth; 
    var objheight = objref.offsetHeight; 
    objref.style.top = scroll_top+docheight/3-objheight/2+'px'; 
} 

function hide_hover_prompt() 
{ 
    var ie = document.all && !window.opera; 
    var dom = document.getElementById; 
    var iebody = (document.compatMode == 'CSS1Compat') ? document.docu 
    mentElement : document.body; 
    var objref = (dom) ? document.getElementById('hoverprompt') : docu 
    ment.all.hoverprompt; 
    objref.style.visibility = 'hidden'; 
    if (typeof showonscrollvar != 'undefined') 
    { 
        clearInterval(showonscrollvar); 
    } 
} 

function initiate_hover_prompt_hiding() 
{ 
    if (autohidebox[0] == "yes") 
    { 
        var delayvar = (enablefade == 'yes' && objref.filters) ? (auto 
        hidebox[1]+objref.filters[0].duration)*1000 : 
         
        autohidebox[1]*1000; 
        initiate_timer(delayvar); 
        setTimeout('hide_hover_prompt()', delayvar); 
    } 
} 

function initiate_timer(time) 
{ 
    var newtime = time-1000; 
    setTimeout('update_timer('+newtime+')', 1000); 
} 

function update_timer(time) 
{ 
    var timer = time/1000; 
    var ie = document.all && !window.opera; 
    var dom = document.getElementById; 
    if (dom) 
    { 
        var hp = document.getElementById('hptimer'); 
        if (timer == 1) 
        { 
            hp.innerHTML = "<small><i>Окно закроеться "+timer+" Секунд 
            а</i></small>"; 
        } 
        else 
        { 
            hp.innerHTML = "<small><i>Окно закроеться "+timer+" Секунд 
            ы</i></small>"; 
        } 
    } 
    var newtime = time-1000; 
    setTimeout('update_timer('+newtime+')', 1000); 
} 

function initiate_hover_prompt() 
{ 
    setTimeout('display_hover_prompt()', 100); 
} 

function get_cookie(Name) 
{ 
    var search = Name + "="; 
    var returnvalue = ""; 
    if (document.cookie.length > 0) 
    { 
        var offset = document.cookie.indexOf(search); 
        if (offset != -1) 
        { 
            offset += search.length; 
            var end = document.cookie.indexOf(';', offset); 
            if (end == -1) 
            { 
                end = document.cookie.length; 
            } 
            returnvalue = unescape(document.cookie.substring(offset, e 
            nd)); 
        } 
    } 
    return returnvalue; 
} 

if (displaymode == 'always' || parseInt(displaymode) != NaN && random_ 
num == 0) 
{ 
    if (window.addEventListener) 
    { 
        window.addEventListener('load', initiate_hover_prompt, false) 
    } 
    else if (window.attachEvent) 
    { 
        window.attachEvent('onload', initiate_hover_prompt) 
    } 
    else if (document.getElementById) 
    { 
        window.onload = initiate_hover_prompt; 
        document.cookie = 'fadedin=yes'; 
    } 
} 
</script> 






потом сам див

 
<div id="hoverprompt" style="left: 358px; visibility: visible; top: 98 
.8333px;"><div class="borderwrap"> <div class="maintitle" align="cente 
r"> тут любой хтмл 
</div> </div> 






вава


digs
Участник

373
# Дата: 24 Мар 2006 11:55


css:

{
position: absolute;
top: 0px;
left: 150px;
}

Задает к примеру абсолютное положение для блока (DIV).
В данном случае скорее всего DIV с отступом сверху и внутри него табличка выровненная по середине.

acsid
Alfa Guru

2466
# Дата: 24 Мар 2006 11:57 ° Поправил: acsid


digs
это ясно) интересно было каким макаром они добились исчезновения через некое колличество секунд)

теперь ясно . Может у кого есть идеи по этому поводу без километра ява скрипта?)

П.С.
недолго мы радовались тегам [script] [/script]


и [quote][/quote]и [pre][/pre]


Ваш ответ

Quote  Bold Style  Italic Style  Underlined Style  URL Link  Email Link  Script AutoTab  Preformatted Text  Отменить *Что это?
... Запретить смайлы


Перед отправкой "нелатинского" текста проверьте кодировку броузера!
 » Логин  » Пароль 
 
Powered by miniBB forum software © 2001-2008
Powered by miniBB-gzipper. Original size:28876, gzipped size:9182

Mp3 Download || Мир Спанч боба || Song's Lyrics
eXTReMe Tracker Rambler's Top100 Рейтинг@Mail.ru Форум ТвойWeb [Valid RSS]