menuCreator Objects - Arshiatmi/jsha GitHub Wiki

You Can Create Your Game Menu With This Tool !

First You Have To Create A <div> With Some Id That You Want . Then Use Like That :

var menu = new menuCreator(id); // Id Of Your Div.
menu.[function]();

Notice : Creating A Div Is A Reason To Be More Customized !

addOption(name [ Name And Text Of The Function That You Want To Set ] , func [ Function That Happend After Clicking On That. ] )

You Can Add An Option To Your Menu. For Example Resume Game ! Code Example Is :

function resume(){
    print("Game Resumed !");
}
function about(){
    alert("--> Created By MrArshiaHacker <--");
}
function exit(){
    // pageController Is A Jsha Function .
    var page = new pageController();
    page.changeOpacity(0);
}
var menu = new menuCreator("mainDiv");
menu.addOption("Resume Game", resume);
menu.addOption("About",about);
menu.addOption("Exit",exit);

removeOption( name [ The Text/Name Of The Option ] )

Removes The Target Option .

addEvent( event [ The Event Name ], name [ Text/Name Of The Option ] , func [ Function That You Want To Happend After Event ] )

Add Event To The Option . For Example When mouseenter Happend, Color Should Change. Code Example Is :

function resume(){
    print("Game Resumed !");
}
function about(){
    alert("--> Created By MrArshiaHacker <--");
}
function exit(){
    // pageController Is A Jsha Function .
    var page = new pageController();
    page.changeOpacity(0);
}
function change(event){
    event.target.style.color = "red";
}
function change2(event){
    event.target.style.color = "black";
}
var menu = new menuCreator("mainDiv");
menu.addOption("Resume Game", resume);
menu.addOption("About",about);
menu.addOption("Exit",exit);
menu.addEvent("mouseenter","Resume Game",change);
menu.addEvent("mouseleave","Resume Game",change2);
menu.addEvent("mouseenter","About",change);
menu.addEvent("mouseleave","About",change2);
menu.addEvent("mouseenter","Exit",change);
menu.addEvent("mouseleave","Exit",change2);

addEventAll( event [ The Event Name ] , func [ Function That You Want To Happend After Event ] )

Add Event To All Of Options ! For Example When mouseenter Happend For All Of The Elements, Color Of That Element Should Change. Code Example Is :

function resume(){
    print("Game Resumed !");
}
function about(){
    alert("--> Created By MrArshiaHacker <--");
}
function exit(){
    // pageController Is A Jsha Function .
    var page = new pageController();
    page.changeOpacity(0);
}
function change(event){
    event.target.style.color = "red";
}
function change2(event){
    event.target.style.color = "black";
}
var menu = new menuCreator("mainDiv");
menu.addOption("Resume Game", resume);
menu.addOption("About",about);
menu.addOption("Exit",exit);
menu.addEventAll("mouseenter",change);
menu.addEventAll("mouseleave",change2);

destroy()

Destroy The Menu. Its Good When You Want To Start The Game.

setAttribute( name [ Name/Text Of Option ] , what [ The Attribute ] , attribute [ The Value ] )

This Function Will Set An HTML Attribute To The Option. For Example Style, placeholder, href, src, alt And ...

setCSS( name [ Name/Text Of Option ] , cmd [ The CSS Code ] )

This Function Will Set Style Attribute To cmd . ( Set To All Of Options )

setL( x, y )

This Function Will Set Place Of Div To (x,y) .