Jsp > Javascript

Version imprimable

11/04/2013, 15h50
Skyggen

Jsp > Javascript

Bonjour je bloque sur un problème qui me paraissait simple.

j'ai mon code ici qui me permet de récupérer un nom d'user qui ce logue dans mon app.

Code:

'<%=request.getRemoteUser()%>'

et j'aimerai effectuer cette même commande dans un javascript pour pouvoir l'utiliser après est ce possible ? si oui comment ?
12/04/2013, 09h35
DevServlet

Citation:

Envoyé par Skyggen

Bonjour je bloque sur un problème qui me paraissait simple.

j'ai mon code ici qui me permet de récupérer un nom d'user qui ce logue dans mon app.

Code:

'<%=request.getRemoteUser()%>'

et j'aimerai effectuer cette même commande dans un javascript pour pouvoir l'utiliser après est ce possible ? si oui comment ?

Bonjour, je ne suis pas certain de comprendre ta question, mais si tu veux avoir cet utilisateur dans une variable JS, il te suffit d'affecter sa valeur à un élément HTML, ça peut être un champ Hidden,Text, etc... et ensuite dans ton JS tu récupères par :

Code:

document.getElementById("IdDeTonChamp")

Voila j'ai enfaite un login.jsp qui me permet de me loguer en toute sécurité.

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
<html>
    <head>
        <title>Security Demo - Login Page
        </title>
    </head>
    <body>
 
 
        <h1>Login Page</h1><p>
 
        <form method="POST" action="j_security_check">
            <table border="0">
                <tr><td> User ID: </td>
                    <td>
                        <input type="text" name="j_username">
                    </td></tr>
                <tr><td> Password: </td>
                    <td><input type="password" name="j_password">
                    </td></tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" name="logon" value="Login">
                    </td>
                </tr></table>
        </form>
</body>
</html>

quand je me logue je peux rediriger ma connexion dans une jsp ou un index.html .

mon but et de le rediriger vers mon index.html et de lancer un js par la suite qui contient mon accueil et ou j aimerais récupéré mon username qui c est connecter j'arrive a le récupérer dans une jsp mais pas dans mon js.

pour affecter ma valeur que je veux récupérer comment je devrais la faire ?

15/04/2013, 08h54
DevServlet

Bonjour,
rien de plus simple,comme j'ai proposé plus haut tu écris dans un champ hidden par exemple :

Code:

<input type='hidden' id='userConnecte' value='<%=request.getRemoteUser()%>'/>

, et tu le récupères en js comme j'ai proposé plus haut.
15/04/2013, 10h09
Skyggen

Jsp > Javascript

Donc j'ai essayer de rajouter

Code:

document.getElementById("userConnecte");

mais il me met null mais du coup je dois lancer une jsp après ma jsp de login mais j'ai une nouvelle question comment faire pour lancer ma jsp après ?

merci déjà pour l'aide.
15/04/2013, 10h52
DevServlet

Citation:

Envoyé par Skyggen

Donc j'ai essayer de rajouter

Code:

document.getElementById("userConnecte");

mais il me met null mais du coup je dois lancer une jsp après ma jsp de login mais j'ai une nouvelle question comment faire pour lancer ma jsp après ?

merci déjà pour l'aide.

Peut on voir de quelle page tu fais appel à cette fonction JS? est ce de ton index.html? étant sur cette page où tu es censé avoir renseigné le login de l'utilisateur connecté tu peux afficher le code source de la page pour voir si ton champ hidden a effectivement cette valeur?

Jsp > Javascript

Alors j'ai regarder ma valeur a bien pris la valeur

voici mon login.jsp qui après êtres

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
42
43
44
45
46
Ext.onReady(function(){
	Ext.QuickTips.init();
 
	// Create a variable to hold our EXT Form Panel.
 
	// Assign various config options as seen.
	var login = new Ext.FormPanel({
		labelWidth:80,
		url:'j_security_check',
		frame:true,
		title:'Please Login',
 
		defaultType:'textfield',
		width:300,
		height:150,
		monitorValid:true,
		// Specific attributes for the text fields for username / password.
		// The "name" attribute defines the name of variables sent to the server.
 
		items:[{
			fieldLabel:'Username',
			name:'j_username',
			allowBlank:false
		},{
			fieldLabel:'Password',
 
			name:'j_password',
			inputType:'password',
			allowBlank:false
		}],
 
		// All the magic happens after the user clicks the button
		buttons:[{
 
			text:'Login',
			formBind: true,
			// Function that fires when user clicks the button
			handler:function(){
                            console.log("test");
 
		}
		}]
	});
	login.render('login');
 
});

