GOOD NEWS

GOOD NEWS
Ask For The Truth...

Wednesday, July 11, 2012

Mobile App: Sports News HTML5 Code

 
///<!DOCTYPE html>
<html  manifest="/applications/manifest/Sports_News_App/android"
 #manifest="http://localhost/Symfony/web/app_dev.php/404"
>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <title> Sports News App - Sports Video
</title>
    
 <link href="/bundles/magazine/css/jquery.mobile-1.0.min.css" type="text/css" rel="stylesheet" />
 <link href="/bundles/magazine/css/style.css" type="text/css" rel="stylesheet" />
 <link href="/bundles/magazine/css/custom.css" type="text/css" rel="stylesheet" />

<style type="text/css">
  .ui-icon-loading {
    }
 </style>
        <link rel="shortcut icon" href="/favicon.ico" />
  
        <script type="text/javascript" src="/bundles/magazine/js/custom/google_analitycs.js"></script>
  
<!--  <script type="text/javascript" src="/bundles/magazine/js/jquery/jquery-1.6.2.min.js"></script> -->
 <script type="text/javascript" src="/bundles/magazine/js/jquery/jquery-1.7.min.js"></script>
 <script type="text/javascript" src="/bundles/magazine/js/jquery/jquery.mobile-1.0.min.js"></script>
 <script type="text/javascript" src="/bundles/magazine/js/custom/script.js"></script>
<script type="text/javascript" src="/bundles/magazine/js/jquery/jquery.easing.1.3.js"></script>
 <script type="text/javascript" src="/bundles/magazine/js/jquery/jquery.mobile.scrollview.js"></script>
 
 <script type="text/javascript">
  $( ":jqmData(role='page')" ).live( "pageshow", function(event) {
   var $page = $( this );
  
   // For the demos that use this script, we want the content area of each
   // page to be scrollable in the 'y' direction.
  
   // $page.find( ".ui-content" ).attr( "data-" + $.mobile.ns + "scroll", "y" );
  
   // This code that looks for [data-scroll] will eventually be folded
   // into the jqm page processing code when scrollview support is "official"
   // instead of "experimental".
  
   $page.find( ":jqmData(scroll):not(.ui-scrollview-clip)" ).each(function () {
    var $this = $( this );
    // XXX: Remove this check for ui-scrolllistview once we've
    //      integrated list divider support into the main scrollview class.
    if ( $this.hasClass( "ui-scrolllistview" ) ) {
     $this.scrolllistview();
    } else {
     var st = $this.jqmData( "scroll" ) + "",
      paging = st && st.search(/^[xy]p$/) != -1,
      dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null,
  
      opts = {
       direction: dir || undefined,
       pagingEnabled: paging || undefined,
       scrollMethod: $this.jqmData("scroll-method") || undefined
      };
  
     $this.scrollview( opts );
    }
   });
  });
 </script>
 </head>
 <body>
   <div class="__page" data-role="page">
  <div data-role="header" data-position="fixed">
<a href="javascript:void(0)" data-transition="none" data-role="button" data-rel="back" data-icon="arrow-l" data-theme="a">back</a>
  <h1>Sports News App - Sports Video</h1>
 <span style="position: absolute; top: 10px; right: 10px;" id="__cache"></span>
 
   </div>
  
  <div data-role="content" style="padding: 0;">
     
 <script type="text/javascript">
  $('.__page').die('pageshow').live( 'pageshow', function () {
      $.mobile.urlHistory.stack = [];
      $.mobile.urlstack = [];
      $( '.ui-page' ).not( '.ui-page-active' ).remove();
  });
 
  cache = window.applicationCache;
  
  $(cache).bind('checking', function(event){
   $.mobile.activePage.find('#__cache').text('cache: checking');
  });
  
  $(cache).bind('downloading', function(event){
   $.mobile.activePage.find('#__cache').text('cache: download');
  });
  
  $(cache).bind('progress', function(event){
   $.mobile.activePage.find('#__cache').text('cache: download '+Math.ceil(100 * event.originalEvent.loaded / event.originalEvent.total)+'%');
  });
  
  $(cache).bind('noupdate', function(event){
   $.mobile.activePage.find('#__cache').text('cache: up to date');
  });
  
  $(cache).bind('updateready', function(event){
   $.mobile.activePage.find('#__cache').text('cache: update complete');
  });
  
  $(cache).bind('cached', function(event){
   $.mobile.activePage.find('#__cache').text('cache: download complete');
  });
  
  $(cache).bind('error', function(event){
   $.mobile.activePage.find('#__cache').text('cache: error');
  });
  
  $(cache).bind('obsolete', function(event){
   $.mobile.activePage.find('#__cache').text('cache: not found');
  });
  
  try{
   cache.update();
  }
  catch(e){
   __log('Cache update error');
  }
 </script>
 
 <div class="editor-main-page-w preview iphone" style="
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  
   ">
<script type="text/javascript" src="/bundles/magazine/js/custom/content_item/media_html5.js"></script>
    
                           
         <input type="hidden" name="host" value="publisher.mobileappwizard.com" />
    
             <div data-scroll="y" class='preview-media-container' style="height: 380px;">
            <ul data-role="listview">
               <li>
         <a href="javascript:void(0)"
           class="item __preview_video"
                        data-src="http://www.youtube.com/v/kb3OK8BWe8o"
            data-width="260"
            data-height="200"
                     >
          <img width="101px" height="83px"
                          src="http://74.208.209.133/images/cache/b8266c8e8e1fb92445f5266c15d74542_w101_h83.jpg"
                       />
         </a>
</li>
             </ul>
     </div>
         <div class="__preview_dlg modal" style="display:none;"></div>
     <div class="__preview_overlay preview-overlay" style="display:none;"></div>
     
     
       
 </div>

  
 
  </div>
  
  <div data-role="footer" data-position="fixed">
<style>
     .ui-icon-icon_3675{
    background-image: url("http://74.208.209.133/images/cache/061e36c16e1e0e90ca5d238812dc7c18_w18_h18.jpg"); 
   }
     .ui-icon-icon_3686{
    background-image: url("http://74.208.209.133/images/cache/e56cee81c5d8046188cfada2402d6f55_w18_h18.jpg"); 
   }
   </style>
 
 <div data-role="navbar" data-scroll="x" class="preview_navigation">
   
  <ul class="preview_navigation_container" style="
     ">
                  <li style="
             ">
       <a data-role="button" data-icon="icon_3675" data-theme="a" data-transition="none" href="/content/Sports_Video/android?app_slug=Sports_News_App">Sports Video</a>
      </li>
                    <li style="
             ">
       <a data-role="button" data-icon="icon_3686" data-theme="a" data-transition="none" href="/content/Good_News/android?app_slug=Sports_News_App">Good News</a>
</li>
              </ul>
 </div>
  </div> 
 </div> 
   </body>
</html>

No comments:

Post a Comment