colonymech / docs / www / colonyscout / internal / assembly_new.php @ f59acf11
History | View | Annotate | Download (2.88 KB)
1 | f59acf11 | Dan Shope | <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> |