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

Last change on this file since 29914 was 29914, checked in by davidb, 9 years ago

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

  • Property svn:executable set to *
File size: 2.7 KB
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 repository browser.