На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Поиск Участники Календарь Избранное RSS
msm.ru
Модераторы: Hsilgos
  
> Подгрузка ajax-ом локальных .html
TetRis
Сообщ. #1 ,

    Senior Member
    ****
    Профиль · PM
    Рейтинг (т): 1
    Всем привет. Делаю книгу приложение через cordova. Не получается локально подгрузить .html файлы. Всю книгу вкидывать в проект в виде списка для свайпа не верно, т.к. проект начинает тормозить. Думал разбить 530 страниц на отдельные .html страницы и частями подгружать в процессе работы. Все файлы должны хранится в проекте, т.е. локально. Никаких подключений к серверам не должно быть. Помогите, пожалуйста, разобраться. Спасибо.

    index.html

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

    ExpandedWrap disabled
      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

    ExpandedWrap disabled
      <?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

    ExpandedWrap disabled
      <?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 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
    0 пользователей:


    Рейтинг@Mail.ru
    [ Script execution time: 0,0173 ]   [ 16 queries used ]   [ Generated: 26.04.24, 04:00 GMT ]  
    Powered by Invision Power Board(U) v1.2 © 2003  IPS, Inc.