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 : 5252

PERMALINKhttps://www.sweetrice.xyz/docs/SweetRice-Dialog-example/

TAGS SweetRice Dialog

TOTAL 1 USER_COMMENTSVIEW_ALL_COMMENTS

YOUR_NAME * REMEMBER_ME

YOUR_EMAIL * YOUR_WEBSITE

VERIFICATION_CODE *

RELATED_ENTRY