Ensuite si j'ai un index.html il va aller l'appeler automatiquement donc je l’enlève et ce lance donc ma deuxieme jsp.

Code:

1
2
3
4
 
<%@ page session="true"%>
User '<%=request.getRemoteUser()%>' has been logged.
<input type='hidden' id='userConnecte' value='<%=request.getRemoteUser()%>'/>

mon index.html qui n'est donc plus lancé.

Code:

1
2
3
4
5
6
7
8
9
10
<html>
<head>
    <title>Lahoco Administration</title>
 
    <link rel="stylesheet" type="text/css" href="/extjs/resources/css/ext-all-gray.css">
    <script type="text/javascript" src="/extjs/ext-debug-w-comments.js"></script>
    <script type="text/javascript" src="/app.js"></script>
</head>
<body></body>
</html>

et voici mon app.js

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
42
43
44
45
46
47
48
49
50
Ext.application({
    requires: ['Ext.container.Viewport',
    'Ext.window.MessageBox',
    'Ext.tip.*'
    ],
    name: 'Lahoco',
    appFolder: 'app',
 
    launch: function() {
        var header = Ext.create('Ext.Panel', {
            header:false,
            frame: false,
            height: 80,
            width:'100%',
            fullscreen: true,
 
            html: '<img src="resources/images/logo.png" height="80"/>'
        });
 
        var myTextField = document.getElementById("userConnecte");
        console.log(myTextField);
        var appGrid = this;
        Ext.QuickTips.init();
        Ext.create('Ext.Button', {
            text: 'Log out',
            renderTo: Ext.getBody(),
            handler: 
            function() {
            console.log(myTextField);
                            Ext.Ajax.request({
                                url: '/services/roles/getRole',
                                method:"GET",
                                params: {
                                    username: "root"
                                },
                                success: function(response){
                                    console.log("test")
                                }
                            }
                            );
            }
        });
 
        this.viewport = Ext.create('Ext.container.Viewport', {
            });    
        this.viewport.add(header);
        this.viewport.add(this.login);
    //this.viewport.add(this.iconPath);
    }
});

15/04/2013, 11h34
DevServlet

Je ne capte rien à l’enchaînement de lancement de tes pages :mrgreen:.
Peux tu partir de la page de login et me dire ce qui s'en suit? prochaine page appelée ...
15/04/2013, 11h41
Skyggen

Jsp > Javascript

Donc si je laisse mon html c'est comme ça

login.jsp, index.html, app.js

si je veux lancer mon deuxième jsp

login.jsp, index.jsp

Dans l'index jsp je peux voir le résultat.

mais il faudrait que que je mette ma deuxième jsp avant d'appeler mon html mais je ne sais pas comment faire.

Jsp > Javascript

J'ai réussis ;)

Mais jai encore un petit soucis, c'est que quand je veux afficher la value de input je récupère tout ..

Code:

<input type="hidden" id="userConnecte" value="root">

alors je vais donner la solution et aussi merci pour ton aide ;)

Login.jsp

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
42
43
44
45
46
Ext.onReady(function(){
	Ext.QuickTips.init();
 
	// Create a variable to hold our EXT Form Panel.
 
	// Assign various config options as seen.
	var login = new Ext.FormPanel({
		labelWidth:80,
		url:'j_security_check',
		frame:true,
		title:'Please Login',
 
		defaultType:'textfield',
		width:300,
		height:150,
		monitorValid:true,
		// Specific attributes for the text fields for username / password.
		// The "name" attribute defines the name of variables sent to the server.
 
		items:[{
			fieldLabel:'Username',
			name:'j_username',
			allowBlank:false
		},{
			fieldLabel:'Password',
 
			name:'j_password',
			inputType:'password',
			allowBlank:false
		}],
 
		// All the magic happens after the user clicks the button
		buttons:[{
 
			text:'Login',
			formBind: true,
			// Function that fires when user clicks the button
			handler:function(){
                            console.log("test");
 
		}
		}]
	});
	login.render('login');
 
});

