5
5
<title>LAZR JS Examples: lazr.formoverlay</title>
6
6
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
8
<script type="text/javascript" src="../../build/yui/current/build/yui/yui.js"></script>
9
<script type="text/javascript" src="../../build/lazr/lazr.js"></script>
10
<script type="text/javascript" src="../../build/overlay/overlay.js"></script>
11
<script type="text/javascript" src="../../build/formoverlay/formoverlay.js"></script>
13
<link rel="stylesheet" href="../../build/yui/current/build/cssreset/reset.css"/>
14
<link rel="stylesheet" href="../../build/yui/current/build/cssfonts/fonts.css"/>
15
<link rel="stylesheet" href="../../build/yui/current/build/cssbase/base.css"/>
16
<link rel="stylesheet" href="../../build/overlay/assets/pretty-overlay-core.css"/>
17
<link rel="stylesheet" href="../../build/overlay/assets/skins/sam/pretty-overlay-skin.css"/>
18
<link rel="stylesheet" href="../../build/formoverlay/assets/formoverlay.css"/>
20
<script type="text/javascript">
23
base: "../../build/yui/current/build/",
25
}).use('lazr.formoverlay', 'node', 'event', 'dump', function(Y) {
8
<script type="text/javascript" src="../../build/yui/yui-min.js"></script>
9
<script type="text/javascript" src="../../build/lazr/lazr-meta.js"></script>
10
<script type="text/javascript">
11
var LAZR_YUI_CONFIG = {
14
modules: LAZR_MODULES,
18
<script type="text/javascript">
20
YUI(LAZR_YUI_CONFIG).use('cssreset', 'cssfonts', 'cssbase',
21
'lazr.formoverlay', 'node', 'event',
28
25
'Traceback (most recent call last):',
127
124
<h3>Javascript</h3>
129
<script type="text/javascript" src="../../build/yui/current/build/yui/yui.js"></script>
130
<script type="text/javascript" src="../../build/overlay/overlay.js"></script>
131
<script type="text/javascript" src="../../build/formoverlay/formoverlay.js"></script>
136
<link rel="stylesheet" href="../../build/overlay/assets/pretty-overlay-core.css" />
137
<link rel="stylesheet" href="../../build/overlay/assets/skins/sam/pretty-overlay-skin.css" />
138
<link rel="stylesheet" href="../../build/formoverlay/assets/formoverlay.css" />
126
<script type="text/javascript" src="../../build/yui/current/build/yui/yui-min.js"></script>
127
<script type="text/javascript" src="../../build/lazr/lazr-meta.js"></script>
141
130
<h2>Widget Setup</h2>
143
132
The normal Overlay attributes (such as headerContent) can be used
135
var LAZR_YUI_CONFIG = {
137
base: "../../build/",
138
modules: LAZR_MODULES,
140
YUI(LAZR_YUI_CONFIG).use("lazr.formoverlay", function(Y){
146
141
var form_content = 'Enter name: <input type="text" name="username" />';
147
142
var formoverlay = new Y.lazr.FormOverlay({
148
143
headerContent: '<h2>Your Form Title</h2>',
149
144
form_content: form_content});
150
145
formoverlay.render();
152
148
<p><strong>Note:</strong> The form content can be passed as either a string
153
149
of HTML (as is useful if the form is obtained via an AJAX request) or