Envoie de données vers popup

Version imprimable

Bonjour,

J'essaie de coder un système de bookmarklet similaire à celui de la Wishlist d'A....n [qui ouvre un pop up et affiche un carrousel d'images présentes sur le site]

Je suis débutant en javascript mais j'ai déjà un site internet qui tourne avec java ee et j'ai trouvé pas mal d'info sur internet.

J'y ai ajouter un .js, qui contient la fonction appellée par un bookmarklet, et un HTML (qui contiendra du javascript) pour afficher le carroussel.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 (function() { var mesimages = document.getElementsByTagName("img"); width = 300; height = 200; if(window.innerWidth) { var left = (window.innerWidth-width)/2; var top = (window.innerHeight-height)/2; } else { var left = (document.body.clientWidth-width)/2; var top = (document.body.clientHeight-height)/2; } window.open('http://localhost:8080/wishlist/private/popup.html','nom_de_ma_popup','menubar=no, scrollbars=no,directories=no,status=no,location=no, top='+top+', left='+left+', width='+width+', height='+height+''); })();
Comment puis je envoyer la variable mesimages [ou une liste avec toutes ces "src" par exemple] à ma pop up sans :

* passer par une méthode de concaténation d'URL (on peut atteindre jusqu'à 150 images sur un site comme A.
* utiliser de cookie
* passer par une servlet java en doPost() [je ne sais même pas si c'es possible]

Merci pour vos idées,

MAJ : je suis en train d'étuder les XMLHttpRequest(); pour voir si cela peut résoudre mon problème

Bon j'ai avancé un peu :

Mon bookmarklet qui appelle le pop up:

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
(function() {
 
	//alert('This page is : ' + document.title);
	var mesimages = document.getElementsByTagName("img");
	for(var i = 0; i < mesimages.length; i++){
		console.log(mesimages[i].src);
	}
 
	var xhr = new XMLHttpRequest();
	xhr.open('POST', 'http://localhost:8080/wishlist/private/popup2.jsp',true);
 
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
	xhr.send('param1=' + mesimages[1].src + '&param2=' + mesimages[2].src);
 
 
	xhr.addEventListener('readystatechange', function() {
 
	    if (xhr.readyState === xhr.DONE) { // La constante DONE appartient à l'objet XMLHttpRequest, elle n'est pas globale
 
	    	width = 300;
            height = 200;
            if(window.innerWidth)
            {
                    var left = (window.innerWidth-width)/2;
                    var top = (window.innerHeight-height)/2;
            }
            else
            {
                    var left = (document.body.clientWidth-width)/2;
                    var top = (document.body.clientHeight-height)/2;
            }
            window.open('http://localhost:8080/wishlist/private/popup2.jsp','nom_de_ma_popup','menubar=no, scrollbars=no,directories=no,status=no,location=no, top='+top+', left='+left+', width='+width+', height='+height+'');
            //il existe un attribut pour empêcher de resizer aussi !    
	    }
	}, false);
})();

Le popup en JSP

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<body>
		<h1> VOICI MA POP UP : LET S GO</h1>
		<% 
			String param1= (String)request.getParameter("param1");
			String param2= (String)request.getParameter("param2");
 
			session.setAttribute("P1",param1);
			session.setAttribute("P2",param2);
 
			out.println(session.getAttribute("P1"));
			out.println(session.getAttribute("P2"));
		%>
	</body>

Sauf que ça me renvoie deux "null" et c'est extrêmement sale [Java dans jsp...]

J'imagine que faire un "open()" après un send() ça doit me perdre les données , donc j'ai essayé de mettre ça dans session mais peine perdue ! ...

une idée ? [bon d'ici là je vais voir quels sont les méthodes de débugage pasque je suis même pas sûr que mes données sont bien envoyées une fois]

19/12/2015, 17h24
Ronan_

Bon finalement j'utilise une autre technique

Mon bookmarklet actionne la popup en lui indiquant l'adresse du siteen question dans l'adresse URL

adresse URL que je récupère ensuite et qui j'espère me permettra de récupérer ces fameuses images.src ...