Adapter résolution écran avec servlet

Version imprimable

Salut à tous,

Je suis entrain de réaliser une projet web avec des servlets, ...
Mon projet doit être visible sur téléphone. J'ai donc fait de nouvelles pages adaptées pour...
Pour détecter si je suis sur un mobile ou sur un ordinateur, j'utilise les user-agent et je redirige vers les pages apropriées, ce qui fonctionne très bien.
Par contre dans le cas d'un mobile j'aimerais pouvoir récupérer la résolution de l'écran, les mettre dans des variables et adapter en conséquence mon css.
J'aimerai donc faire une servlet qui me fasse ca...

Donc j'ai fais ma servlet (en java) qui ressemble à ça (pour le moment c'est juste pour tester si il récupère la bonne résolution) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public void init(ServletConfig config) throws ServletException { // TODO Auto-generated method stub super.init(); System.out.println("La largeur de l'écran est de " + getWidth() + " pixels :)"); System.out.println("La largeur de l'écran est de " + getHeight() + " pixels :)"); Log.info("Servlet : START"); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { .... .... }
Sauf qu'il me récupère la résolution de l'écran qui est branché sur "l'ordinateur server" (logique si on y réfléchi...)

Mais du coup j'aimerai pouvoir trouver une solution pour récupérer la résolution de mon téléphone... soit dans le servlet, soit dans ma page jsp, ...

Une petite idée ? :D
Merci

Salut,

je me suis fait avoir comme toi à recupérer la résolution coté serveur et non client :oops:

Pour obtenir la résolution coté client la réponse est : java script
Code:

1 2 3 function resolution() { alert( "Vous etes en résolution : "+screen.width+"*"+screen.height +"\nTaille d'écran disponible : "+screen.availWidth+"*"+screen.availHeight +"\nPalette de couleurs : "+screen.colorDepth+" bits" );
je récupère ces infos via des champ cachés d'un formulaire submiter à une servlet.

10/03/2009, 16h03
Furlaz

Merci bien pour cette info :D Effectivement ca devrait etre plus efficace !

Citation:

je récupère ces infos via des champ cachés d'un formulaire submiter à une servlet.

Par contre, ton formulaire tu fais comment pour qu'il s'envoie automatiquement ?

P.S : je me rappelle plus comment on fait pour dire à la servlet sur quelle page elle doit se diriger...:lol:

Code:

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
<body onload="getResolution()";>
	<form name="MonForm" action="maServlert">
		<INPUT TYPE = "HIDDEN" NAME = "resoX" VALUE = resolutionHorizontale>
		<INPUT TYPE = "HIDDEN" NAME = "resoY" VALUE = resolutionVerticale>
	</form>
</body>
 
	function getResolution()
	{            
	   var resolutionHorizontale = screen.width; 
		var resolutionVerticale = screen.height;
		document.forms[0].resoX.value = resolutionHorizontale;
		document.forms[0].resoY.value = resolutionVerticale;
	}		
 
	<SCRIPT LANGUAGE = "JavaScript">
 
		function submitForm()
		{
			document.MonForm.submit();
 
		}		
		setTimeout("submitForm()",10000);
    </script>        
</body>

pour la redurection à partir de ta servlet tu peux genere un formulaire autosubmiter aussi ou faire un

Code:

response.sendRedirect("toto.jsp");

ou utiliser un mapping défini dans le web.xml

10/03/2009, 17h23
Furlaz

Oki merci beaucoup :)

C'est en cours de fonctionnement je pense...

Je test ça et je viendrai dire ce qu'il en est.
Merci
10/03/2009, 17h29
link256

de rien ^^

oublie pas le tag résolu si c'est bon

bonne soirée :)

Salut ^^

Je reviens de bonne heure ce matin pour faire mon rapport ^^

Donc pour le moment ça ne fonctionne pas encore... J'ai plusieurs petit problèmes :
- Lorsque je fais un simple document.write(resolutionVerticale) il ne me trouve pas de valeur...comme s'il ne l'avait pas enregistré
- Dans mon servlet, je fais :
Code:

1 2 3 4 5 6 7 8 9 String action = request.getParameter("action"); if(action.equals("maServlet")) { String hauteur = request.getParameter("resoX"); String largeur = request.getParameter("resoY"); System.out.println("largeur : " + largeur + "\nhauteur : " + hauteur); }
Et il me mets une jolie erreur "java.lang.NullPointerException"

Encore une petite idée pour me venir en aide :D ?

Merci

11/03/2009, 09h46
link256

Dans le formulaire caché qui accède à ta servlet ajoute des alerts pour voir ce tu récupères comme valeur pour le widh et le heigth.

et montre le code que tu as mis en place à partir de ce que je t'avais donnée si le problème est pas résolu.

Alors.... Lorsque je mets un alert dans la fonction getResolution, j'ai bien la valeur voulue.
Par contre lorsque je mets un alert dans mon form, celui-ci ne s'affiche pas...

