Changeset c00c6d8 in orbit for iOS/Orbit/tutorial/frame.html


Ignore:
Timestamp:
08/25/13 23:33:20 (7 years ago)
Author:
Steve Castellotti <sc@…>
Branches:
master, Servo, Tab_Interface, pyramid
Children:
3bf994e
Parents:
5425e1e
Message:

Tutorial:

  • buttons cleaned up for Table of Contents
  • Tips and FAQ section added
File:
1 edited

Legend:

Unmodified
Added
Removed
  • iOS/Orbit/tutorial/frame.html

    r6d0d67b rc00c6d8  
    22<head> 
    33 
    4 <style> 
    5 body,html,iframe { width: 100%; height: 100%; margin: 0; border: 0; } 
     4   <style> 
     5      body,html,iframe { width: 100%; height: 100%; margin: 0; border: 0; } 
    66 
    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 } 
     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> 
    2728 
    28 </style> 
     29   <script language="javascript"> 
    2930 
    30 <script language="javascript"> 
    31  
    32    function changePage(url) 
    33    { 
    34       document.getElementById('mainframe').className="faded"; 
    35       setTimeout(function() 
    36       { 
    37          document.getElementById('mainframe').src=url; 
    38          document.getElementById('mainframe').className="normal"; 
    39       }, (0.5 * 1000)); 
    40    } 
    41 </script> 
     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    
    4244</head> 
    4345 
    44       <body style="background-color:white;"> 
    45 <iframe id="mainframe" class="normal" src="index.html"></iframe> 
     46<body style="background-color:white;"> 
     47    
     48   <iframe id="mainframe" class="normal" src="index.html"></iframe> 
     49 
    4650</body> 
    4751 
Note: See TracChangeset for help on using the changeset viewer.