11499 sujets

JavaScript, DOM et API Web HTML5

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

<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
Modifié par Marie_9 (11 Dec 2015 - 14:19)
Modérateur
Bonjour,

Pour bouger la fenêtre popup avec un bouton à l'intérieur de cette fenêtre, il faut utiliser le bon nom pour l'élément fenêtre, en l'occurence, ici, c'est tout simplement "window".

Dans 2.html, tu utilises le code suivant :


<script language="javascript">
function moveWin() {
	window.moveTo(500, 100);
	window.focus();
}
</script>
<button onclick="moveWin()">Bouger la fenêtre</button>


EDIT : tu peux même raccourcir le code en ne conservant que ce qui suit (toujours à insérer dans 2.html) :

<button onclick="window.moveTo(500, 100)">Bouger la fenêtre</button>


Amicalement,
Modifié par parsimonhi (11 Dec 2015 - 17:24)