source: other-projects/nz-flag-design/trunk/main-form/iterative-design.html@ 29549

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

Second iteration of the page swiping sequence, with more careful deployment of liteAccordion and SVG-Edit init in callback events
  • Property svn:executable set to *
File size: 3.1 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 <title>Iterative Design</title>
8
9 </head>
10
11 <body>
12 <div data-role="page" id="iterative-design-page"
13 class="demo-page"
14 data-dom-cache="true"
15 data-prev="choose-palette">
16
17 <div data-role="content">
18
19 <div data-role="controlgroup" class="control" data-mini="true">
20 <a href="#" class="next right-button test-fwd" style="right:1%;"></a>
21 <a href="#" class="prev left-button idea-back" style="left:1%;"></a>
22 </div>
23
24 <div class="story-page">
25
26 <!-- put custom content here -->
27 <span class="left story-icon research" ></span>
28 <h2>Iterative Design</h2>
29
30 <div>
31 <div id="side-by-side">
32 <ol>
33
34 <li>
35 <h2><span>2D Design</span></h2>
36 <div id="design-div" >
37
38 <iframe style="width: 100%; height: 100%"
39 id="design-iframe" ></iframe>
40 </div>
41 </li>
42
43 <li>
44 <h2><span title="Click to Open/Close">Flag Similarity</span></h2>
45
46 <div id="similarity-2d-div">
47 <iframe src="../similarity-2d/index.jsp"
48 style="width: 100%; height: 100%"
49 id="similarity-2d-iframe" ></iframe>
50 </div>
51
52 </li>
53 <li>
54 <h2><span title="Click to Open/Close">Render 3D</span></h2>
55 <div id="comparison-3d-div">
56 <iframe src="../render-3d/flag.html"
57 style="width: 100%; height: 100%;"
58 id="comparison-3d-iframe" ></iframe>
59 </div>
60 </li>
61
62 </ol>
63 </div>
64 </div>
65
66 <!-- end of putting custom content -->
67
68 </div> <!-- end story-page-->
69 </div><!-- /content -->
70
71 <script>
72
73
74 var activatedAccordion = false;
75 var activatedSVGEditorFrame = false;
76
77 function activateAccordion() {
78
79 $('#side-by-side').show();
80 $('#side-by-side')
81 .liteAccordion(
82 { theme : 'light',
83 rounded : true,
84 containerWidth : 1000,
85 containerHeight : 600,
86 }
87 );
88 }
89
90 function activateSVGEditor() {
91 console.log("activateSVGEditor()");
92 //$('#design-iframe').attr("src", "svg-edit-2.7/svg-editor.html");
93 $('#design-iframe').attr("src","svg-edit-trunk/editor/svg-editor.html");
94 }
95
96 $(document).on("pageload",function(event,data){
97 console.log( "Iterative Design Page: jquerymobile pageload()" );
98 if (!activatedAccordion) {
99 activateAccordion();
100 activatedAccordion = true;
101 }
102 });
103
104
105 $(document).on("pagebeforeshow",function(event,data){
106 var active_page = $.mobile.activePage.attr("id");
107 console.log("Event: pagebeforeshow() for page " + active_page);
108
109 if (!activatedSVGEditorFrame && (active_page == "iterative-design-page")) {
110 activateSVGEditor();
111 activatedSVGEditorFrame = true;
112 }
113
114 });
115
116 </script>
117
118
119 </div><!-- /page -->
120
121
122 </body>
123</html>
Note: See TracBrowser for help on using the repository browser.