toggle_details.js

能够实现宾馆管理的基本功能。 例如删除

(function()
{
	var ToggleDetails = Class.create();
	ToggleDetails.prototype = {
		
		initialize: function (element) 
		{
			
			var elements = $$('.toggle-details a');
			
			elements.each(
			
				function(link) 
				{
					//whether the panels are open or closed
					//true => closed (because they are toggled depding on this value)
					//false => open
					link.up().up().previous().visible = true;
					this.toggle(link.up().up().previous(), link);
					
					Event.observe(
						link,
						'click', 
						this.onToggle.bindAsEventListener(this)
					);
				}.bind(this)
			);
			
		},
		toggle: function(element, link) 
		{
			
			
			/* 
				debugBottomRounder est une fonction de débuggage uniquement lancée pour IE6
				La fct se charge de replacer correctement span.extra-bottom qui affiche l'arrondi 
				de bas de cadre. Lancé à la fin de l'animation de toggle sur les détails de chambre
				
			*/
			if(
				navigator.appVersion.search(/MSIE/) != -1
				&& navigator.appVersion.search(/6.0/) != -1
				&& navigator.appVersion.search(/opera/) == -1
			)
			{
				var container = element.up();
				if(container.className.search(/chambre/) != -1)
				{
					for (var i = container.getElementsByTagName("span").length - 1; i >= 0; i--)
					{
						if(container.getElementsByTagName("span")[i].className == "extra-bottom")
						{
							$(container.getElementsByTagName("span")[i]).setStyle({bottom: "auto"});
							$(container.getElementsByTagName("span")[i]).setStyle({top: "2px"});
							$(container.getElementsByTagName("span")[i]).setStyle({position: "relative"});
							$(container.getElementsByTagName("span")[i]).setStyle({position: "absolute"});
							$(container.getElementsByTagName("span")[i]).setStyle({top: "auto"});
							$(container.getElementsByTagName("span")[i]).setStyle({bottom: "-2px"});
						}
					};
				}
			}
			
			
			if(element.visible) {
		
				//console.log("hide : " + element.className);
		
				element.hide();
				link.removeClassName('open');
				link.innerHTML = I18N._('common','Show details');
				element.visible = false;
			}
			else {
				
				//console.log("show : " + element.className);
				
				element.show();
				element.setStyle({display: "block"});
				link.addClassName('open');
				link.innerHTML =  I18N._('common','Hide details');
				element.visible = true;
			}
			
			if (window.name != '') {
                //Elargissement de l'iframe parent
                var i = parent.document.getElementById(window.name);
                var iHeight = document.body.scrollHeight;
                i.style.height = iHeight + 5 + "px";
            }
		},
		
		onToggle: function(event) 
		{
		
			var element = Event.element(event).up().up().previous();
			var link = 	Event.element(event);				
			this.toggle(element, link);
		
		}
	}
	Event.observe(window,'load', function(){ new ToggleDetails();});
})();