HOME » SweetRice Docs » SweetRice Dialog example

Dialog Example

dlg_example = _.dialog({
'name':'example',
content:'SweetRice Dialog example',
'title':'Dialog title',
'layer':1,
'width':600,
'button':[
{'label':'Clicked','bind':{'click':function(){alert('Clicked');}}},
{'label':'Mouseover','bind':{'mouseover':function(){alert('Mouseover');}}},
{'label':'Mouseout','bind':{'mouseout':function(){alert('Mouseout');}}},
{'label':'Move','bind':{'click':function(){_('#SweetRice_dialog_example').animate({'top':'5px','left':'5px'},2000,function(){_('#SweetRice_dialog_example').find('.SweetRice_dialog_content').css({'height':'500px'},null,function(){_('#SweetRice_dialog_example').animate({'top':'150px','left':'38px'},2000);});});}}},
{'label':'FadeIn','bind':{'click':function(){_('#SweetRice_dialog_example').fadeIn(1000);}}},
{'label':'FadeOut','bind':{'click':function(){_('#SweetRice_dialog_example').fadeOut(1000,function(){_('#SweetRice_dialog_example').find('.SweetRice_dialog_close').run('click');});}}},
{'label':'css','bind':{'click':function(){_('#SweetRice_dialog_example').css({'height':'500px'});}}}
]
});

POST_DETAIL

LAST_UPDATEFeb,01,2014 VIEWS : 3232

PERMALINKhttp://www.basic-cms.org/docs/SweetRice-Dialog-example/

TAGS SweetRice Dialog

TOTAL 0 USER_COMMENTS

YOUR_NAME * REMEMBER_ME YOUR_EMAIL * YOUR_WEBSITE

VERIFICATION_CODE * Click to get

Dialog Example

TOTAL 0 USER_COMMENTS

RELATED_ENTRY