equal
deleted
inserted
replaced
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|
2 |
|
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|
4 |
|
5 <head> |
|
6 <link rel="stylesheet" id = "CSSLink" type="text/css" href="../css/chromeStyleBlack.css" /> |
|
7 </head> |
|
8 <script type="text/javascript"> |
|
9 |
|
10 function loadToMainWindow(url){ |
|
11 window.parent.pageController.currentLoad(url); |
|
12 } |
|
13 window.parent.pageController.loadStarted.connect( |
|
14 function() { |
|
15 document.getElementById("PBar").style.width = "0%"; |
|
16 } |
|
17 ); |
|
18 window.parent.pageController.loadProgress.connect( |
|
19 function(percent) { |
|
20 var parentWidth = document.getElementById("PBarWrapper").offsetWidth; |
|
21 document.getElementById("PBar").style.width = (parentWidth * percent)/100 + "px"; |
|
22 } |
|
23 ); |
|
24 window.parent.pageController.loadFinished.connect( |
|
25 function(ok) { |
|
26 document.getElementById("PBar").style.width = "0%"; |
|
27 } |
|
28 ); |
|
29 </script> |
|
30 <body> |
|
31 <form name = "gotoUrlForm"> |
|
32 <span id="PBarWrapper" class="ProgressBarWrapper" style="width: 260px; position: absolute; top: 3px; left:4px; height:20px"> |
|
33 <span id="PBar" class="ProgressBar" style="position:absolute; left: 1px; height: 18px;"> |
|
34 </span> |
|
35 <input type ="text" |
|
36 class = "Text" |
|
37 id = "urlBox" |
|
38 name = "textBox" |
|
39 style = "position: absolute; width: 260px; height: 18px" |
|
40 value="http://www.google.com/webhp?hl=en&output=html"/> |
|
41 </span> |
|
42 <span style="position: absolute; left: 270px; display: inline"> |
|
43 <input type = "button" class="Button" value="Go" style="display: inline" |
|
44 onclick="loadToMainWindow(document.gotoUrlForm.textBox.value)"/> |
|
45 <input type = "button" class="Button" value="Min" style="display: inline" |
|
46 onclick = "window.parent.chrome.topToggle();window.parent.chrome.bottomToggle()"/> |
|
47 </span> |
|
48 </form> |
|
49 </body> |
|
50 </html> |
|