root/other-projects/nz-flag-design/trunk/main-form/enter-name.html @ 29914

Revision 29914, 2.7 KB (checked in by davidb, 4 years ago)

Support added for entering details about the design, and having them put into the 'published' area

  • Property svn:executable set to *
Line 
1<!DOCTYPE html> 
2<html id="story">
3  <head>
4    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5    <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
7    <!-- jQuery -->
8    <script src="lib/jquery-1.11.1.min.js"></script>
9     
10    <title>Enter Name</title>
11  </head>
12  <body>
13    <div data-role="page" id="enter-name-page"
14     class="demo-page"
15     data-dom-cache="true"
16     data-prev="iterative-design">
17
18      <div data-role="content">
19     
20    <div data-role="controlgroup" class="control" data-mini="true">       
21<!--   
22          <a href="#" class="next right-button idea-fwd" style="right:1%;"></a>
23-->
24      <a href="#" class="prev left-button gen-back" style="left:1%;"></a>
25        </div> 
26     
27<!--
28    <a target="_parent" href="../index.html" class="back-button back-left"></a>
29-->
30     
31    <div class="story-page">
32
33      <!-- put custom content here -->   
34      <div class="story-title">
35        <h1 id="enter-name-header" class="center">Contact Details</h1>
36<!--
37        <p class="center">- - xx </p>
38-->
39            <style>
40          input {
41            color: white;
42          }
43            </style>
44        <form id="publish-data"
45          action="my-design.jsp" method="get"
46          style="width: 400px; margin-left:auto; margin-right:auto;"
47          data-ajax="false"
48          >
49          <input type="hidden" name="action" value="publish"/>
50
51          <p>
52        Flag Name:
53          </p>
54          <input type="text" autofocus="autofocus" style="color: white;" name="pub-name" />
55
56
57
58          <p>
59        Your Name:
60          </p>
61          <input type="text" style="color: white;" name="name" />
62
63          <p>
64        Contact email:
65          </p>
66          <input type="text" name="email" />
67
68          <p>
69        Motivation for your flag design:
70          </p>
71          <textarea name="desc" style="height: 250px;" >Describe your design ...</textarea>
72         
73
74          <div style="padding-top: 20px; padding-left: 10px; padding-right: 10px">
75        <input type="submit" value="Submit Flag Design" />
76          </div>
77        </form>
78
79        <script>
80              var jsession_id = $.cookie('JSESSIONID') || new Date().getTime();
81          $('#publish-data').append('<input type="hidden" name="myid" value="' + jsession_id + '"/>');
82          //$('#publish-data').append('<input type="hidden" name="png-flag" value="flag-' + jsession_id + '.png"/>');
83          //$('#publish-data').append('<input type="hidden" name="svg-flag" value="flag-' + jsession_id + '.svg"/>');
84
85          //$('#publish-data').append('<img src="../render-3d/images/flag-' + jsession_id + '.png"/>');
86
87        </script>
88
89
90      </div>
91      <!-- end of putting custom content -->
92
93    </div> <!-- end story-page-->       
94   
95      </div><!-- /content -->
96
97    </div><!-- /page -->     
98  </body>
99</html>
Note: See TracBrowser for help on using the browser.