Форум программистов, компьютерный форум CyberForum.ru
Наши страницы

Программирование мобильных систем

Войти
Регистрация
Восстановить пароль
 
lex-romanow
1 / 1 / 0
Регистрация: 24.09.2014
Сообщений: 38
#1

Подгрузка ajax-ом локальных .html - Программирование

24.08.2015, 08:48. Просмотров 291. Ответов 0
Метки нет (Все метки)

Всем привет. Делаю книгу приложение через cordova. Не получается локально подгрузить .html файлы. Всю книгу вкидывать в проект в виде списка для свайпа не верно, т.к. проект начинает тормозить. Думал разбить 530 страниц на отдельные .html страницы и частями подгружать в процессе работы. Все файлы должны хранится в проекте, т.е. локально. Никаких подключений к серверам не должно быть. Помогите, пожалуйста, разобраться. Спасибо.

index.html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <title>Духовный путь</title>
    </head>
    <body>
    <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>

index.js

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var app = {
    initialize: function() {
        this.bindEvents();
    },
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
    onDeviceReady: function() {
        app.receivedEvent('deviceready');
    },
    receivedEvent: function(id) {
        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');
 
        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');
 
        console.log('Received Event: ' + id);
    }
};
 
app.initialize();
 
$.ajax({
    type: "POST",
    dataType: "html",
    url: "file:///android_asset/www/book/page1.html",
    success: function(data){
        alert(data);
    }
});

Config.xml

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.example.spiritual" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>Духовный путь</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@cordova.apache.org" href="http://cordova.io">
        Apache Cordova Team
    </author>
    <content src="index.html" />
    <plugin name="cordova-plugin-whitelist" version="1" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
</widget>

AndroidManifest.xml

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xml version='1.0' encoding='utf-8'?>
<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" package="com.example.spiritual" xmlns:android="http://schemas.android.com/apk/res/android">
    <supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <application android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name" android:supportsRtl="true">
        <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.Black.NoTitleBar" android:windowSoftInputMode="adjustResize">
            <intent-filter android:label="@string/launcher_name">
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-sdk android:minSdkVersion="14" android:targetSdkVersion="22" />
</manifest>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.08.2015, 08:48
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Подгрузка ajax-ом локальных .html (Программирование):

Обновление приложения (подгрузка index.html) - HTML5
Всем привет, я не очень понимаю логику обновления приложения, надеюсь вы объясните доступным языком. Каким образом обновляется...

Ajax подгрузка - jQuery
В общем, имеется 2 картинки(на самом деле их 100, главные) и есть &quot;подкартинки&quot;(по пять-шесть на каждую картинку). Главные картинки не...

Ajax подгрузка контента - JavaScript
Нашел вот такой сайт...

Ajax - подгрузка новостей - 1С Битрикс
Подгружаю новости по кнопке. Изначально у меня выводит 3 новости По нажатию кнопки еще 3. А в следующий раз уже 6. В чем...

AJAX подгрузка контента - jQuery
Ребят, я не знаю что делать(((((( У меня подгружается контент аяксом $(&quot;.buy&quot;).click(function () { }); ...

Подгрузка контента Ajax - WordPress
Привет, помогите реализовать подгрузка контента ajax, мне надо чтобы работала подгрузка контента без обновления страницы, и если у человека...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
24.08.2015, 08:48
Привет! Вот еще темы с ответами:

AJAX подгрузка и click - jQuery
Всем здрасте :) В общем такая проблема, скорее даже банальная проблема. Смысл её таков... У меня определены события click. При...

Подгрузка при прокрутке AJAX - C# ASP.NET
Добрый вечер. Подскажите пожалуйста следующую вещь: При загрузке страницы на нее сразу грузятся допустим 50 картинок, что не есть хорошо...

Ajax подгрузка контента (хак) - DLE
Всем добрый вечер. После поисков хака аякс подгрузки контента остановился на данном...

Ajax подгрузка контента подскажите - jQuery
Всем доброго времени суток. Взялся за изучение ajax в итоге возникло 2 вопроса: предположим есть код на вывод контента по клику в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru