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 update:Feb,01,2014 views : 457

Permalink:http://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