Project

General

Profile

Statistics
| Branch: | Revision:

colonymech / 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>