root / docs / www / colonyscout / internal / assembly_new.php @ f59acf11
History | View | Annotate | Download (2.88 KB)
1 |
<script type="text/javascript" src="js/jquery.min.js"></script> |
---|---|
2 |
<link rel="stylesheet" href="includes/jqtransformplugin/jqtransform.css" type="text/css" media="all" /> |
3 |
<script type="text/javascript" src="includes/jqtransformplugin/jquery.jqtransform.js" ></script> |
4 |
<script type="text/javascript"> |
5 |
var Dom = {
|
6 |
get: function(el) {
|
7 |
if (typeof el === 'string') {
|
8 |
return document.getElementById(el);
|
9 |
} else {
|
10 |
return el;
|
11 |
}
|
12 |
},
|
13 |
add: function(el, dest) {
|
14 |
var el = this.get(el);
|
15 |
var dest = this.get(dest);
|
16 |
dest.appendChild(el);
|
17 |
},
|
18 |
remove: function(el) {
|
19 |
var el = this.get(el);
|
20 |
el.parentNode.removeChild(el);
|
21 |
}
|
22 |
};
|
23 |
var Event = {
|
24 |
add: function() {
|
25 |
if (window.addEventListener) {
|
26 |
return function(el, type, fn) {
|
27 |
Dom.get(el).addEventListener(type, fn, false);
|
28 |
};
|
29 |
} else if (window.attachEvent) {
|
30 |
return function(el, type, fn) {
|
31 |
var f = function() {
|
32 |
fn.call(Dom.get(el), window.event);
|
33 |
};
|
34 |
Dom.get(el).attachEvent('on' + type, f);
|
35 |
};
|
36 |
}
|
37 |
}()
|
38 |
};
|
39 |
Event.add(window, 'load', function() {
|
40 |
var i = 1;
|
41 |
Event.add('add-element', 'click', function() {
|
42 |
var el = document.createElement('p');
|
43 |
el.innerHTML = '<fieldset>' +
|
44 |
' <legend>Step ' + ++i + '</legend>' +
|
45 |
' <div class=\'rowElem\'><label>Step Title</label>' +
|
46 |
' <div class=\'loginForm\'><input class=\'login\' type=\'text\' id=\'user\' name=\'muser\' size=25/></div>' +
|
47 |
' </div>' +
|
48 |
' <div class=\'rowElem\'><label>Instruction</label>' +
|
49 |
' <div class=\'loginForm\'><textarea cols=\'100\' rows=\'8\' name=\'mytext\'></textarea></div>' +
|
50 |
' </div>' +
|
51 |
'</fieldset>';
|
52 |
|
53 |
Dom.add(el, 'content');
|
54 |
});
|
55 |
});
|
56 |
</script>
|
57 |
<script language="javascript"> |
58 |
$(function(){
|
59 |
$('form').jqTransform({imgPath:'includes/jqtransformplugin/img/'});
|
60 |
});
|
61 |
</script>
|
62 |
<style>
|
63 |
label {width:100px;font-size:20px;}
|
64 |
.loginForm {position:relative;left:30px;}
|
65 |
.loginButtons {position:relative;left:40px;}
|
66 |
.box-form-text {float:left;width:630px;}
|
67 |
.box-form-upload {float:left;width:255px;height:175px;border:1px solid #000;}
|
68 |
</style>
|
69 |
|
70 |
<form action="" method="post" id="callbackForm"> |
71 |
<fieldset>
|
72 |
<legend>Step 1</legend> |
73 |
<div class="box-form-text"> |
74 |
<div class="rowElem"><label>Step Title</label> |
75 |
<div class="loginForm"><input class="login" type="text" id="user" name="muser" size=25/></div> |
76 |
</div>
|
77 |
<div class="rowElem"><label>Instruction</label> |
78 |
<div class="loginForm"><textarea cols="64" rows="8" name="mytext"></textarea></div> |
79 |
</div>
|
80 |
</div>
|
81 |
<div class="box-form-upload"> |
82 |
|
83 |
</div>
|
84 |
</fieldset>
|
85 |
|
86 |
<div id="content"></div> |
87 |
|
88 |
<div class="rowElem"><label></label> |
89 |
<div class="loginButtons"><input name="addStep" type="button" value="Add Step" id="add-element"/> |
90 |
<input title="Submit" alt="Submit" name="submitButton" type="submit" value="Save Instructions" class="submit" id="submitButton"/></div> |
91 |
</div>
|
92 |
<input type="hidden" name="val" value="<?php echo md5($_SERVER['REMOTE_ADDR'].date('l jS \of F Y h A')); ?>"/> |
93 |
</form>
|