Plus d'infos dans une print()

Version imprimable

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

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

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

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:

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

27/08/2013, 20h34
Ethan 0x21

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
27/08/2013, 22h42
devhafid

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 :ccool:

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

Code:

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>

28/08/2013, 00h28
devhafid

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.
28/08/2013, 00h36
devhafid

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?
28/08/2013, 08h35
SpaceFrog

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 ...
28/08/2013, 10h37
devhafid

Pour votre exemple n'affiche pas "imprimer" soit dans IE et firefox!?
Pouvez vous m'expliquer cette méthode de css?
28/08/2013, 10h42
SpaceFrog

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.

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

Code:

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

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

ç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:

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

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:

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:

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']; ?>'  <input type="button" id="button-imprimer" value="Imprimer" onclick="window.print();"/> </div>  <a href="javascript:visibilite();">afficher resultat</a>
Ainsi votre fonction "visibilite()" n'aurez qu'a rendre visible cette div.

28/08/2013, 14h40
devhafid

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