source: orbit/android/assets/tutorial/frame.html @ 3d25264

Servo
Last change on this file since 3d25264 was 0a60a15, checked in by Steve Castellotti <sc@…>, 7 years ago

Tutorial:

  • Android Tutorial
  • Property mode set to 100644
File size: 1.3 KB
Line 
1<html>
2<head>
3
4   <style>
5      body,html,iframe { width: 100%; height: 100%; margin: 0; border: 0; }
6
7      #mainframe.normal
8      {
9          opacity: 1.0;
10      }
11      #mainframe.faded
12      {
13          opacity: 0.0;
14      }
15      #mainframe
16      {
17              /* Firefox */
18              -moz-transition-property: opacity;
19              -moz-transition-duration: 0.5s;
20              /* WebKit */
21              -webkit-transition-property: opacity;
22              -webkit-transition-duration: 0.5s;
23              /* Standard */
24              transition-property: opacity;
25              transition-duration: 0.5s;
26      }
27   </style>
28
29   <script language="javascript">
30
31      /*
32      function changePage(url) {
33         
34         document.getElementById('mainframe').className="faded";
35         
36         setTimeout(function() {
37            document.getElementById('mainframe').src=url;
38            document.getElementById('mainframe').className="normal";
39         }, (0.5 * 1000));
40         
41      } */
42     
43      function changePage(url) {
44         
45            document.getElementById('mainframe').src=url;
46         
47      }
48
49   </script>
50   
51</head>
52
53<body style="background-color:white;">
54   
55   <iframe id="mainframe" class="normal" src="contents.html"></iframe>
56
57</body>
58
59</html>
Note: See TracBrowser for help on using the repository browser.