Lien avec deux actions simultanées dans une popup

**Marie_Amela** · 11/12/2015, 14h32

Bonjour à tous,

Je m'arrache les cheveux pour faire un petit script. Je suis désespérée :

- J'ai donc une page 1.html avec un lien pour ouvrir ma popup

Code html :

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

1
2
3
4
5
<script language="javascript">
function popup(){
window.open("2.html", "popup", "width=500, height=500,screenX=200,screenY=200");
}</script>
<a href="" onClick="popup();">Ouvrir le popup</a>

- La page 2.html (la popup)

J'aimerais avoir dans cette page 2.html un lien qui réalise 2 actions simultanées (download d'un fichier + déplacer ma position de popup).

J'ai cherché longtemps et je n'ai pas trouvé. Il n'est pas possible de repositionner l'emplacement d'une popup (sans la fermer/réouvrir) ?

J'ai vu qu'on pouvait déplacer un button/div avec {document.getElementById("myBtn").style.left = "100px"; mais ce n'est pas ce que je veux. Je souhaite déplacer la popup entière.

Que pourriez-vous me conseiller s'il-vous-plait ? Je suis perdue.

Merci beaucoup pour votre aide.

Marie

**kevin254kl** · 11/12/2015, 15h13

Bonjour, et moveto? http://www.w3schools.com/jsref/met_win_moveto.asp

**Marie_Amela** · 11/12/2015, 15h59

Merci pour votre proposition.

Cependant le bouton de déplacement de la popup est situé sur la page d'origine. J'aimerais que ce bouton soit sur la popup elle-même.

Et en cliquant sur ce bouton la popup bouge. J'ai essayé de modifier le code proposé mais je n'y arrive pas, je suis désolée.

Que me conseillez-vous ?

**kevin254kl** · 12/12/2015, 08h05

Bonjour, première remarque il faut stocker votre popup dans une variable

Code :

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

var mapopup = window.open(".....");

ensuite créer un bouton interne

Code :

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

1
2
mapopup.document.write("<button name=''>");   
mapopup.document.write("</button>");

ensuite lors du clique sur le bouton vous allez executer une action de déplacement, je n'ai pas testé mais je me serai tourné vers cette solution, après je pense aussi qu'avec jquery cela doit-être plus simple.

**NoSmoking** · 12/12/2015, 11h00

Bonjour,

Je souhaite déplacer la popup entière.

non seulement tu utilises une popup qui risque d'être bloquée suivant le réglage des internautes mais en plus tu veux l'obliger à subir tes réglages/caprices

.

Le plus moins intrusif serait de passer par une popin.

**Marie_Amela** · 13/12/2015, 16h53

Bonjour,

Merci pour vos réponses.

J'ai réussi à faire ce que je voulais, enfin presque.

N'est-il pas possible de mettre un attribut "hidden" à la popup de téléchargement 2.html (après le téléchargement) ?

Voici mes codes, se sera plus clair :

- 1.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
<html>
<head>
</head>
<body>
 
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
var myWindow;
function openWin() {
    myWindow=window.open("2.html", "myWindow", "width=200, height=100, top=200, left=200");
}
</SCRIPT>
 
<a href="" onclick="openWin()">Ouvrir popup</a>
 
</body>
</html>

- 2.html (la popup) (j'ai ajouté un script pour fermer cette popup après un delai. aussi j'ai positionné la popup 2.html derrière ma popup 3.html pour la "cacher". la popup 3.html étant une page pour confirmer que le téléchargement a été effectué)

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
<html>
<head>
 
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
var StayAlive = 7;
function KillMe(){
setTimeout("self.close()",StayAlive * 1000);
}
</SCRIPT>
 
</head>
 
<body onload="KillMe();self.focus()">
 
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
var myWindow2;
function openWin2() {
myWindow2=window.open("3.html", "myWindow2", "width=200, height=100, top=200, left=200");
}
</SCRIPT>
 
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
function moveWin() {
window.moveTo(200, 200);
}
</SCRIPT>
 
<a href="http://www.sun-concept.fr/images/le-soleil.jpg" onclick="moveWin();openWin2()" download >Telecharger image</a>
 
</body>
</html>

Avez-vous une idée pour cacher cette popup de téléchargement 2.html (après le téléchargement) ?

Merci d'avance pour votre aide.

Lien avec deux actions simultanées dans une popup

JavaScript

Vue hybride

Discussions similaires

Partager

Partager