• Customize Javascript Dialog Box

    You need to include following files in your html head part.

    1
    2
    3
    
    <!--Include following files in your head part-->
    	<link href="http://www.jeasyui.com/easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    	<link href="http://www.jeasyui.com/easyui/themes/icon.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script><script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

    Below is the Javascript code for the dialog box.

    View Code JAVASCRIPT
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    <!--Javascript code--><script type="text/javascript">// <![CDATA[
            $(function(){
                $('#alertHref').click(function() {
                        $.messager.alert('Alert Box', 'Alert Box Message goes Here', 'info');
                });
                $('#confirmHref').click(function() {
                        $.messager.confirm('Confirm Box', 'Are you Sure?', 'info');
                });
            });
     
    // ]]></script>
    1
    
    <!--Html Code-->
    Customized Dialog Box
    Alert Box: Alert Box
    Confirm Box: Confirm Box
    Tags:

Comments on this post

Leave a Reply

  • Security Code :


    five − 3 =