ernestlv/panel02.html

## panel02.html
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title id='title'>HTML Page setup Tutorial</title>

        <!-- ** CSS ** -->
        <!-- base library -->
        <link rel="stylesheet" type="text/css" href="/~903205/ext34/resources/css/ext-all.css" />

        <!-- overrides to base library -->


        <!-- ** Javascript ** -->
        <!-- ExtJS library: base/adapter -->
        <script type="text/javascript" src="/~903205/ext34/adapter/ext/ext-base.js"></script>
        <!-- ExtJS library: all widgets -->
        <script type="text/javascript" src="/~903205/ext34/ext-all-debug.js"></script>


        <!-- overrides to library -->

        <!-- extensions -->

        <!-- page specific -->

        <script type="text/javascript">
        // Path to the blank image should point to a valid location on your server
        Ext.BLANK_IMAGE_URL = 'resources/images/default/s.gif';

        Ext.onReady(function(){

           console.info('woohoo!!!');

			// Define the shared action.  Each component below will have the same
			// display text and icon, and will display the same message on click.
			var action = new Ext.Action({
				text: 'Do something',
				handler: function(){
					Ext.Msg.alert('Click', 'Hello World!');
				},
				iconCls: 'do-something',
				itemId: 'myAction'
			});

		   var panel = new Ext.Panel({
			  title: 'My Panel',
			  width: 500,
			  height: 300,
			  tbar: [
				  // Add the action directly to a toolbar as a menu button
				  action,
				  {
					  text: 'Action Menu',
					  // Add the action to a menu as a text item
					  menu: [action]
				  }
			  ],
			  items: [
				  // Add the action to the panel body as a standard button
				  new Ext.Button(action)
			  ],
			  renderTo: Ext.getBody()
		  });

        }); //end onReady
        </script>

    </head>
    <body>
    </body>
</html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title id='title'>HTML Page setup Tutorial</title>

	<!-- CSS -->
	<!-- base library -->
	<link rel="stylesheet" type="text/css" href="/~903205/ext34/resources/css/ext-all.css" />

	<!-- overrides to base library -->


	<!-- Javascript -->
	<!-- ExtJS library: base/adapter -->
	<script type="text/javascript" src="/~903205/ext34/adapter/ext/ext-base.js"></script>
	<!-- ExtJS library: all widgets -->
	<script type="text/javascript" src="/~903205/ext34/ext-all-debug.js"></script>


	<!-- overrides to library -->

	<!-- extensions -->

	<!-- page specific -->

	<script type="text/javascript">
	// Path to the blank image should point to a valid location on your server
	Ext.BLANK_IMAGE_URL = 'resources/images/default/s.gif';

	Ext.onReady(function(){

	console.info('woohoo!!!');

	// Define the shared action. Each component below will have the same
	// display text and icon, and will display the same message on click.
	var action = new Ext.Action({
	text: 'Do something',
	handler: function(){
	Ext.Msg.alert('Click', 'Hello World!');
	},
	iconCls: 'do-something',
	itemId: 'myAction'
	});

	var panel = new Ext.Panel({
	title: 'My Panel',
	width: 500,
	height: 300,
	tbar: [
	// Add the action directly to a toolbar as a menu button
	action,
	{
	text: 'Action Menu',
	// Add the action to a menu as a text item
	menu: [action]
	}
	],
	items: [
	// Add the action to the panel body as a standard button
	new Ext.Button(action)
	],
	renderTo: Ext.getBody()
	});

	}); //end onReady
	</script>

	</head>
	<body>
	</body>
	</html>