Class: AXPopOverClass

AXPopOverClass

new AXPopOverClass()

AXContextMenuClass를 상속하여 만들어진 클래스로 마우스 오버이벤트에 최적화 됨

Version:
  • v1.0
Author:
  • tom@axisj.com, axisj.com
Example
 var AXPopOver = new AXPopOverClass();
 AXPopOver.setConfig({ theme: "AXPopOver" });

Extends

Methods

staticAXPopOverClass.bind(obj)

팝오버메뉴를 선언하여 팝오버 메뉴를 사용준비합니다. bind한 팝오버메뉴는 id로 open 할 수 있습니다.

Name Type Description
obj Object

팝오버메뉴 속성

Example
 AXPopOver.bind({
    id:"myPopOver",
    theme:"AXPopOver", // 선택항목
    width:"200", // 선택항목
    menu:[
        {userType:0, label:"Friends", className:"groupName"},
        {userType:0, label:"Invite friends", className:"", onclick:function(){}},
        {userType:0, label:"Find friends", className:"", onclick:function(){}},
        {userType:0, label:"Photo", className:"groupName"},
        {userType:0, label:"Cut", className:"", onclick:function(){}},
        {userType:0, label:"Roll", className:"", onclick:function(){}},
        {userType:0, label:"Equipment", className:"groupName"},
        {userType:0, label:"Setting", className:""},
        {userType:0, label:"Screen", className:"", onclick:function(){}},
        {userType:0, label:"Securities", className:"groupName"},
        {userType:0, label:"Account", className:"", onclick:function(){}},
        {userType:0, label:"Logout", className:"", onclick:function(){}},
    ]
});

 $("#popoverBtn1").bind("mouseover", function(){
    var pos = $(this).offset();
    AXPopOver.open({
        id:"myPopOver", sendObj:{id:"전달하고싶은 오브젝트", name:"형식은 자유"}},
        {left:pos.left-60, top:pos.top+30}
    );
});

staticAXPopOverClass.close(obj){AXPopOverClass}

열린 팝오버메뉴 개체를 닫습니다.

Name Type Description
obj Object
Example
 AXPopOver.close({
    id:"myPopOver"
});

staticAXPopOverClass.open(myobj, position){AXPopOverClass}

bind된 컨텍스트메뉴 개체를 오픈합니다. (이벤트속성에 정해진 마우스 포지션또는 사용자가 정한 left, top 포지션에)

Name Type Description
myobj Object
position Event | Object

이벤트 객체를 전달하거나 {left:[Number], top:[Number]} 를 전달합니다.

Example
 AXPopOver.open({
    id:"myPopover", sendObj:{id:"전달하고싶은 오브젝트", name:"형식은 자유"}
}, event); // event 직접 연결 방식

 AXPopOver.open({
    id:"myPopover", sendObj:{id:"전달하고싶은 오브젝트", name:"형식은 자유"}
}, {left:0, top:0}); // position 직접 결정 방식