PDA

View Full Version : Offline loading of application


pm.sreejith
13 Dec 2011, 9:15 PM
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.

29987

:-?

Also I have including the code below:

index.html


<!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


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...
mitchellsimoens
14 Dec 2011, 6:34 AM
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/2705023/html5-cache-network-doesnt-work