Results 1 to 2 of 2

Thread: Offline loading of application

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    30
    Vote Rating
    0
      0  

    Question Offline loading of application

    Hi All,
    I don't know whether it is the right place ask to this question. Anyhow I'm facing the an error as mentioned in the picture attached while loading the application in the offline mode.

    offline.jpg



    Also I have including the code below:

    index.html
    Code:
    <!DOCTYPE html>
    <html manifest="sencha.manifest">
        <head>
            <title>CordiantBeat</title>
            <link rel="apple-touch-startup-image" href="home.png" />
            <meta name="apple-mobile-web-app-status-bar-style" content="black" />
            <link rel="stylesheet" href="touch/resources/css/sencha-touch.css" type="text/css"/>
            <link rel="stylesheet" href="app.css" type="text/css"/>
            <script type="text/javascript" src="touch/sencha-touch-all-debug.js"></script>
            <script type="text/javascript" src="app.js"></script>
            <style>   
                #ext-container-2, #ext-dataview-3{
                    display: block !important;
                }
    
                #ext-carouselindicator-1{
                    left:-320px !important;
                }
    
                .x-dataview-item, #ext-element-10{
                    float:left !important;
                }
    
                .x-dataview-inner{
                    white-space:nowrap !important;
                    width:203%;
                }
    
                .txt{
                    font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    font-size:13px;
                }
    
                .txttitle{
                    font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                }
    
                .spnDate{
                    font: normal 11px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    margin-left: 12px;
                    color:#cc6700;
                    width: 150px;
                    float: left;
                }
    
                .spnTitle{
                    font: bold 12px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    margin-left: 12px;
                    float: left;
                    width: 300px;
                }
    
                .spnDesc{
                    font: normal 11px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    margin-left: 12px;
                    float: left;
                    width: 300px;
                }
    
                .spnDesc p, .spnDesc div, .spnDesc span{
                    font: normal 11px Arial, 'Trebuchet MS', Helvetica, sans-serif !important;
                    text-align:left !important;
                    background-color: #eeeeee !important;
                    width: auto !important;
                }
    
                .spnLDate{
                    font: normal 11px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    color:#cc6700;
                }
    
                .spnLTitle{
                    font: bold 12px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                }
    
                .spnLDesc{
                    font: normal 11px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                }
    
                .spnLDesc p, .spnLDesc div, .spnLDesc span{
                    font: normal 11px Arial, 'Trebuchet MS', Helvetica, sans-serif !important;
                    text-align:left !important;
                    background-color: #eeeeee !important;
                }
    
                #readMore{
                    font: bold 12px Arial, 'Trebuchet MS', Helvetica, sans-serif !important;
                    text-align:left !important;
                    text-decoration: none;
                }
    
                .divNewsDate{
                    font: normal 12px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    color:#000;
                    width:100%;padding:5px;float:left;
                    margin-left: 10px;            
                }
    
                .divNContainer{
                    width:100%;padding:5px;float:left;
                }
    
                .divNTitle{
                    width:100%;padding:5px;float:left;
                    font: normal 20px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    color:#cc6700;
                    margin-left: 10px;            
                }
    
                .divNContent{
                    width:100%;padding:5px;float:left;
                    font: normal 16px 'serif', Helvetica, sans-serif;
                    text-align:left !important;
                    color:#000;
                }
    
                .divNContent p{
                    margin-bottom: 8px !important;
                }
    
                .divNCopyRL{
                    width:100%;padding:5px;float:left;
                    font: bold 11px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    color:#b5b5b5;
                    margin-left: 10px;
                }
    
                .divNCategory{
                    font: bold 15px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    color:#fff;
                    background-color: #000;
                    padding-left: 5px;
                }
    
                #ext-element-6, #ext-element-5, #ext-element-41, #ext-element-42{
                    /*font: bold 25px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    background-color: #ff0000 !important;*/
    
                    background: #dc0000;
                    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc0000), to(#950303));
                    background: -webkit-linear-gradient(#dc0000, #950303);
                    background: -moz-linear-gradient(#dc0000, #950303);
                    background: -ms-linear-gradient(#dc0000, #950303);
                    background: -o-linear-gradient(#dc0000, #950303);
                    background: linear-gradient(#dc0000, #950303);            
                }
    
                #ext-element-22{
                    border-right:5px solid #000;
                }
    
                #ext-element-10{
                    font: bold 27px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    color:#fff;
                }
    
                .pub_2{
                    color: #ff0000 !important;
                }
    
                .clsNotPublishNow{
                    color:#ff0000 !important;
                }
                .comLogo{
                    font: normal 12px Arial, 'Trebuchet MS', Helvetica, sans-serif;
                    text-align:left !important;
                    color:#000;
                    width:100%;padding:5px;float:left;
                    margin-left: 10px;            
                }
            </style>
        </head>
        <body></body>
    </html>
    manifest file
    Code:
    CACHE MANIFEST
    # Build 12
    
    CACHE:
    app.css
    app.js
    index.html
    touch/resources/css/sencha-touch.css
    touch/sencha-touch-all-debug.js
    app/store/CategorywiseNews.js
    app/store/LatestNews.js
    app/store/NewsDetails.js
    app/view/CurrentNews.js
    app/view/EditableSheet.js
    app/view/LandscapeView.js
    app/view/MainDatas.js
    app/view/MasterContainer.js
    app/view/PortraitContainer.js
    app/view/PortraitDatas.js
    app/view/PortraitnewsSheet.js
    app/view/PortraitView.js
    app/view/Viewport.js
    app/model/CategoryLocal.js
    app/model/CategorywiseNews.js
    app/model/ContainerData.js
    app/model/LatestNews.js
    app/model/NewsCategories.js
    app/model/NewsDetails.js
    app/controller/Main.js
    
    NETWORK:
    *
    Please go through the code and let me know as soon as possible. If anybody more code/info from my end, let me know

    Any help would be appreciated greatly...

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      0  

    Default

    During development you shouldn't be using the cache manifest. Once you use the SDK Tools to create a build of your ST2 MVC app and change your app.js <script> to app-all.js then you should add your cache manifest in there.

    I searched for cache manifest network wildcard and got some other people talking about your problem:

    http://stackoverflow.com/questions/2...rk-doesnt-work
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •