]]>
]]>
Рейтинг@Mail.ru

Center a dialog used Prototype

Материал из Веб программирование.

Перейти к: навигация, поиск

Center a dialog used Prototype JavaScript framework and some scriptaculous effects

//dimension
Position.GetWindowSize = function(w) {
        w = w ? w : window;
        this.width = w.innerWidth || (w.document.documentElement.clientWidth || w.document.body.clientWidth);
        this.height = w.innerHeight || (w.document.documentElement.clientHeight || w.document.body.clientHeight);
        return this;
 
}
 
//Generally used to center a dialog (a div element).
//Usage: Position.Center(dialog);
//The element can also be centered relatively to another node by using the parent parameter.
 
Position.Center = function(element, parent) {
        var w, h, pw, ph;
        var d = Element.getDimensions(element);
        w = d.width;
        h = d.height;
        Position.prepare();
        if (!parent) {
                var ws = Position.GetWindowSize();
                this.pw = ws.width;
                this.ph = ws.height;
        } else {
                this.pw = parent.offsetWidth;
                this.ph = parent.offsetHeight;
        }
        element.style.top = (this.ph/2) - (h/2) -  Position.deltaY + "px";
        element.style.left = (this.pw/2) - (w/2) -  Position.deltaX + "px";
        return this;
}
 
 
//some example
var showwindow3=false;
 
function initshow3()
{
  showwindow3=false;
}
 
document.observe("dom:loaded", function() {
$("clickFastForm").observe('click',function(e){
  if (showwindow3==false)
  {
    Position.Center($('fastform'));
    Effect.Grow('fastform',{ queue: 'end', duration: 0.8});
    showwindow3=true;
  }
    Event.stop(e);
});
 
 
$$(".close").invoke('observe','click',function(e){
 if (showwindow3==true)
 {
   new Effect.Parallel([
   Effect.Shrink('fastform',{ queue: 'end', sync: true}),
   Effect.Fade('fastform',{ queue: 'end', sync: true})
   ], { 
   duration: 1.4,
   delay: 0.3
   });
   setTimeout(initshow3, 1700);
 }
 
});
 
 
});
]]>
Google+
]]>
Личные инструменты
Хочешь еще цитату? Оптимизм – это профессиональный источник опасности для программиста: обратная связь клиента может его сгладить.Кент Бек
веб-программирование
Просмотры
чтим

Deprecated: Function set_magic_quotes_runtime() is deprecated in /var/www/webproger/data/www/webproger.ru/1c6a72389c0fd92079ac7ae7cd356173/sape.php on line 218 Deprecated: Function set_magic_quotes_runtime() is deprecated in /var/www/webproger/data/www/webproger.ru/1c6a72389c0fd92079ac7ae7cd356173/sape.php on line 224

]]>
Rambler's Top100
]]>
]]>
]]>