Discussion :

[nicolas.sagon]

Bonjour,

Je voudrais réaliser une application WEB HTML/CSS/JS avec une parti de la page que l'on peut détacher de celle-ci pour la mettre par exemple sur un autre écran.

En gros ma page comprendra une carte google maps et sur le côté droit une liste, je voudrais pouvoir séparer la liste dans une autre fenêtre de mon navigateur pour afficher la carte en plein écran mais il faut impérativement que je garde le lien entre les deux pages.

Je crois savoir que ce genre d'application est possible en HTML5 mais je ne connnais pas le noms de la technologie.

Merci d'avance pour vos réponses.

Cordialement.

Nicolas SAGON.

[sekaijin]

à ma connaissance il n'y a pas d'événement drag hors de la fenêtre.

tu peux détecter que la souris quitte la fenêtre

Code :

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

1
2
3
4
5
addEvent(document, 'mouseout', function(evt) {
  if (evt.toElement == null && evt.relatedTarget == null) {
    alert("left window");
  }
});

j'ai pas testé mais peut-être essayer de créer une fenêtre lorsque tu sort de celle contenant l'élément et y créer un nouveau document en recopiant l’élément que tu drague.

Mais je ne suis pas sur que ça fonctionne sur tous les navigateurs
A+JYT

[nicolas.sagon]

Merci pour ta réponse mais ce n'est pas vraiment ce que je cherche.
Je verrais plus un système comme sur les sites de vidéo où l'on peut séparer le lecteur (Ex : twitch).
Sauf que pour moi c'est une liste que je veux séparer. Par contre il faut que les événements de cette liste soit toujours relié à ma carte google maps.

Merci d'avance.

[sekaijin]

si j'ai bien compris tu as un élément HTML et tu veux le draguer hors de la fenêtre pour qu'il se détache et apparaisse dans un autre fenêtre.

Si c'est ça que tu veux faire alors ma réponse est correcte.

Sinon je ne comprends pas ce que signifie "détacher".

A+JYT

[nicolas.sagon]

Ok je suis d'accord qu'avec ta réponse je vais pouvoir détecter la souris qui sort de ma fenêtre. Par contre le moment ou tu dis d'ouvrir un nouveau document et de copier mon html dedans. Je ne sais pas si je vais pouvoir conservé un lien entre mes deux fenêtres.

Afficher mon html dans une nouvelle fenètre est bien mais si je perd le lien avec ma carte (Ma nouvelle fenêtre doit afficher une liste de position et quand je passe ma souris dessus, le JS centre la carte).

[sekaijin]

lorsque tu fais window.opentu récupère une référence à la fenêtre tu peux donc depuis ta fenêtre principale invoquer des méthodes de la fenêtre fille.

inversement dans la fenêtre fille tu as une référence à la fenêtre principale window.parent.

Code :

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

1
2
3
4
5
6
var fille = window.open();
if (var) {
   console.log ('la fenêtre est ouverte.'); 
} else {
   console.log ('la fenêtre n'est ouverte. Les paramètre du navigateur ou du système interdit l'ouverture d'une fenêtre.'); 
}

Attention à bien vérifier que la fenêtre c'est bien ouverte avant de l'utiliser car sinon ton prog va planter.
et de nombreux navigateur interdisent l'ouverture de fenêtres.

A+JYT

[nicolas.sagon]

OK ton dernier message est parfait.
Par contre j'ai une autre question ?
Quand je vais ouvrir ma nouvelle page, le script qui exécutai sur ma liste devra être rechargé ? ou j'aurais encore le context ?

[sekaijin]

tu aura encore le contexte mais dans la fenêtre principale

A+JYT