Project

General

Profile

Download (3.41 KB)

Bug #3608 » test_wt_gl_widgetset.html

Prasad Dixit, 09/27/2014 07:47 PM

 
1 
??<html>
2
3 
<head>
4
5 
  <style type="text/css">
6
7 
    .widget {
8
9 
      width: 550;
10
11 
      height: 350px;
12
13 
      margin: 10px auto;
14
15 
      padding: 4px;
16
17 
      border: 4px solid gray;
18
19 
    }
20
21
22
23 
    .IE-hidden-iframe {
24
25 
      position: absolute;
26
27 
      top: 0; left: 0;
28
29 
      width: 1px; height: 1px;
30
31 
      visibility: hidden;
32
33 
    }
34
35 
  </style>
36
37 
  <title>Embedded Wt</title>
38
39
40
41 
  <!-- You need this if you want to use Ext widgets:
42
43 
    -->
44
45 
  <!--[if gte IE 6]>
46
47 
  <script id="ie-deferred-loader" defer="defer" src="//:"></script>
48
49 
  <![endif]-->
50
51 
</head>
52
53 
<body>
54
55
56
57 
<!-- These hidden fields are needed for Wt's internal path API
58
59 
     and are optional.
60
61
62
63 
   If you use them, then append "&amp;Wt-history=Wt-history" to the Wt
64
65 
   script url, where Wt-history corresponds to the prefix of these fields:
66
67 
     Wt-history-iframe
68
69 
     Wt-history-field
70
71
72
73 
   The hidden iframe is only needed for Internet Explorer, so you can
74
75 
   make it conditional:
76
77 
-->
78
79 
<!--[if gte IE 6]>
80
81 
<iframe id="Wt-history-iframe" src="/hello.js?request=resource&resource=blank"
82
83 
        class="IE-hidden-iframe">
84
85 
</iframe>
86
87 
<![endif]-->
88
89 
<input id="Wt-history-field" type="hidden"/>
90
91
92
93 
<!-- End hidden fields for Wt's internal path API -->
94
95
96
97 
<!--
98
99 
   We need a place holder for every widget to which we want to bind
100
101 
   a WContainerWidget in Wt
102
103 
  -->
104
105 
<div id="GLApp0" class="widget">
106
107
108
109 
<!--
110
111 
   As the last step, we load our application.
112
113 
  -->
114
115 
<script src="http://localhost:8080/GLApp.js?div=GLApp0&amp;Wt-history=Wt-history"></script>
116
117
118
119
120
121 
</div>
122
123 
<div id="GLApp1" class="widget">
124
125
126
127 
<!--
128
129 
   As the last step, we load our application.
130
131 
  -->
132
133
134
135 
<script src="http://localhost:8080/GLApp.js?div=GLApp1&amp;Wt-history=Wt-history"></script>
136
137 
</div>
138
139
140
141
142
143 
</body>
144
145 
</html>
(4-4/5)