Adapter résolution écran avec servlet

**Furlaz** · 10/03/2009, 15h03

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 :

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

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 ?

Merci

**link256** · 10/03/2009, 15h55

Salut,

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

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

Code :

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

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.

**Furlaz** · 10/03/2009, 16h03

Merci bien pour cette info

Effectivement ca devrait etre plus efficace !

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...

**link256** · 10/03/2009, 16h46

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
<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 :

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

response.sendRedirect("toto.jsp");

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

**Furlaz** · 10/03/2009, 17h23

Oki merci beaucoup

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

Je test ça et je viendrai dire ce qu'il en est.
Merci

**link256** · 10/03/2009, 17h29

de rien ^^

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

bonne soirée

**Furlaz** · 11/03/2009, 09h35

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 :

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

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

?

Merci

**link256** · 11/03/2009, 09h46

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.

**Furlaz** · 11/03/2009, 09h54

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 :

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

**link256** · 11/03/2009, 10h42

plusieurs choses à modifier ^^

Code :

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

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 :

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

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

et il y a une erreur dans ton submit remplace

Code :

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

document.MonForm.submit();

par

Code :

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

document.Resolution.submit();

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

**Furlaz** · 11/03/2009, 11h59

Bon alors, de retour aux nouvelles ^^

Effectivement pour le coup du "MaForm" c'était une petite erreur d'étourderie

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 :

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
 
<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 :

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

**link256** · 11/03/2009, 13h59

supprime

Code :

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

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 :

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

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 :

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

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

**Furlaz** · 11/03/2009, 14h11

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 :

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
 
<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....

**link256** · 11/03/2009, 15h10

c'est toi qui décide derrière si servlet ou pas ^^,

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 :

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

1
2
 request.setParemeter("Y",heigth);
 request.setParemeter("X",width);

et dans ta jsp suivante utiliser le css qui lui est associé

**Furlaz** · 11/03/2009, 16h09

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 ^^

**link256** · 11/03/2009, 17h20

une fois la résolution récupérée, tu peux aussi la placer dans la session.

**Furlaz** · 12/03/2009, 08h11

Ok merci beaucoup...

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

**Furlaz** · 12/03/2009, 09h39

Bon je viens déjà aux nouvelles.... Je fini par m'en sortir mais je crois que je vais encore me faire lincher

.
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 :

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

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 :

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

**optyler** · 17/09/2009, 18h52

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 :

- Sinon, dans ta jsp ou je ne sais ou dans ton code, tu peux tester les entete http de ton visiteur :

Code :

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

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

Adapter résolution écran avec servlet

Servlets/JSP Java

Discussions similaires

Partager

Partager