9090 }
9191 .browser-content {
9292 position : relative;
93- height : 800 px ;
93+ height : 450 px ;
9494 overflow : hidden;
9595 }
9696 .browser-content iframe {
109109 < a class ="browser-back " href ="# "> ◄</ a >
110110 < a class ="browser-forward " href ="# "> ►</ a >
111111 < div class ="browser-address ">
112- < span style ="color:#BBBBBB; "> https ://</ span > superpencil.com < a class ="browser-reload pull-right " href ="# "> ↻</ a >
112+ < span style ="color:#BBBBBB; "> http ://</ span > superpencil.com < a class ="browser-reload pull-right " href ="# "> ↻</ a >
113113 </ div >
114114 </ div >
115115 < div class ="browser-content ">
116- < iframe id ="css_iframe_browser " name ="css_iframe_browser " src ="http://www.superpencil .com "> </ iframe >
116+ < iframe id ="iframe " name ="iframe " src ="http://www.polygon .com "> </ iframe >
117117 </ div >
118118 </ div >
119119 < script src ="http://code.jquery.com/jquery-latest.js "> </ script >
120120 < script type ="text/javascript ">
121- $ ( function ( )
122- {
123- var $iframe = $ ( '#css_iframe_browser' ) ;
124- var frame = self . frames [ 'css_iframe_browser' ] ;
125- $ ( '.browser-home' ) . click ( function ( event )
126- {
127- event . preventDefault ( ) ;
128- frame . location . href = 'http://www.superpencil.com' ;
129- } ) ;
130- $ ( '.browser-back' ) . click ( function ( event )
131- {
132- event . preventDefault ( ) ;
133- frame . history . back ( ) ;
134- } ) ;
135- $ ( '.browser-forward' ) . click ( function ( event )
136- {
137- event . preventDefault ( ) ;
138- frame . history . forward ( ) ;
139- } ) ;
140- $ ( '.browser-reload' ) . click ( function ( event )
141- {
142- event . preventDefault ( ) ;
143- frame . location . reload ( ) ;
144- } ) ;
145- } ) ;
121+ $ ( document ) . ready ( function ( ) {
122+ $ ( '.browser-back' ) . click ( function ( event ) {
123+ event . preventDefault ( ) ;
124+ iframe . history . back ( ) ;
125+ } ) ;
126+ $ ( '.browser-forward' ) . click ( function ( event ) {
127+ event . preventDefault ( ) ;
128+ iframe . history . forward ( ) ;
129+ } ) ;
130+ $ ( '.browser-reload' ) . click ( function ( event ) {
131+ event . preventDefault ( ) ;
132+ iframe . location . reload ( ) ;
133+ } ) ;
134+ } ) ;
146135 </ script >
147136 </ body >
148137</ html >
0 commit comments