source: orbit/iOS/Orbit/tutorial/frame.html @ c00c6d8

ServoTab_Interfacepyramid
Last change on this file since c00c6d8 was c00c6d8, checked in by Steve Castellotti <sc@…>, 8 years ago

Tutorial:

  • buttons cleaned up for Table of Contents
  • Tips and FAQ section added
  • Property mode set to 100644
File size: 1.1 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      function changePage(url) {
32         
33         document.getElementById('mainframe').className="faded";
34         
35         setTimeout(function() {
36            document.getElementById('mainframe').src=url;
37            document.getElementById('mainframe').className="normal";
38         }, (0.5 * 1000));
39         
40      }
41     
42   </script>
43   
44</head>
45
46<body style="background-color:white;">
47   
48   <iframe id="mainframe" class="normal" src="index.html"></iframe>
49
50</body>
51
52</html>
Note: See TracBrowser for help on using the repository browser.