Voici le code que j'ai mis :

Code:

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
 
<body onload="getResolution()";>
 
<script type="text/javascript">
        function getResolution()
        {
                var resolutionHorizontale = screen.width;
                var resolutionVerticale = screen.height;
                document.forms[0].resoX.value = resolutionHorizontale;
                document.forms[0].resoY.value = resolutionVerticale;
        }
</script>
 
<form name="Resolution" action="initServlet">
	<input type="hidden" name="resoX" value=resolutionHorizontale>
	<input type="hidden" name="resoY" value=resolutionVerticale>
	<input type="hidden" name="action" value="initResolution">
 
<script type="text/javascript"> 
                alert(resolutionVerticale);
</script>
</form>
 
<script type="text/javascript">
        function submitForm()
        {
        document.MonForm.submit();
        
        }
        setTimeout("submitForm()",1000);
        
</script>
 
</body>

11/03/2009, 10h42
link256
plusieurs choses à modifier ^^
Code:

1 2 3 <input type="hidden" name="resoX" value=""> <input type="hidden" name="resoY" value="">
le alert dans la fonction ne peut marcher car resolutionVerticale est une variable locale à la fonction getResolution() pour cela que ton alert ne donne rien

ce que tu dois afficher dans ton alert c'est

Code:

document.forms[0].resoY.value ou document.forms["Resolution"].resoY.value

et il y a une erreur dans ton submit remplace

Code:

document.MonForm.submit();

par

Code:

document.Resolution.submit();

puisque tu as changé le nom de ton formulaire ^^

Bon alors, de retour aux nouvelles ^^

Effectivement pour le coup du "MaForm" c'était une petite erreur d'étourderie :D
J'ai modif donc les values et j'ai remplacé le alert avec ce que tu m'as conseigné.. Le alert s'effectue donc bien... par contre il ne m'affiche rien du tout... Il en doit pas enregistrer les valeurs....

Si ca peut aider, j'ai mis mon nouveau code de ma jsp ainsi que celui de la servlet, dans la method DoGet() :

Code:

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
 
<body onload="getResolution()";>
 
	<form name="Resolution" action="init">
		<input type="hidden" name="resoX" value="">
		<input type="hidden" name="resoY" value="">
 
		<script type="text/javascript"> 
                                alert(document.forms[0].resoY.value);
                </script>
	</form>
 
	<script type="text/javascript">
                function getResolution()
                {
                        var resolutionHorizontale = screen.width;
                        var resolutionVerticale = screen.height;
                        document.forms[0].resoX.value = resolutionHorizontale;
                        document.forms[0].resoY.value = resolutionVerticale;
                }
 
                function submitForm()
                {
                        document.Resolution.submit();
                        alert("coucou");
                }
 
                setTimeout("submitForm()",1000);
                
        </script>
 
</body>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
{
String action = request.getParameter("Resolution");
 
if(action==null)
{
	System.out.println("Bonjour");
	response.sendRedirect("init.jsp");
}
 
 
if(action.equals("init"))
{
	String hauteur = request.getParameter("resoX");
	String largeur = request.getParameter("resoY");
 
	System.out.println("largeur : " + largeur + "\nhauteur : " + hauteur);
}
}

