panel-in-form.html revision eea6edce0399e2f05e988d9b5dcd697201ea85b7
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo<!DOCTYPE html>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo<html>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo<head>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <meta charset="utf-8" />
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <title>Panel in Form Manual Test</title>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <link rel="stylesheet" href="/build/cssreset/reset-min.css" />
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <link rel="stylesheet" href="/build/cssfonts/fonts-min.css" />
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <link rel="stylesheet" href="/build/cssbase/base-min.css" />
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo</head>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo<body class="yui3-skin-sam">
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <h1>Panel in Form Manual Test</h1>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <form action="">
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <div id="foo">
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <div class="yui3-widget-bd">
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo Click the close button!
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo </div>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo </div>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo </form>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <script src="/build/yui/yui.js"></script>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo <script>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo YUI({
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo skin : 'sam',
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo filter: 'raw'
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo }).use('panel', function (Y) {
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo var panel = new Y.Panel({
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo srcNode : '#foo',
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo headerContent: 'Panel',
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo centered : true,
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo width : 250,
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo modal : true,
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo render : true
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo });
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo Y.one('form').on('submit', function (e) {
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo alert('The form is submitting!');
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo e.preventDefault();
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo });
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo });
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo </script>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo</body>
eea6edce0399e2f05e988d9b5dcd697201ea85b7Eric Ferraiuolo</html>