Discussion :

[Nico1131]

Bonjour,

Alors voici mon petit souci : j'ai crée un dialog pour pouvoir faire une impression pdf avec pdfCreator du résultat de ma fenêtre. Le bouton "Continuer" permet de faire un printAera. Le problème est que lorsque j'ai ajouté le fichier css jquery-ui.css ma boîte dialog est devenue toute belle sauf qu'elle c'est incrusté dans mon impression et le problème et que je n'arrive pas en gros à la cacher

Bien sur j'ai testé avec les options et events : beforeClose et hide, mais ça ne change rien.

Voici les résultats d'avant et après avoir ajouté le css :

• Avant le css :
• Après le css :

Et voici le code :

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
$j("#btntest").click(function(){$j("#myDiv2").dialog('open')});
$j( "#myDiv2" ).dialog({
	height: 140,
	title: "Confirmation",
	modal: true,
	autoOpen : false,
	draggable: true,
	closeOnEscape: true,
	buttons: [{
            text: "Continuer",
            click: function() {
		$j("#myDiv").printArea( {} );
                // Cancel code here
                $j(this).dialog("close");
            }
        },
        {
            text: "Annuler",
            click: function() {
                // Save code here
                $j(this).dialog("close");
            }
        }]
});

[la.lune]

J'ai avec moi une solution mais je ne peux pas tester car il me manque de chose, mais bon s'il y a le moindre soucis reviens ici.
Alors on pourrait écrire le code de fermeture avant l'impression, et enregistrer un événement close une fois fermé, faire un dans css un dysplay none ou enlever carrément le dialog du DOM avec un remove ou un detach si tu veux le réutiliser, ou . A moins que tu as besoin de ton dialogue en plein traitement de l'impression.

Mais on crains que ça ne laisse pas l’action d'impression finir son corps car tu attache tout au dialogue. Donc on va fermer après, mais on va jouer sur l'état asynchrone de JavaScript alors on va créer une fonction à part et faire juste l'appel donc le dialogue ne sera pas responsable de l’échec de l'impression si on le démlit.

Code JavaScript :

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
32
33
34
35
36
37
38
39
40
41
42
43
 
 
function imprimer(){
 
        $("#myDiv").printArea( { } );
 
}
$("#btntest").click(function(){$("#myDiv2").dialog('open');});
 
$( "#myDiv2" ).dialog({
          height: 140,
          title: "Confirmation",
          modal: true,
          autoOpen : false,
          draggable: true,
          closeOnEscape: true,
 
          close: function(event, ui){ 
                    //On le garde quelque part
                    madialog=$(this).detach() ; },
 
          buttons:             [                {
                    text: "Continuer", 
                   click: function() {
 
         //IL FAUX TESTER LES DEUX OU JOUER SUR LES CSS
          imprimer(); 
          $(this).dialog("close");
 
         /*L'idéal serait ceci alors teste le, normalement ça doit bien marcher
          $(this).dialog("close");
           imprimer();*/ 
 
}                }, 
 
{  text: "Annuler",
    click: function() {          
 
   // Save code here 
                       $(this).dialog("close"); 
   }                }            ] 
 
});

[SpaceFrog]

un media print en css ne suffirait il pas ???

[Nico1131]

Tout d'abord merci de m'avoir répondu

@la.lune :

J'ai essayé tes 2 manip mais malheureusement sa ne marche pas

La première manip ne change rien sa fait toujours le même résultat et la deuxième me fait ça :


Du coup mon tableau n'est plus chargé


@SpaceFrog :

J'avais essayé ça au tout début de créer une autre page css pour le media print, mais en faisant ça mon tableau n'avait plus du tout de couleur n'y rien. Mais ce n'est pas mon but car moi je souhaite faire une impression pdf selon une partie de la page spécifique qui est mon tableau et non de toute la page.

[SpaceFrog]

en quoi media print t'oblige-t-il à créer une autre page ..

colle juste un display non à l'élement qui te gène dans le media print ...

[Nico1131]

Bah je connaissais pas, du coup je suis allé voir quelques tuto et la plupart disait de faire une page css en plus pour la différencier de celle de base. Mais de toute façon ce n'est pas ce que je recherche car cela concerne toute la page, alors que moi c'est juste un morceau de la page qui m'intéresse.