Il me fait l'erreur "java.lang.NullPointerException" à cause du if(action.equals("init") parceque lorsque je l'enlève il fait bien la bonne redirection...
par contre pour récupérer les valeurs de la largeur et de la hauteur ca veut toujours pas :(

Faut-il que je me teigne en brun ?

11/03/2009, 13h59
link256
supprime
Code:

1 2 3 4 <script type="text/javascript"> alert(document.forms[0].resoY.value); </script>
place cet alert() à la fin de la fonction getResolution

je suis pas sûr que ton alert("coucou") soir executé vu qu'elle se trouve apres le submit du formulaire.

revois la syntaxe du code de ta servlet :
Code:

1 2 3 4 5 6 7 8 9 if((null==action)||("".equals(action))) { response.sendRedirect("init.jsp"); } else if("init".equals(action)) { }
je suis septique sur ton request.getParameter("action") je n'ai jamais tenter et je ne sais pas si l'on peu récuprer la valeur de l'action d'un formulaire qui est plus un mapping avec la servlet /action qui doit en executer le traitement.

dans ton cas je rajouterais donc un champs supplémentaire
Code:

1 2 <input type="hidden" name="action" value="init">

Ok merci... je vais voir ca...
Pour le moment j'ai trouvé une solution de rechange (qui fonctionne) mais du coup j'utilise pas de servlet du tout :

Code:

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
 
<script type="text/javascript">
        
        var resolutionHorizontale = screen.width;
        var resolutionVerticale = screen.height;
        
        window.onload = function ()
        {
                loadResolution();
        }
        
</script>
 
</head>
 
 
<body>
 
	<script type="text/javascript">
                function loadResolution()
                {
                        var obj = document.getElementById('corps');
                        obj.style.height= resolutionVerticale+"px";
                        obj.style.width= resolutionHorizontale+"px";
                }
        </script>

D'ailleurs j'en suis amenée à me poser la question : "pourquoi utiliser une servlet ? sachant que je veux juste récupérer les dimensions de l'écran client --> pas possible en java. et je veux modifier mes feuillles css --> pas en servlet non plus....

11/03/2009, 15h10
link256
c'est toi qui décide derrière si servlet ou pas ^^,

Citation:

Mais du coup j'aimerai pouvoir trouver une solution pour récupérer la résolution de mon téléphone... soit dans le servlet, soit dans ma page jsp, ...

à la fin de ta servlet tu peux très bien faire un
Code:

1 2 request.setParemeter("Y",heigth); request.setParemeter("X",width);
et dans ta jsp suivante utiliser le css qui lui est associé
11/03/2009, 16h09
Furlaz

Effectivement ton dernier argument est fort intéressant !!

Parce que pour le moment ça fonctionne bien sur la page où j'écris tout mon code. Mais pour les autres je suis obligé de réécrire le code, au lieu de juste attribuée la valeur de ma variable calculée par ma servlet....

bon !! je ne perds pas espoir et je m'y remets alors ^^
11/03/2009, 17h20
link256

une fois la résolution récupérée, tu peux aussi la placer dans la session.
12/03/2009, 08h11
Furlaz

Ok merci beaucoup...

Je vais essayer de travailler sur ça et je viendrai donner des nouvelles :)

Bon je viens déjà aux nouvelles.... Je fini par m'en sortir mais je crois que je vais encore me faire lincher :D.
J'ai juste 3 "petites" questions :
- Mon formulaire est correctement envoyé et les variables sont envoyées correctement mais dans mon servlet il ne récupère pas mes variables au bon moment....
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 String action = request.getParameter("action"); System.out.println("action : " + action); if(action==null) { response.sendRedirect("init.jsp"); } else if(action.equals("init")) { String hauteur = request.getParameter("resolutionX"); System.out.println("hauteur : " + hauteur); }
En fait la première fois il me redirige bien vers init.jsp mais lorsqu'il envoi mon formulaire il n'a pas l'air de relancer la servlet (parceque dans mon url je vois bien le paramètre action=init mais le servlet ne l'interprète pas)

- 2ème question... C'est bien beau si j'enregistre ma variable dans ma servlet... mais dès que je vais changer de page internet il faudra que je relance ma servlet pour les retrouver ? le problème étant que j'utilise un autre servlet par la suite. Es-ce qu'on peut avoir 2 servlet lancées en même temps ?

- 3ème et dernière question..... Une fois que j'ai enregistré mes variables, je fais une redirection vers la page suivante....
Code:

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 <script type="text/javascript"> window.onload = function() { setTimeout("getResolution()",5000); } function getResolution() { var resolutionVerticale = screen.height; document.forms[0].resolutionY.value = resolutionVerticale; alert(document.forms[0].resolutionY.value); setTimeout("submitForm()",1000); //setTimeout("redirection()",1000); } function redirection() { window.location.replace("m.bienvenue.html"); } function submitForm() { document.Resolution.submit(); } </script> </head> <body> <form name="Resolution"> <input type="hidden" name="resolutionY" value=""> <input type="hidden" name="action" value="init"> </form> </body>
Seulement le problème...Si je fais la redirection avant, il ne me charge pas mon formulaire et je mets la redirection après et bien il ne m'éxécute pas la redirection ^^

Voilà c'est tout pour le moment :D

Une idée en passant...

C'est tout bête mais, pourquoi tu te fais suer à chercher la résolution de l'écran ?

j'ai deux solutions à te proposer :
- Si tu veux juste appliquer une css spécifique, théoriquement l'inclusion de ta css devrait ressembler à ca :

<link rel="STYLESHEET" href="style/default.css" type="text/css" media="screen"/>
<link rel="STYLESHEET" href="style/mobile.css" type="text/css" media="handheld"/>
- Sinon, dans ta jsp ou je ne sais ou dans ton code, tu peux tester les entete http de ton visiteur :
Code:

1 2 3 4 5 6 7 8 /* tu devrais pouvoir trouver la liste des user agent sur le net, mais voici dejà un lien : <a href="http://www.developershome.com/wap/detection/detection.asp?page=userAgentHeader" target="_blank">http://www.developershome.com/wap/de...serAgentHeader</a> */ if (request.getHeader("User-Agent").equalsIgnoreCase("Nokia6230i/2.0 (03.25) Profile/MIDP-2.0 Configuration/CLDC-1.1")) { // do that } else if (...) { // do that }
Bien entendu, tu peux te contenter de vérifier que la marque au lieu de toute la ligne d'info :p