[jQuery Mobile] Dans une page HTML en Java

**ib.sissoko** · 18/10/2011, 15h07

bonjour,

depuis ce matin je me bats avec ça:

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
package com.ibsissoko.android;
 
 
 
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.GestureDetector.OnGestureListener;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.ViewFlipper;
 
public class Test3webkitsActivity extends Activity  {
	/*
	 * Constante permettant de calculer si l'on doit tourner page vers gauche ou
	 * droite selon la position du doight
	 */
	private static final int SWIPE_MIN_DISTANCE = 120;
	private static final int SWIPE_MAX_OFF_PATH = 250;
	private static final int SWIPE_THRESHOLD_VELOCITY = 200;
 
	/*
	 * Declaration de variable Animation (creation de dossier de gestier d'une
	 * animation ds repertoir anim) GestureDetector composant qui permet de
	 * detecter un evenement ViewFlipper composant qui permet de gerer une
	 * transition via animation
	 */
	WebView webView;
 
	private GestureDetector detector;
	private ViewFlipper view;
	private Handler handler;
	private static final String HTML_ROOT = "file:///android_asset/www/";
 
 
 
 
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.main1);
 
 
       webView = new WebView (this);
 
 
		setContentView(webView);
		webView.getSettings().setJavaScriptEnabled(true);
		webView.getSettings().setDomStorageEnabled(true);  
 
		handler = new Handler();
		//webView.addJavascriptInterface(this, "contactSupport");
		loadPage("index.html");
 
 
	}
		public void loadPage(String in) {
			final String url = HTML_ROOT + in;
			loadURL(url);
		}
 
		private void loadURL(final String in) {
			handler.post(new Runnable() {
				public void run() {
				webView.loadUrl(in);
				}
			}
			);
		}
 
}

ma page 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
 
<!DOCTYPE HTML>
<html>
	<head>
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" href="css/jquery.mobile-1.0a3.min.css" />
 
		<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="jquery.touchSwipe-1.2.5.js"></script>
 
 
		<title>touchSwipe</title>
 
		<style>
 
			#test
			{
				width:500px;
				height:300px;
				background:#FF00FF;
			}
 
			#info
			{
				width:500px;
 
			}
 
 
		</style>
 
	</head>
 
<body>		
 
 
 
		<div id="info" >
			<b><a href="http://labs.skinkers.com/touchSwipe/">TouchSwipe</a> Demo - to be viewed on touch based devices</b><br/>
			<br/>
			<b>Basics 1 - swipe</b>
			<br>By using the <i>swipe</i> handler, you can detect all 4 directions, or use the individual methods <i>swipeLeft</i>, <i>swipeRight</i>, <i>swipeUp</i>, <i>swipeDown</i></br>
		</div>
		<br/>
		<a href="basics_2.php"/>Next</a>
 
		<div id="test">Swipe me</div>
 
		<a href="basics_2.php"/>Next</a>
 
		<script>
 
 
			//Assign handlers to the simple direction handlers.
				var loVar;
			$(document).ready(function () {	
				loVar = $('#test');
				showProgress();
				//Enable swiping...
				//$("#test").swipe( swipeOptions );
				//contactSupport.('#test').html('c moi!');
 
 
			});
 
			function showProgress(){
			   	loVar.hide();
			}
 
			//Swipe handlers.
			//The only arg passed is the original touch event object			
			//function swipe(event, direction)
			//{
			//	$("#test").text("You swiped " + direction );
			//}
 
 
		</script>
 
	</body>
</html>

J'essaies d'inclure du jquerymobile dans ma page html. mais jquery ne s'execute pas.
j'ai testé beaucoup de choses....

je me demande si webkit ne bloque pas le JS...
Un simple hide en jquery ne fcte pas

est ce possible ?

merci pour vos pistes ??

Ib

**Hephaistos007** · 18/10/2011, 15h11

Je l'ai déjà fait, donc c'est possible.

Où as-tu mis tes fichiers .js et .css dans ton projet ?

**ib.sissoko** · 18/10/2011, 17h04

oui ils sont a la racine du repertoire assets/www.

et on a creer un string pour pouvoir le recuperer dans le code java :

Code :

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

private static final String HTML_ROOT = "file:///android_asset/www/";

on est sur eclipse et pas phonegap.

**Hephaistos007** · 18/10/2011, 19h45

As-tu pensé à activer le javascript dans ta webview ? http://developer.android.com/referen...nabled(boolean)

**ib.sissoko** · 18/10/2011, 22h02

j'ai mis le code plus haut pour cela

oui je pense avoir mis ce qu'il faut...

Code :

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

1
2
3
4
5
6
webView = new WebView (this);
 
 
		setContentView(webView);
		webView.getSettings().setJavaScriptEnabled(true);
		webView.getSettings().setDomStorageEnabled(true);

merci

**ib.sissoko** · 19/10/2011, 10h09

On se rend compte que le pbm principal que l'on a c'est de charger les librairies jquery et css dans eclipse. J'ai l'impression que celui-ci ne les retrouve pas en local malgres les différentes tentatives que j'ai faite.
y' a t il une particularités ?

en la chargeant via le net - pas de pbm comme ci dessous.

Code :

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

<script src="http://code.jquery.com/jquery-1.6.4.js"></script>

si vous avez des suggestions, n'hesitez pas toute piste sera utile

**Hephaistos007** · 19/10/2011, 17h46

Ca vient peut-être du html, lors de l'inclusion des autres ressources. Essayes de mettre le '.' dans le chemin relatif, comme ceci :

Code html :

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

<script type="text/javascript" src="./jquery-1.4.4.min.js"></script>

**ib.sissoko** · 20/10/2011, 09h13

On a déja essayer mais ça ne fonctionne pas.
je suis sous eclipse, y a t il une particularité ???, la je me noie !

**lolodev** · 21/10/2011, 08h52

ok trouvé les liens relatif

merci !

**Asby2910** · 04/02/2014, 09h41

Bonjour,

je me permet de up ce (vieux) sujet, car j'ai similairement le même problème et je tourne en rond. J'utilise en effet du .js (via url et mon js en local) et .css sous eclipse (logés tous dans le dossier assets/www), chargés à partir d'une page index.html, elle même appelée à partir d'une MainActivity avec "public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html");
} "

(j'utilise aussi phonegap théoriquement, mais ormis l'importation d'un .jar, et cordova.js je vois pas trop le changement).

Ainsi, quand je lance la main sur l'AVD, le logcat me met un message d'erreur: "referenceError: Can't find:$ at file:///android_asset/www/index.html"

Quelqu'un aurait une petite idée?

merci!

**Asby2910** · 04/02/2014, 09h57

Alors j'ai résolu le problème des URL, il suffit de mettre dans l'AndroidManifest.xml la ligne
"<uses-permission android:name="android.permission.INTERNET" /> "

Donc le script et compagnie à l'air de marcher, mais le css toujours pas ... (pourtant plus de problème de référence ici, j'ai tout mis dans l'index!)

Donc ma page m'affiche mes éléments, et les events js fonctionnent, mais aucun mise en forme css.... je continu à chercher.

[jQuery Mobile] Dans une page HTML en Java

Composants graphiques Android

Discussions similaires

Partager

Partager