window.open avec firefox

Version imprimable

Bonjour,
Le code ci-après fonctionne très bien sous google chrome Version 57.
Toutefois sous Firefox (version52) l'ouverture du "popup" empêche le window.print de s'exécuter et je ne comprends pas pourquoi ?
Est ce que quelqu'un pourrait me sortir de ce mauvais pas ?
D'avance merci
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function f_imprimer_bloc() { var vHtml = '<!DOCTYPE html>'; vHtml +='<html><head><title></title><link rel="stylesheet" type="text/css" href="./css/styleimpression.css" ></head><body>'; vHtml += '<table class="tbu1"><tr><td>coucou</td></tr></table>'; vHtml +='</body></html>'; vfen = window.open("", "", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10"); vfen.document.write(vHtml); setTimeout(function(){vfen.window.print()},500); setTimeout(function(){vfen.window.close()},3000); return true; }

15/03/2017, 16h59
SpaceFrog

le window open envoie le focus sur la page qui s'ouvre...
le code de print doit être intégré dans la page du popup ...
15/03/2017, 18h06
olaxius

J'ai intégré le code dans le popup mais le pb est le même.
Le problème semble venir du setTimout . Dans firefox le setTimeout bloque l'exécution du reste du code.

Dans firefox le popup s'ouvre bien mais empêche la boite de dialogue d'impression de s'afficher. Quand je ferme le popup la boite d'impression apparait ??
Quand je supprime le setTimeout le window.print se lance mais l'impression est vide car la boite de dialogue d'impression s'affiche avant le popup .
En fait le setTimeout est là pour laisser le temps au popup de charger son contenu .
Espérant de n'avoir pas été trop confus
16/03/2017, 08h21
SpaceFrog

On peut voir comment tu as

Citation:

intégré le code dans le popup

?

Voici comment j'ai fait . ça fonctionne avec Chrome mais dans firefox le popup reste à l'ecran et empêche l'apparition de la boite de dialogue d'impression

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function f_imprimer_bloc() {
var vHtml = '<!DOCTYPE html>';
vHtml +='<html><head><title></title><link rel="stylesheet" type="text/css" href="./css/styleimpression.css" ></head><body>';
vHtml += '<table class="tbu1"><tr><td>coucou</td></tr></table>';
vHtml +='<script type="text/javascript">setTimeout(function(){window.print()},500);</script></body></html>';
vfen = window.open("", "", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");
vfen.document.write(vHtml);
SetTimeout(function(){vfen.window.close()},3000);
return true;
}

merci de votre aide

essaye comme ceci ?

Code:

1
2
3
4
5
6
7
8
9
function f_imprimer_bloc() {
var vHtml = '<!DOCTYPE html>';
vHtml +='<html><head><title></title><link rel="stylesheet" type="text/css" href="./css/styleimpression.css" ></head><body>';
vHtml += '<table class="tbu1"><tr><td>coucou</td></tr></table>';
vHtml +='<scr'+'ipt type="text/javascript">setTimeout(function(){window.print()},500);</script></body></html>';
vfen = window.open("", "", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");
vfen.document.write(vHtml);
SetTimeout(function(){vfen.window.close()},3000);
return true;

16/03/2017, 10h55
olaxius

Je viens d'essayer et pas mieux.
En même temps je ne suis pas trop étonné
car entre

Code:

vHtml +='<script type="text/javascript">setTimeout(function(){window.print()},500);</script></body></html>';

et

Code:

vHtml +='<scr'+'ipt type="text/javascript">setTimeout(function(){window.print()},500);</script></body></html>';

y a pas trop de différence .
16/03/2017, 10h59
SpaceFrog

quand tu visualises le code source de la popup tu vois le script ?
16/03/2017, 11h35
olaxius

1) Quand je choisis le menu code source de la page il y a le code html qui s'affiche.
Quand je copie ce même code pour faire un test dans un fichier html , la page s'exécute normalement et la boite de dialogue d'impression s'affiche.

2) Quand le popup est ouvert et que je fais examiner l'élément , il n' y a aucune information qui apparaît dans "l'inspecteur de style et du dom"
16/03/2017, 14h17
SpaceFrog

pareil pour la fermeture... il faut que ce soit le popup qui appelle une fonction de fermeture de la fenêtre ouvrante.
16/03/2017, 15h04
hotcryx

Tu ne peux avoir 2 modales box en même temps à l'écran :aie:
16/03/2017, 15h07
SpaceFrog

modales ? :koi:
16/03/2017, 15h55
Loralina

Bonjour,
Reprenez le code de départ et, après "vfen.document.write(vHtml);", ajoutez ceci :

Code:

vfen.document.close();
17/03/2017, 14h13
olaxius

2 pièce(s) jointe(s)
je pense que le problème est insoluble.
En fait quand je met le code
Code:

1 2 <script type="text/javascript">window.print();window.close();</script>;
dans le popup , cela fonctionne sous Chrome et FF . Toutefois FF affiche le popup avec le bon style mais l'impression est différente du popup affiché ??
pour etre plus clair voici l'image représentant le popup mise en forme :
Pièce jointe 255204
Et cette image qui illustre l'impression envoyée à l'imprimante par FFPièce jointe 255212
Cherry's on the cake , si je met un setTimeout sur le window.print Firefox reste figé sur le popup et n'affiche la boite de dialogue d'impression que lorsque l'on ferme le popup manuellement .
<script type="text/javascript">setTimeout(window.print(),500);window.close();</script>;
Cherry's on the cherry's on the cake ça fonctionne sous edge et chrome .
Merci en tout cas à tout ceux qui m'ont aidé .
17/03/2017, 15h45
Loralina

Bonjour,
J'ai l'impression que vous n'avez pas testé ce que j'ai dit.
Je recommence :
On reprend le code de départ et on ajoute après le "document.write" :

Code:

vfen.document.close();

Si le style ne passe pas à l'impression, c'est certainement parce que cette instruction est absente.
Avec cette instruction, je pense même qu'il n'y aura plus besoin de "setTimeout".

Si besoin, je peux faire un exemple complet fonctionnel sous Firefox 52.

une petite note sur window.open
cette fonction retourne une référence à la fenêtre ouverte ou null
il faut donc tester la valeur retournée avant de l'utiliser.

enfin les navigateurs implémente la fonction mais cela ne signifie pas qu'une fenêtre sera ouverte ni que les propriétés passées en paramètre seront pris en compte.
un grand nombre de navigateurs (tous les mobiles) ne tiennent par exemple pas compte des dimensions.
une détail important il est préférable de mettre un nom lors de l'ouverture. quelques navigateurs n'ouvrent pas la fenêtre mais un onglet s'il n'y a pas de nom.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function f_imprimer_bloc() { var vHtml = '<!DOCTYPE html>'; vHtml +='<html><head><title></title><link rel="stylesheet" type="text/css" href="./css/styleimpression.css" ></head><body>'; vHtml += '<table class="tbu1"><tr><td>coucou</td></tr></table>'; vHtml +='<scr'+'ipt type="text/javascript">setTimeout(function(){window.print()},500);'; vHtml += '<table class="tbu1"><tr><td>coucou</td></tr></table>'; vHtml +='setTimeout(function(){window.close()},3000);'; vHtml += '<table class="tbu1"><tr><td>coucou</td></tr></table>'; vHtml +='</script></body></html>'; vfen = window.open("", "vfen", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10"); if (vfen) {vfen.document.write(vHtml);} return true;
attention tu as écrit

Citation:

SetTimeout(function(){vfen.window.close()},3000);

à la place de

Citation:

setTimeout(function(){vfen.window.close()},3000);

A+JYT

25/03/2017, 19h58
Loralina

Bonjour,
De toute façon, à mon avis, l'impression ne fonctionnera pas comme il faut avec le fichier css sur Firefox sans le "document.close".
Quand il dit :

Citation:

Quand le popup est ouvert et que je fais examiner l'élément , il n' y a aucune information qui apparaît dans "l'inspecteur de style et du dom"

ça me paraît assez symptomatique.

Je précise que le "document.close" doit survenir avant l'appel de la fonction d'impression.
Dans le cas où l'appel de l'impression figure dans la chaîne passée au "document.write", on peut soit le différer avec un "setTimeout" (comme c'est déjà le cas) ou un "onload", soit enchaîner les instructions "document.close();window.print();".