60 <div id="SoftKeys"> |
60 <div id="SoftKeys"> |
61 <a href="javascript:void(0);"><img src="preview/images/TransperantImage.png" name="LskArea" border="0" id="LskArea"/></a><a href="javascript:void(0);"><img src="preview/images/TransperantImage.png" name="RskArea" border="0" id="RskArea"/></a> </div> |
61 <a href="javascript:void(0);"><img src="preview/images/TransperantImage.png" name="LskArea" border="0" id="LskArea"/></a><a href="javascript:void(0);"><img src="preview/images/TransperantImage.png" name="RskArea" border="0" id="RskArea"/></a> </div> |
62 </div> |
62 </div> |
63 </div> |
63 </div> |
64 <div id="Dialog" title="Notification window"></div> |
64 <div id="Dialog" title="Notification window"></div> |
65 <div id="PreferencesTab" class="hide"> |
65 <div id="InspectorTab" class="hide"> |
66 <div id="tabs"> |
66 <div>To open Web Inspector you need to: |
67 <ul> |
67 <ol> |
|
68 <li>Disconnect debugger from Chrome browser.</li> |
|
69 <li>Press <span id="UniversalShortcut" class="shortcut">Ctrl+Shift+I</span><span id="MacShortcut" class="shortcut">Command+Option+I</span> to open inspector.</li> |
|
70 </ol> |
|
71 </div> |
|
72 </div> |
|
73 </div> |
|
74 <div id="preview-ui-bottom"> |
|
75 <div id="preview-ui-bottom-header"> |
|
76 <div>Simulation Controls</div> |
|
77 <span class="open" id="Console-Toggle-Button"></span> |
|
78 </div> |
|
79 <div id="tabs" class="tabs-bottom"> |
|
80 <ul id="tabs-header"> |
|
81 <li><a href="#console">Console</a></li> |
68 <li><a href="#event-battery-info">Battery</a></li> |
82 <li><a href="#event-battery-info">Battery</a></li> |
69 <li><a href="#event-messaging-info">Message</a></li> |
83 <li><a href="#event-messaging-info">Events</a></li> |
70 <li><a href="#event-memory-info">Memory</a></li> |
|
71 <li><a href="#settings-view">Preferences</a></li> |
84 <li><a href="#settings-view">Preferences</a></li> |
72 </ul> |
85 </ul> |
|
86 <div id="console" class="hide" style="height: 100%"> |
|
87 <span id="Console-Clear-Button"></span> |
|
88 <div style="clear:left;"></div> |
|
89 <div id="preview-ui-bottom-body" style="height: 100%"></div> |
|
90 </div> |
73 <div id="event-battery-info" class="hide"> |
91 <div id="event-battery-info" class="hide"> |
74 <table cellpadding='0' cellspacing='0' width="100%"> |
92 <table cellpadding='0' cellspacing='0' width="100%"> |
75 <tr> |
93 <tr> |
76 <th>Charging status</th> |
94 <th>Charging status</th> |
77 <td> |
95 <td> |
95 <td> |
113 <td> |
96 <a class="ui-button-fixed" id="send-sms">Trigger new SMS</a> |
114 <a class="ui-button-fixed" id="send-sms">Trigger new SMS</a> |
97 <a class="ui-button-fixed" id="send-mms">Trigger new MMS</a> |
115 <a class="ui-button-fixed" id="send-mms">Trigger new MMS</a> |
98 </td> |
116 </td> |
99 </tr> |
117 </tr> |
100 </table> |
|
101 </div> |
|
102 <div id="event-memory-info" class="hide"> |
|
103 <table cellpadding='0' cellspacing='0' width="100%"> |
|
104 <tr> |
118 <tr> |
105 <th>Memory Card</th> |
119 <th>Memory Card</th> |
106 <td> |
120 <td> |
107 <a class="ui-button-fixed" id="connect-memory-card">Connect</a> |
121 <a class="ui-button-fixed" id="connect-memory-card">Connect</a> |
108 <a class="ui-button-fixed" id="disconnect-memory-card">Disconnect</a> |
122 <a class="ui-button-fixed" id="disconnect-memory-card">Disconnect</a> |
151 See Web Developer's Library for <a class="link" href="http://library.forum.nokia.com/index.jsp?topic=/Web_Developers_Library/GUID-63F4E17E-8895-4054-82AD-762B90610B30.html" target="_blank">more details</a> |
164 See Web Developer's Library for <a class="link" href="http://library.forum.nokia.com/index.jsp?topic=/Web_Developers_Library/GUID-63F4E17E-8895-4054-82AD-762B90610B30.html" target="_blank">more details</a> |
152 </td> |
165 </td> |
153 </tr> |
166 </tr> |
154 </table> |
167 </table> |
155 </div> |
168 </div> |
156 </div> |
|
157 </div> |
|
158 <div id="InspectorTab" class="hide"> |
|
159 <div>To open Web Inspector you need to: |
|
160 <ol> |
|
161 <li>Disconnect debugger from Chrome browser.</li> |
|
162 <li>Press <span id="UniversalShortcut" class="shortcut">Ctrl+Shift+I</span><span id="MacShortcut" class="shortcut">Command+Option+I</span> to open inspector.</li> |
|
163 </ol> |
|
164 </div> |
|
165 </div> |
|
166 </div> |
|
167 <div id="preview-ui-bottom"> |
|
168 <div id="preview-ui-bottom-header"> |
|
169 <div>Console window</div> |
|
170 <span class="open" id="Console-Toggle-Button"></span> |
|
171 <span id="Console-Clear-Button"></span> |
|
172 </div> |
|
173 <div style="clear:left;"></div> |
|
174 <div id="preview-ui-bottom-body"> |
|
175 </div> |
169 </div> |
176 </div> |
170 </div> |
177 <div id="TopToolbar"> |
171 <div id="TopToolbar"> |
178 <div id="rotateCW"></div> |
172 <div id="rotateCW"></div> |
179 <select id="resOptions"> |
173 <select id="resOptions"> |