Plus d'infos dans une print()

**devhafid** · 27/08/2013, 18h21

Bonjour,
Est ce qu'il est possible d'afficher dans une print() en JS des variables récupérable en PHP??

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
var bouton = document.getElementById('button-imprimer');
bouton.onclick = function(e) {
  e.preventDefault();
  print();
} 
function affichage(){
 
alert('<?php    //ici j fais la requette et inclusion de base donne
echo "Nom  :".$result[\"NOM_USER\"]." </br> Prenom :".$result[\"PRENOM_USER\"].";
 
echo "</br>Nombre reussi :".$result["NB_REUSSI"]; 
 
echo "<input type=\"button\" id=\"button-imprimer\" value=\"Imprimer\" />";
?>');
}

Je veux afficher tout ce code dans le message qui va me afficher si je clique sur un boutton "afficher resultat"?
Et en bas de ces infos j'ai un boutton qui va me imprimer juste ces infos contenus dans le message!
ou bien il existe d'autre solution?
Et merci d'avance

**devhafid** · 27/08/2013, 21h06

j'ai fait ce code ça marche bien, il récupère les donnes de base donnés.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript"> 
 
function affiche(){
 
 alert('Nom : <?php echo $result['NOM_USER'];?>
    \nPrenom :<?php echo $result['PRENOM_USER'];?>
	\nEmail :<?php echo $result['EMAIL_USER']; ?>
	\nResultat :<?php echo $result['NB_REUSSI']; ?>'); 
 
 
	}</script>

S'il vout plait, IL me reste juste de mettre un boutton "imprimer" si l'utilisateur veut imprimer le résultat de test.
sachant que le code qui permet d'afficher ce boutton est:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript"> 
var bouton = document.getElementById('button-imprimer');
bouton.onclick = function(e) {
  e.preventDefault();
  print();
}
</script>
 
<input type="button" id="button-imprimer" value="Imprimer" />

Mais moi je veux le mettre dans le message qui m'affiche!!?
et merci d'avance

**Ethan 0x21** · 27/08/2013, 21h34

Bonjour,

Regardez du côté de CSS pour fournir a votre page une feuille CSS de catégorie media "print", ou tout les éléments de la page sont masqués ( display:none ) mis à part un div affichant vos données.

Puis invoquez la méthode window.print();

Cdt

**devhafid** · 27/08/2013, 23h42

Bonjour,
Si je comprends je dois mettre un div dans ma page, où je mets les données que je voudrai afficher!?
Mais ça va me afficher dans la page! moi je veux apparaitre un message, parce que je veux imprimer juste ce message qui contient ces infos!?
merci pour votre aide

**Ethan 0x21** · 28/08/2013, 01h20

Non si vous ajoutez une feuille CSS avec media="print" enfin,
il y a cependant une autre alternative avec l'objet window :

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
 
<html>
<body>
 
<script>
//Creation nouvelle fenetre 
myWindow=window.open('','','width=200,height=100')
//Vous ecrivez les données que vous souhaitez imprimées
myWindow.document.write('Nom : <?php echo $result['NOM_USER'];?>
    \nPrenom :<?php echo $result['PRENOM_USER'];?>
	\nEmail :<?php echo $result['EMAIL_USER']; ?>
	\nResultat :<?php echo $result['NB_REUSSI']; ?>')
//Impression de la fenetre (donc uniquement les données souhaitez)
myWindow.print();
//Vous fermez la fenetre
myWindow.close();
</script>
 
</body>
</html>

**devhafid** · 28/08/2013, 01h28

merci Ethan 0x21,
Mais moi je clique d'abord sur une boutton qui m'affiche les résultat et après si je veux l'imprimer je clique "imprimer", c'est non je vois juste mon résultat.

**devhafid** · 28/08/2013, 01h36

Je préfère de faire cette méthode de window qui ça marche bien, donc j'ai besoin de créer un boutton "imprimer" en dessous dans cette fenêtre crée!
Mais est ce que cette méthode a une influence sur mon site est ce qu'il est bien par rapport à celle de css?

**SpaceFrog** · 28/08/2013, 09h35

la methode css media print est 100 fois préférable ...
un exemple :
http://www.ouestisol.fr/JUSTALITTLEFOLDER/Certif.htm

Ta methode ne permet pas de controler l'impression au moyen du bouton imprimer de la page ..
de plus document.write ...

**devhafid** · 28/08/2013, 11h37

Pour votre exemple n'affiche pas "imprimer" soit dans IE et firefox!?
Pouvez vous m'expliquer cette méthode de css?

**SpaceFrog** · 28/08/2013, 11h42

un peu de lecture
http://plambert.developpez.com/tutoriel/css/style-base/

avec css media print toute impression même lancée à partir d'un print() sera soumise au style dui media print.

**devhafid** · 28/08/2013, 12h02

Je mets <link> dans une div dans ma page.
Je fais ce code :

Code html :

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

<html><head><link rel="stylesheet" type="text/css" media="print" href="print.css" /></head></html>

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
/* print styles , je le mets dans une fichier print.css*/
 
BODY {color: black; background: white;}
A:link, A:visited {background: white; color: black; text-decoration: underline;
   font-weight: bold;}
H1, H2, H3 {background: white; color: black; padding-bottom: 1px;
   border-bottom: 1px solid gray;}
DIV.adbanner {display: none;}
div.menu {display: none;}
div.container {display: none;}
DIV.formulaire {display: block;}

Qu'est ce qu'il me reste? je spécifie que mon formulaire soit apparaitre lors de l'impression, mais moi c'est obligatoire de voir les résultats avant de les imprimer!
Et aussi j'ai le div de formulaire que je veux afficher inclus dans une autre div qui contient des infos qui ne doit pas être affiché!
et merci à vos

**devhafid** · 28/08/2013, 14h00

ça marche bien pour css aussi, mais le problème je veux qu'il m'affiche ce résultat (juste le contenu de div formulaire) en cliquant sur un lien ou un boutton!
Donc je veux apparaitre le div lors de click de lien afficher resultat, et apres si je veux l'imprimer je veux le faire!

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<html>head><script type="text/javascript"> 
function visibilite(){
   var targetElement = document.getElementById(formulaire);
   targetElement.style.display = "block" ;   
   }
</script>
 
</head><body>
 
<a href="javascript:visibilite();">afficher resultat</a>
 
</body>
</html>

merci infiniment pour vos aides

**Ethan 0x21** · 28/08/2013, 14h22

J'ai un peu du mal à comprendre le problème, mais vous pouvez également créer un sélecteur dans le fichier CSS par défaut (une classe), en position fixed, par défaut invisible s'affichant sur toute la page, et qui est le seul a être affiché par la partie CSS à destination de l'imprimante :

CSS :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
 
.content
{
   position:fixed;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   background-color:#FFFFFF;
   display:none;
}

Html :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div class="content">
'Nom : <?php echo $result['NOM_USER'];?>
    \nPrenom :<?php echo $result['PRENOM_USER'];?>
	\nEmail :<?php echo $result['EMAIL_USER']; ?>
	\nResultat :<?php echo $result['NB_REUSSI']; ?>'
 
<!-- Ici votre boutton d'impression -->
<input type="button" id="button-imprimer" value="Imprimer" onclick="window.print();"/>
</div>
 
<!-- Le lien permettant d'afficher sur tout l'écran le formulaire d'impression -->
<a href="javascript:visibilite();">afficher resultat</a>

Ainsi votre fonction "visibilite()" n'aurez qu'a rendre visible cette div.

**devhafid** · 28/08/2013, 15h40

Merci bien pour tous vos aides, j'ai résolu ce problème, je veux faire la suite de mon travail ...

Plus d'infos dans une print()

JavaScript

Discussions similaires

Partager

Partager