Les scripts javascript ne fonctionnent pas sous PhoneGap

**imayna** · 19/10/2012, 12h37

Bonjour,
les scripts en javascript ne s'executent pas quand j'execute mon code sauf les scripts de la page index.html
j'utilise eclipse , cordova-2.1.0 et je compile sur une tablette Android

**vermine** · 19/10/2012, 15h07

Bonjour,

Pourriez-vous nous montrer un peu de code comme par exemple l'ajout des scripts autres que ceux de la page index.html ?

**imayna** · 19/10/2012, 15h23

page index.html comporte une image d'accueil cliquable vers une autre page produit.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>IPALPEX</title>
 
	<link rel="stylesheet"  href="jquery.mobile/jquery.mobile-1.1.0.css" />
	<link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
	<link rel="stylesheet" href="docsdemos-style-override.css" />
	<script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script>
	<script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script>
 
	<!-- Uncomment following line to access PhoneGap APIs (not necessary to use PhoneGap to package web app) -->
	<!-- <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>-->
 
 
</head> 
<body > 
 
 <a href="ipa.html" data-transition="pop"><img src="jquery.mobile/images/ipa-i-pad.jpg" alt="Entrer"/></a> 
 
</body>
</html>

produit.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
33
34
35
36
37
38
39
40
41
42
43
<script type="text/javascript" src="cordova-2.1.0.js"></script>
    <script type="text/javascript" src="simpleMobileAjax.js"></script>
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" id="viewport" content="initial-scale=1.0,user-scalable=no">
    <title>PhoneGap with AJAX Example</title>
 
	<link rel="stylesheet"  href="jquery.mobile/jquery.mobile-1.1.0.css" />
	<link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
	<link rel="stylesheet" href="docsdemos-style-override.css" />
	<script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script>
	<script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script>
 
    <script type="text/javascript" src="cordova-2.1.0.js"></script>
    <script type="text/javascript" src="simpleMobileAjax.js"></script>
 
     <script type="text/javascript" charset="utf-8">
 
    // *** PhoneGap functions:
    var onLoad = function() {
      document.addEventListener("deviceready", onDeviceReady, false);
//      alert("onLoad");
    }
 
    var onDeviceReady = function() {
//      alert("onDeviceReady");
    }
 
    // *** custom AJAX functions:
    var showXMLFile = function() {
      $('http://ajamyajax.com/phonegap.xml', 'containerID');
    }
    </script>
</head>
 
<body onload="onLoad();">
  <input type="button" value="Display PhoneGap OS Platforms" onclick="showXMLFile();"/>
 
  <div id="containerID" style="border-top:30px solid #ffffff;border-left:100px solid #ffffff;text-align:left;"></div>
</body>
</html>

simpleMobileAjax.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
var $ = function(url, container) {
  // two arguments: your url file and the div or span tag
  var myAjax = new simpleMobileAjax();
  myAjax.ajaxRequest(url, container);
  myAjax = null;
};
 
var simpleMobileAjax = function() {
  // main ajaxRequest, processResponse, getXmlNodeText only
  this.ajaxRequest = function(url, container) {
    var xhrRequest = null;
 
    if (window.XMLHttpRequest) {
      xhrRequest = new XMLHttpRequest();
    }
 
    xhrRequest.open('GET', url);
 
    if (window.XMLHttpRequest) {
      xhrRequest.source = this;
      xhrRequest.onreadystatechange = function() {
        xhrRequest.source.processResponse(xhrRequest, url, container);
        };
    }
 
    if (xhrRequest) {
      xhrRequest.send(null);
    }
  }
 
  this.processResponse = function(xhrResp, url, container) {
 
      if (!xhrResp || xhrResp.readyState < 4) {
      return;
    }
    if (xhrResp.readyState == 4) {
      if (xhrResp.status == 200) {
        if (url && container) {
          url = url.toLowerCase();
 
          try {
            if (url.indexOf('.xml') == -1) {
              // display results as-is
              document.getElementById(container).innerHTML =
                xhrResp.responseText;
               alert(xhrResp.responseText);
            }
}
          catch (e) {
            alert('Mobile Ajax.js error with ' + url + '\r\n' +
                  'check url and container ' + container);
          }
        }
        else {
          alert('Mobile Ajax.js error: required parameters are missing');
        }
      }
      else {
        alert('Mobile Ajax.js error with ' + url);
      }
    }
  }

si je met le code du page produit.html dans index il affiche les données

**imayna** · 19/10/2012, 15h39

merci vermine,
j'ai deplacé le code du fichier SimpleMobileAjax.js dans produit.html ça marche bien

Les scripts javascript ne fonctionnent pas sous PhoneGap

JavaScript

Discussions similaires

Partager

Partager