forked from halo-battle/game
Version 1.12
This commit is contained in:
parent
2a066a7498
commit
de31cd3e9a
1373 changed files with 156282 additions and 45238 deletions
646
htdocs/n3p7bLn59Yco3d/js/interface.js
Normal file
646
htdocs/n3p7bLn59Yco3d/js/interface.js
Normal file
|
|
@ -0,0 +1,646 @@
|
|||
var script = 'interface.xml';
|
||||
|
||||
var Interface=
|
||||
{
|
||||
mouseFocus : false,
|
||||
|
||||
dom: {windows:{}},
|
||||
|
||||
descriptions : {batiments : [], vaisseaux : [],defenses : [],technologies : []},
|
||||
|
||||
planetes : [{name: 'Pegasi Alpha',position: '01:30:05',img: '1'},{name: 'Pegasi Beta',position: '01:30:06',img: '2'},{name: 'Pegasi Gamma',position: '01:30:08',img: '3'}],
|
||||
|
||||
menuList: [],
|
||||
|
||||
menu :
|
||||
{
|
||||
objects : {},
|
||||
|
||||
add : function(text,funct)
|
||||
{
|
||||
Interface.menu.objects[text] = {};
|
||||
Interface.menu.objects[text]['object'] = create('li',Interface.dom.menu);
|
||||
Interface.menu.objects[text]['object'].innerHTML = text;
|
||||
Interface.menu.objects[text]['function'] = funct;
|
||||
Interface.menu.objects[text]['event'] = Event.observe(Interface.menu.objects[text]['object'], 'click', funct);
|
||||
|
||||
},
|
||||
|
||||
remove : function(text)
|
||||
{
|
||||
if(typeof Interface.menu.objects[text] != 'object') return false;
|
||||
Interface.menu.objects[text]['object'].remove();
|
||||
delete Interface.menu.objects[text];
|
||||
return true;
|
||||
}
|
||||
},
|
||||
|
||||
/*barre :
|
||||
{
|
||||
objects : {},
|
||||
|
||||
add : function(text,funct)
|
||||
{
|
||||
Interface.menu.objects[text] = {};
|
||||
Interface.menu.objects[text].object = create('li',Interface.dom.menu);
|
||||
Interface.menu.objects[text].object.innerHTML = text;
|
||||
Interface.menu.objects[text].funct = funct;
|
||||
Interface.menu.objects[text].evt = Event.observe(Interface.menu.objects[text].object, 'click', funct);
|
||||
},
|
||||
|
||||
remove : function()
|
||||
{
|
||||
|
||||
}
|
||||
},*/
|
||||
|
||||
planete :
|
||||
{
|
||||
objects : {},
|
||||
|
||||
add : function(name,position,img)
|
||||
{
|
||||
Interface.planete.objects[position] = {};
|
||||
Interface.planete.objects[position].name = name;
|
||||
Interface.planete.objects[position].position = position;
|
||||
Interface.planete.objects[position].object = create('img',Interface.dom.planetes);
|
||||
Interface.planete.objects[position].object.src = 'planetes/' + img + '.jpg';
|
||||
Interface.planete.objects[position].object.alt = name+ ' [' + position + ']';
|
||||
Interface.planete.objects[position].event = Event.observe(Interface.planete.objects[position].object, 'click', Interface.planete.change);
|
||||
},
|
||||
|
||||
focus : function(position)
|
||||
{
|
||||
for(var i in Interface.planete.objects)
|
||||
if(i == position)
|
||||
{
|
||||
$(Interface.planete.objects[i].object).addClassName('selected');
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
change : function()
|
||||
{
|
||||
|
||||
},
|
||||
|
||||
remove : function()
|
||||
{
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
ressources :
|
||||
{
|
||||
metal : 10000,
|
||||
cristal : 5000,
|
||||
ions : 7500,
|
||||
energie : 300,
|
||||
allEnergie: 450,
|
||||
|
||||
set : function(type,number)
|
||||
{
|
||||
switch(type)
|
||||
{
|
||||
default: return false;
|
||||
|
||||
case 'metal':
|
||||
case 'cristal':
|
||||
case 'ions':
|
||||
Interface.ressources[type] = number;
|
||||
Interface.dom.ressources[type].innerHTML = number;
|
||||
break;
|
||||
|
||||
case 'energie':
|
||||
Interface.ressources[type] = number;
|
||||
Interface.dom.ressources.energie.innerHTML = number + '/' + Interface.ressources.allEnergie;
|
||||
break;
|
||||
|
||||
case 'allEnergie':
|
||||
Interface.ressources[type] = number;
|
||||
Interface.dom.ressources.energie.innerHTML = Interface.ressources.energie + '/' + number;
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
updater : function()
|
||||
{
|
||||
|
||||
},
|
||||
|
||||
init : function()
|
||||
{
|
||||
var oldNodes = $(document.body).childElements();
|
||||
for(var i =0; i < oldNodes.length; i++) if(oldNodes[i].tagName != 'script') oldNodes[i].remove();
|
||||
|
||||
Interface.dom.deskbar = create('div',document.body,'barre');
|
||||
|
||||
Interface.dom.menu = create('ul',document.body,'menu');
|
||||
|
||||
for(var i = 0; i < Interface.menuList.length; i++) Interface.menu.add(Interface.menuList[i][0],Interface.menuList[i][1]);
|
||||
|
||||
Interface.dom.planetes = create('div',document.body,'planetes');
|
||||
|
||||
create('span',Interface.dom.planetes,0,'up');
|
||||
for(var i = 0; i < Interface.planetes.length; i++) Interface.planete.add(Interface.planetes[i].name,Interface.planetes[i].position,Interface.planetes[i].img);
|
||||
create('span',Interface.dom.planetes,0,'down');
|
||||
Interface.planete.focus(Interface.planetes[0].position);
|
||||
|
||||
Interface.dom.ressources = {};
|
||||
Interface.dom.ressources.all = create('div',document.body,'ressources');
|
||||
|
||||
var metal = create('div',Interface.dom.ressources.all);
|
||||
metal.innerHTML = 'Métal : ';
|
||||
Interface.dom.ressources.metal = create('strong',metal,'metal');
|
||||
Interface.dom.ressources.metal.innerHTML = Interface.ressources.metal;
|
||||
|
||||
var cristal = create('div',Interface.dom.ressources.all);
|
||||
cristal.innerHTML = 'Cristal : ';
|
||||
Interface.dom.ressources.cristal = create('strong',cristal,'metal');
|
||||
Interface.dom.ressources.cristal.innerHTML = Interface.ressources.cristal;
|
||||
|
||||
var ions = create('div',Interface.dom.ressources.all);
|
||||
ions.innerHTML = 'Métal : ';
|
||||
Interface.dom.ressources.ions = create('strong',ions,'metal');
|
||||
Interface.dom.ressources.ions.innerHTML = Interface.ressources.ions;
|
||||
|
||||
var energie = create('div',Interface.dom.ressources.all);
|
||||
energie.innerHTML = 'Métal : ';
|
||||
Interface.dom.ressources.energie = create('strong',energie,'metal');
|
||||
Interface.dom.ressources.energie.innerHTML = Interface.ressources.energie + '/' + Interface.ressources.allEnergie;
|
||||
|
||||
|
||||
desc = new Ajax.Request('descriptions.xml',{onSuccess: function(xhr)
|
||||
{
|
||||
batiments = xhr.responseXML.getElementsByTagName('batiment');
|
||||
for(var i = 0; i < batiments.length; i++)
|
||||
{
|
||||
Interface.descriptions.batiments[batiments[i].getAttribute('id')] = {name: batiments[i].getAttribute('name'),value:batiments[i].text || batiments[i].textContent};
|
||||
var img = create('img');
|
||||
img.src = 'images/batiments/' + batiments[i].getAttribute('img');
|
||||
img.alt = batiments[i].getAttribute('name');
|
||||
Interface.descriptions.batiments[batiments[i].getAttribute('id')].img = img;
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/*console :
|
||||
{
|
||||
active : true,
|
||||
|
||||
print : function(message)
|
||||
{
|
||||
//if(!Interface.console.active) return false;
|
||||
Interface.dom.console.innerHTHML += message + '<br />';
|
||||
},
|
||||
|
||||
flush : function()
|
||||
{
|
||||
if(!Interface.console.active) return false;
|
||||
Interface.dom.console.innerHTHML = '';
|
||||
return true;
|
||||
}
|
||||
},*/
|
||||
|
||||
batiments :
|
||||
{
|
||||
initialized : false,
|
||||
|
||||
window : null,
|
||||
|
||||
init : function()
|
||||
{
|
||||
if(Interface.batiments.initialized) return false;
|
||||
|
||||
Interface.batiments.initialized = true;
|
||||
|
||||
var batiments = Interface.descriptions.batiments;
|
||||
|
||||
if(typeof Interface.dom.batiment == 'undefined') Interface.dom.batiment = {};
|
||||
var dom = Interface.dom.batiment;
|
||||
|
||||
dom.all = create('div');
|
||||
dom.all.style.height = '100%';
|
||||
dom.left = create('dl',dom.all,0,'menu');
|
||||
dom.dt = create('dt',dom.left);
|
||||
dom.dt.innerHTML = 'Batiments';
|
||||
|
||||
dom.right = create('div',dom.all,0,'description');
|
||||
dom.titre = create('h4',dom.right);
|
||||
dom.titre.innerHTML = batiments[1].name;
|
||||
dom.img = dom.right.appendChild(batiments[1].img.cloneNode(true));
|
||||
dom.p = create('p',dom.right);
|
||||
dom.p.innerHTML = batiments[1].value;
|
||||
dom.button = create('button',dom.right);
|
||||
dom.button.innerHTML = 'Construire';
|
||||
dom.button.onclick = function() { alert('Construction!') };
|
||||
|
||||
Event.observe(dom.img,'click',function(){Interface.info('batiments',1)});
|
||||
|
||||
var change = function()
|
||||
{
|
||||
var dom = Interface.dom.batiment;
|
||||
var dd = dom.dd[this.i];
|
||||
var dds = dd.parentNode.childNodes;
|
||||
|
||||
for(var j = 1; j < dds.length; j++)
|
||||
{
|
||||
Element.removeClassName(dds[j],'selected');
|
||||
}
|
||||
|
||||
Element.addClassName(dd,'selected');
|
||||
|
||||
dom.titre.innerHTML = batiments[this.i].name;
|
||||
|
||||
var newimg = batiments[this.i].img.cloneNode(true);
|
||||
dom.right.replaceChild(newimg,dom.img);
|
||||
dom.img = newimg;
|
||||
|
||||
var i = this.i;
|
||||
Event.observe(dom.img,'click',function(){Interface.info('batiments',i)});
|
||||
|
||||
dom.p.innerHTML = batiments[this.i].value;
|
||||
};
|
||||
|
||||
dom.dd = [];
|
||||
|
||||
for(var i = 1; i < batiments.length; i++)
|
||||
{
|
||||
dom.dd[i] = create('dd',dom.left);
|
||||
dom.dd[i].innerHTML = batiments[i].name;
|
||||
if(i == 1) Element.addClassName(dom.dd[i],'selected');
|
||||
|
||||
Event.observe(dom.dd[i],'click',change.bindAsEventListener({i:i}));
|
||||
}
|
||||
|
||||
Interface.batiments.window = new Interface.window('batiments','Batiments',dom.all);
|
||||
}
|
||||
},
|
||||
|
||||
info : function(groupe,id)
|
||||
{
|
||||
if(typeof Interface.descriptions[groupe][id] == 'undefined') return false;
|
||||
|
||||
var description = Interface.descriptions[groupe][id];
|
||||
|
||||
var container = create('div',0,0,'info');
|
||||
var title = create('h5',container);
|
||||
title.innerHTML = description.name;
|
||||
container.appendChild(description.img.cloneNode(true));
|
||||
var preview = create('p',container);
|
||||
preview.innerHTML = description.value;
|
||||
|
||||
if(typeof Interface.dom.info == 'object')
|
||||
{
|
||||
Interface.dom.info.title(description.name);
|
||||
Interface.dom.info.content(container);
|
||||
Interface.dom.info.focus();
|
||||
}
|
||||
else
|
||||
{
|
||||
Interface.dom.info = new Interface.window('description',description.name,container);
|
||||
Interface.dom.info.closeCallback = function() {Interface.dom.info = false;};
|
||||
}
|
||||
},
|
||||
|
||||
notification : function(text)
|
||||
{
|
||||
if(typeof Interface.dom.notification == 'object') return false;
|
||||
|
||||
Interface.dom.notification = create('p',document.body,'notification');
|
||||
Interface.dom.notification.innerHTML = text;
|
||||
|
||||
Effect.move(Interface.dom.notification,'bottom',-110,35,2000);
|
||||
setTimeout(function() {Effect.move(Interface.dom.notification,'bottom',35,-110,2000);},7000);
|
||||
setTimeout(function() {Element.remove(Interface.dom.notification); Interface.dom.notification = false;},10010);
|
||||
},
|
||||
|
||||
dialog : function(text,callback)
|
||||
{
|
||||
if(typeof Interface.dom.dialog == 'object') return false;
|
||||
|
||||
Interface.dom.darkness = create('div',document.body,'darkness');
|
||||
Effect.animate(Interface.dom.darkness,{opacity: [0,80]},500);
|
||||
|
||||
Interface.dom.dialog = create('div',document.body,'dialog');
|
||||
|
||||
var p = create('p',Interface.dom.dialog);
|
||||
p.innerHTML = text;
|
||||
|
||||
var ok = create('button',Interface.dom.dialog);
|
||||
ok.innerHTML = 'ok';
|
||||
|
||||
var cancel = create('button',Interface.dom.dialog);
|
||||
cancel.innerHTML = 'Annuler';
|
||||
|
||||
var quit = create('span',Interface.dom.dialog,0,'quit');
|
||||
var close = function()
|
||||
{
|
||||
Element.remove(Interface.dom.dialog);
|
||||
Element.remove(Interface.dom.darkness);
|
||||
|
||||
Interface.dom.dialog = false;
|
||||
Interface.dom.darkness = false;
|
||||
};
|
||||
|
||||
Event.observe(quit,'click',close);
|
||||
Event.observe(cancel,'click',close);
|
||||
Event.observe(ok,'click',close);
|
||||
Event.observe(ok,'click',callback);
|
||||
}
|
||||
}
|
||||
|
||||
Interface.window = Class.create({
|
||||
initialize : function(id,title,content)
|
||||
{
|
||||
if(!(id && title && content)) return false;
|
||||
this.id = id;
|
||||
this.titre = title;
|
||||
this.dom = {};
|
||||
|
||||
this.load(title,content);
|
||||
this.focus();
|
||||
},
|
||||
|
||||
load : function(title,content)
|
||||
{
|
||||
if(this.dom.win || Interface.dom.windows[this.id]) return false;
|
||||
|
||||
var title = title || this.titre;
|
||||
var content = content || this.dom.content;
|
||||
|
||||
this.dom.deskbar = create('div',Interface.dom.deskbar);
|
||||
this.dom.deskbar.innerHTML = title;
|
||||
Event.observe(this.dom.deskbar,'click',this.focus.bindAsEventListener(this));
|
||||
|
||||
this.dom.win = create('div',document.body,'window_'+this.id,'window');
|
||||
|
||||
this.dom.win.style.top = (this.dom.win.offsetTop + Math.round(Math.random()*30 -10)) + 'px';
|
||||
this.dom.win.style.left = (this.dom.win.offsetLeft + Math.round(Math.random()*30 -10)) + 'px';
|
||||
|
||||
this.dom.win.style.zIndex = 10;
|
||||
|
||||
this.dom.top = create('div',this.dom.win,0,'top');
|
||||
|
||||
this.dom.topleft = create('span',this.dom.top,0,'topleft');
|
||||
|
||||
this.dom.topcenter = create('span',this.dom.top,0,'topcenter');
|
||||
|
||||
this.dom.topright = create('span',this.dom.top,0,'topright');
|
||||
|
||||
this.dom.barre = create('div',this.dom.win,0,'barre');
|
||||
Event.observe(this.dom.win, 'mousedown', this.focus.bindAsEventListener(this));
|
||||
Event.observe(this.dom.barre, 'mousedown', this.move.mouseDown.bindAsEventListener(this));
|
||||
|
||||
this.dom.titre = create('span',this.dom.barre,0,'titre');
|
||||
|
||||
this.dom.button = create('div',this.dom.barre,0,'button');
|
||||
|
||||
this.dom.hide = create('span',this.dom.button,0,'hide');
|
||||
Event.observe(this.dom.hide, 'click', this.hide.bindAsEventListener(this));
|
||||
|
||||
this.dom.full = create('span',this.dom.button,0,'full');
|
||||
Event.observe(this.dom.full, 'click', this.full.bindAsEventListener(this));
|
||||
|
||||
this.dom.close = create('span',this.dom.button,0,'close');
|
||||
Event.observe(this.dom.close, 'click', this.close.bindAsEventListener(this));
|
||||
|
||||
this.dom.content = create('div',this.dom.win,0,'content');
|
||||
|
||||
this.dom.bottom = create('div',this.dom.win,0,'bottom');
|
||||
|
||||
this.dom.bottomleft = create('span',this.dom.bottom,0,'bottomleft');
|
||||
|
||||
this.dom.bottomcenter = create('span',this.dom.bottom,0,'bottomcenter');
|
||||
|
||||
this.dom.bottomright = create('span',this.dom.bottom,0,'bottomright');
|
||||
|
||||
Event.observe(this.dom.bottomright, 'mousedown', this.resize.mouseDown.bindAsEventListener(this));
|
||||
|
||||
this.x = this.dom.win.offsetLeft;
|
||||
|
||||
this.y = this.dom.win.offsetTop;
|
||||
|
||||
this.h = this.dom.win.offsetHeight;
|
||||
|
||||
this.w = this.dom.win.offsetWidth;
|
||||
|
||||
this.position = false;
|
||||
|
||||
this.movePosition = false;
|
||||
|
||||
Interface.dom.windows[this.id] = this.dom;
|
||||
|
||||
//for(var i in this.dom) this.dom[i].windowId = this.id;
|
||||
|
||||
if(typeof(content) == 'object') this.dom.content.appendChild(content);
|
||||
else if(typeof(content) == 'string') this.dom.content.innerHTML = content;
|
||||
|
||||
this.dom.titre.innerHTML = title;
|
||||
},
|
||||
|
||||
focus : function()
|
||||
{
|
||||
this.dom.win.style.display = '';
|
||||
|
||||
var z = Number(this.dom.win.style.zIndex);
|
||||
|
||||
for(var i in Interface.dom.windows)
|
||||
{
|
||||
if(Interface.dom.windows[i]) z = z > Number(Interface.dom.windows[i].win.style.zIndex) ? z : Number(Interface.dom.windows[i].win.style.zIndex);
|
||||
}
|
||||
|
||||
this.dom.win.style.zIndex = z+1;
|
||||
},
|
||||
|
||||
hide : function()
|
||||
{
|
||||
this.dom.win.style.display = 'none';
|
||||
},
|
||||
|
||||
full : function()
|
||||
{
|
||||
if(this.position)
|
||||
{
|
||||
this.dom.win.style.left = this.position.left+'px';
|
||||
this.dom.win.style.top = this.position.top+'px';
|
||||
this.dom.win.style.width = this.position.width+'px';
|
||||
this.dom.win.style.height = this.position.height+'px';
|
||||
|
||||
this.position = false;
|
||||
}
|
||||
else
|
||||
{
|
||||
this.position = {left : this.dom.win.offsetLeft, top: this.dom.win.offsetTop, width: this.dom.win.offsetWidth, height: this.dom.win.offsetHeight};
|
||||
|
||||
this.dom.win.style.top = '0';
|
||||
this.dom.win.style.left = '0';
|
||||
this.dom.win.style.width = '100%';
|
||||
this.dom.win.style.height = (document.documentElement.offsetHeight - this.dom.barre.offsetHeight - 49) + 'px';
|
||||
}
|
||||
this.focus();
|
||||
},
|
||||
|
||||
close : function()
|
||||
{
|
||||
if(typeof this.closeCallback == 'function') this.closeCallback();
|
||||
this.dom.deskbar.remove();
|
||||
this.dom.win.remove();
|
||||
delete this.dom;
|
||||
this.dom = false;
|
||||
Interface.dom.windows[this.id] = false;
|
||||
return true;
|
||||
},
|
||||
|
||||
resize :
|
||||
{
|
||||
mouseDown : function(event)
|
||||
{
|
||||
Interface.mouseFocus = this.dom;
|
||||
|
||||
Interface.mouseFocus.resizePosition = [Interface.mouseFocus.win.offsetLeft,
|
||||
Interface.mouseFocus.win.offsetTop];
|
||||
|
||||
Interface.dom.resize = create('div',document.body,'resize');
|
||||
|
||||
Interface.dom.resize.style.left = Interface.mouseFocus.win.offsetLeft + 'px';
|
||||
Interface.dom.resize.style.top = Interface.mouseFocus.win.offsetTop + 'px';
|
||||
Interface.dom.resize.style.width = (Event.pointerX(event) - Interface.mouseFocus.win.offsetLeft) + 'px';
|
||||
Interface.dom.resize.style.height = (Event.pointerY(event) - Interface.mouseFocus.win.offsetTop) + 'px';
|
||||
|
||||
Event.observe(document.body, 'mousemove',Interface.window.prototype.resize.mouseMove);
|
||||
Event.observe(document.body, 'mouseup', Interface.window.prototype.resize.mouseUp);
|
||||
},
|
||||
|
||||
mouseMove : function(event)
|
||||
{
|
||||
|
||||
var w = Event.pointerX(event) - Interface.mouseFocus.resizePosition[0];
|
||||
var h = Event.pointerY(event) - Interface.mouseFocus.resizePosition[1];
|
||||
Interface.dom.resize.style.width = (w > 0 ? w : 0) + 'px';
|
||||
Interface.dom.resize.style.height = (h > 0 ? h : 0) + 'px';
|
||||
},
|
||||
|
||||
mouseUp : function(event)
|
||||
{
|
||||
Interface.mouseFocus.win.style.width = (Event.pointerX(event) - Interface.mouseFocus.resizePosition[0] + 2) + 'px';
|
||||
Interface.mouseFocus.win.style.height = (Event.pointerY(event) - Interface.mouseFocus.resizePosition[1] - 51) + 'px';
|
||||
|
||||
Element.remove(Interface.dom.resize);
|
||||
|
||||
Interface.mouseFocus.resizePosition = false;
|
||||
Interface.mouseFocus = false;
|
||||
|
||||
Event.stopObserving(document.body,'mousemove',Interface.window.prototype.resize.mouseMove);
|
||||
Event.stopObserving(document.body,'mouseup',Interface.window.prototype.resize.mouseUp);
|
||||
}
|
||||
},
|
||||
|
||||
move :
|
||||
{
|
||||
mouseDown : function(event)
|
||||
{
|
||||
if(Event.element(event).parentNode == this.dom.button) return false;
|
||||
|
||||
Interface.mouseFocus = this.dom;
|
||||
|
||||
Effect.opacity(Interface.mouseFocus.win,60);
|
||||
|
||||
Interface.mouseFocus.movePosition = [Event.pointerX(event) - Interface.mouseFocus.win.offsetLeft,Event.pointerY(event) - Interface.mouseFocus.win.offsetTop];
|
||||
|
||||
Event.observe(document.body, 'mousemove',Interface.window.prototype.move.mouseMove);
|
||||
Event.observe(document.body, 'mouseup', Interface.window.prototype.move.mouseUp);
|
||||
},
|
||||
|
||||
mouseMove : function(event)
|
||||
{
|
||||
|
||||
var x = Event.pointerX(event) - Interface.mouseFocus.movePosition[0];
|
||||
var y = Event.pointerY(event) - Interface.mouseFocus.movePosition[1];
|
||||
Interface.mouseFocus.win.style.left = (x > 0 ? x : 0) + 'px';
|
||||
Interface.mouseFocus.win.style.top = (y > 0 ? y : 0) + 'px';
|
||||
},
|
||||
|
||||
mouseUp : function(event)
|
||||
{
|
||||
Effect.opacity(Interface.mouseFocus.win,100);
|
||||
Interface.mouseFocus.movePosition = false;
|
||||
Interface.mouseFocus = false;
|
||||
Event.stopObserving(document.body,'mousemove',Interface.window.prototype.move.mouseMove);
|
||||
Event.stopObserving(document.body,'mouseup',Interface.window.prototype.move.mouseUp);
|
||||
},
|
||||
|
||||
to : function(object,x,y)
|
||||
{
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
title : function(title)
|
||||
{
|
||||
if(typeof title != 'string') return this.titre;
|
||||
|
||||
var old = this.title;
|
||||
|
||||
this.titre = title;
|
||||
this.dom.titre.innerHTML = title;
|
||||
|
||||
return old;
|
||||
},
|
||||
|
||||
content : function(content)
|
||||
{
|
||||
var old = this.dom.content.cloneNode(true);
|
||||
|
||||
if(typeof(content) == 'object') { Element.remove(this.dom.content.firstChild); this.dom.content.appendChild(content); }
|
||||
else if(typeof(content) == 'string') this.dom.content.innerHTML = content ;
|
||||
else return this.dom.content;
|
||||
|
||||
return old;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
Interface.menuList = [['Hello World',helloWorld],
|
||||
['Batiments',Interface.batiments.init],
|
||||
['Doubler',doubler],
|
||||
//['Background',background],
|
||||
['Notification',notif],
|
||||
['Dialog',dialog]];
|
||||
|
||||
|
||||
|
||||
function dialog()
|
||||
{
|
||||
Interface.dialog('WTF??',function(){alert(':P')});
|
||||
}
|
||||
|
||||
function background()
|
||||
{
|
||||
if($('background')) return false;
|
||||
bg = create('div',document.body,'background');
|
||||
bg2 = create('div',bg,0,'content');
|
||||
}
|
||||
|
||||
function doubler()
|
||||
{
|
||||
Interface.ressources.set('metal',Interface.ressources.metal*2);
|
||||
Interface.ressources.set('cristal',Interface.ressources.cristal*2);
|
||||
Interface.ressources.set('ions',Interface.ressources.ions*2);
|
||||
Interface.ressources.set('energie',Interface.ressources.energie*2);
|
||||
Interface.ressources.set('allEnergie',Interface.ressources.allEnergie*2);
|
||||
}
|
||||
|
||||
function notif()
|
||||
{
|
||||
Interface.notification('test! :P');
|
||||
}
|
||||
|
||||
function helloWorld()
|
||||
{
|
||||
hw = new Interface.window('helloWorld','Hello World','Hello World!');
|
||||
}
|
||||
|
||||
Interface.init();
|
||||
Loading…
Add table
Add a link
Reference in a new issue