ensuite mon index.jsp est appelé

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
    <title>Lahoco Administration</title>
 
    <link rel="stylesheet" type="text/css" href="/extjs/resources/css/ext-all-gray.css">
    <script type="text/javascript" src="/extjs/ext-debug-w-comments.js"></script>
 
    <script type="text/javascript" src="/app.js"></script>
</head>
<body>
 
    <input type='hidden' id='userConnecte' value='<%=request.getRemoteUser()%>'/>
 
 
 
<a href="login.jsp">Click here to logout</a>
</body>
</html>

et pour finir mon app.js

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
42
43
44
45
46
47
48
49
50
Ext.application({
    requires: ['Ext.container.Viewport',
    'Ext.window.MessageBox',
    'Ext.tip.*'
    ],
    name: 'Lahoco',
    appFolder: 'app',
 
    launch: function() {
        var header = Ext.create('Ext.Panel', {
            header:false,
            frame: false,
            height: 80,
            width:'100%',
            fullscreen: true,
 
            html: '<img src="resources/images/logo.png" height="80"/>'
        });
 
        var myTextField = document.getElementById("userConnecte");
         console.log(myTextField);
        var appGrid = this;
        Ext.QuickTips.init();
        Ext.create('Ext.Button', {
            text: 'Log out',
            renderTo: Ext.getBody(),
            handler: 
            function() {
            console.log(myTextField);
                            Ext.Ajax.request({
                                url: '/services/roles/getRole',
                                method:"GET",
                                params: {
                                    username: "root"
                                },
                                success: function(response){
                                    console.log("test")
                                }
                            }
                            );
            }
        });
 
        this.viewport = Ext.create('Ext.container.Viewport', {
            });    
        this.viewport.add(header);
        this.viewport.add(this.login);
    //this.viewport.add(this.iconPath);
    }
});

Encore merci pour l'aide ;)

15/04/2013, 16h15
DevServlet

J'avoue que j'ai pas tout capté sur ton enchainement de pages, mais heureux d'avoir pu t'aider.

Citation:

Envoyé par Skyggen

J'ai réussis ;)

Mais jai encore un petit soucis, c'est que quand je veux afficher la value de input je récupère tout ..

Code:

<input type="hidden" id="userConnecte" value="root">

[/code]

Que recupères tu qui ne te plaise pas?
15/04/2013, 16h17
Skyggen

Citation:

Envoyé par DevServlet

Que recupères tu qui ne te plaise pas?

j'aimerais juste la valeur root pas tout ceci ;)
15/04/2013, 16h22
DevServlet

Ceci

Code:

var myTextField = document.getElementById("userConnecte");

Devrait contenir :

Code:

root

Normalement. Que contient il ?
15/04/2013, 16h27
Skyggen

Citation:

Envoyé par DevServlet

Normalement. Que contient il ?

quand je veux afficher myTextField il me prend toute la ligne ;) alors que je voudrais juste récupérer la value qui est égal a root pour mon cas
15/04/2013, 16h38
DevServlet

Difficile pour toi de répondre à la question dis donc 8O. ou c'est ma question qui n'est pas précise .
Que t'affiche cette variable exactement? au lieu du "root" attendu
15/04/2013, 16h50
Skyggen

Citation:

Envoyé par Skyggen

J'ai réussis ;)

Mais jai encore un petit soucis, c'est que quand je veux afficher la value de input je récupère tout ..

Code:

<input type="hidden" id="userConnecte" value="root">

ah en faite je l'avais déjà dis ^^ ça m'affiche tous ça.
15/04/2013, 17h01
DevServlet

Eh ben c'est normal q'il te retourne les choses ainsi car c'est ce que tu lui as demandé. Il faudrait demander sa valeur :) :

Code:

var myTextField = document.getElementById("userConnecte").value
15/04/2013, 17h06
Skyggen

Citation:

Envoyé par DevServlet

Eh ben c'est normal q'il te retourne les choses ainsi car c'est ce que tu lui as demandé. Il faudrait demander sa valeur :) :

Code:

var myTextField = document.getElementById("userConnecte").value

a oui merci ... j'avais tester getvalue ...

merci pour tout ;) :ccool: