modal.js

嵌入式无线路由系统openwrt的web配置工具

/*

Script: Modal.js
	Create modal dialog windows.

Copyright:
	Copyright (c) 2007-2008 Greg Houston, <http://greghoustondesign.com/>.

License:
	MIT-style license.

Requires:
	Core.js, Window.js

See Also:
	<Window>

*/

MochaUI.Modal = new Class({
	Extends: MochaUI.Window,
	Implements: [Events, Options],
  modalFix: null,
  modalOverlay: null,

	initialize: function(options){
    var docHeight = document.getCoordinates().height;

		this.modalOverlay = new Element('div', {
			'id': 'modalOverlay',
			'styles': {
				'height': docHeight
			}
		}).inject(document.body);

		if (Browser.Engine.trident4){
			this.modalFix = new Element('iframe', {
				'id': 'modalFix',
				'scrolling': 'no',
				'marginWidth': 0,
				'marginHeight': 0,
				'src': '',
				'styles': {
					'height': docHeight
				}
			}).inject(document.body);
		}

		this.modalOverlay.setStyle('opacity', .4);
		window.addEvent('resize', this.setModalSize.bind(this));
	},
	setModalSize: function(){
    var docHeight = document.getCoordinates().height;
		this.modalOverlay.setStyle('height', docHeight);
		if (Browser.Engine.trident4){
			this.modalFix.setStyle('height', docHeight);
		}
		MochaUI.centerWindow();
	},
	show: function() {
		if (Browser.Engine.trident4) {
			this.modalFix.setStyle('display', 'block');
		}

		this.modalOverlay.className = '';
    this.modalOverlay.setStyles({
      'opacity': .55,
      'display': 'block'
    });
  },
  hide: function() {
		this.modalOverlay.setStyle('opacity', 0);
    if (Browser.Engine.trident4) {
      this.modalFix.setStyle('display', 'none');
    }
  },
  fade: function(how) {
    var opacity = 0;
    if (how == 'out') {
      opacity = 1;
    }

    if (Browser.Engine.trident4) {
      this.modalFix.setStyle('display', 'block');
    }
    this.modalOverlay.setStyles({
      'opacity': opacity,
      'display': 'block'
    });

    this.modalOverlay.fade(how);
  }

});