Problème d'impression d'image contenu dans un tableau html

Signaler
Messages postés
22
Date d'inscription
vendredi 4 mai 2012
Statut
Membre
Dernière intervention
2 mars 2014
-
bjr à tous,
J'ai un problème avec mon script d'impression grâce au javascript d'un tableau html conçu à base de requête sql . En fait toutes les images contenues dans celui-ci sont invisibles après impression et je ne sais où se pose le problème. Je vous présente ci-dessous le code du tableau:

<?php if (isset($_POST["submit"])){
$lemois=$_POST['mois'];
$lannee=$_POST['annee'];
$somme1=array();
$somme2=array();
$somme3=array();
$somme4=array();
$matrice = array();		
$mat1 = 0;
$mat2 = 0;
$num = cal_days_in_month(CAL_GREGORIAN, $lemois, $lannee);

echo"
<script type="text/javascript" src="inlinemod_page8.js"></script>
<style type="text/css">
.tablo {
width: 768px;
border: 1px solid #000;
border-collapse:  collapse;
text-align: center;
font-size:11pt;
box-shadow: 6px 6px 6px black;
border-radius: 20px / 10px;
 }

td { 
font-size:11pt;
 1px solid #000;
}
  </style><td COLSPAN=20>
<caption>Station : GAROUA
Mois : \".conversion_date($lemois).\"
\".$lannee.\"</caption>
----
DATES, RÉSUMÉ DU TEMPS  (en clair), Ph&eacutenomènes divers
Symboles, \";

include(\"textconnexion.php\");
$requete_jour = \"SELECT DISTINCT jour FROM `psychrosoft`.`0` WHERE mois=$lemois AND annee=$lannee ORDER BY jour ASC\";
$resultat = mysql_query($requete_jour)or die ('requête non executée car'.mysql_error().'.');
$tab = mysql_fetch_row($resultat);
$rest= mysql_num_rows($resultat);

$res=$tab[0];
for($j=$res; $j<=$rest; $j++){
$res=$j;

$requete_resume = \"SELECT `psychrosoft`.`restps`.resume
FROM `psychrosoft`.`restps`
WHERE `psychrosoft`.`restps`.jour=$res
AND `psychrosoft`.`restps`.mois=$lemois
AND `psychrosoft`.`restps`.annee=$lannee\";
$resultat_resume = mysql_query($requete_resume)or die ('requête non executée6 car'.mysql_error().'.');
$resume = mysql_fetch_row($resultat_resume);
$resum=($resume[0]==\"0\")?(\".\"):($resume[0]);
echo\"----
".$res.", ";
echo $resum.", ";
$symbole="";

if(mb_eregi("orage", $resum) || mb_eregi("orages", $resum) || mb_eregi("oraje", $resum)) {
$symbole.=" ";
}
if(mb_eregi("tempête", utf8_decode($resum)) || mb_eregi("tempete", $resum) || mb_eregi("tempète", utf8_decode($resum))){
$symbole.=" ";
}
if(mb_eregi("grain", $resum) || mb_eregi("grains", $resum) || mb_eregi("grein", $resum)) {
$symbole.=" ";
}
if(mb_eregi("éclairs", utf8_decode($resum)) || mb_eregi("éclair", utf8_decode($resum)) || mb_eregi("eclairs", $resum) || mb_eregi("eclair", $resum)) {
$symbole.=" ";
}
if(mb_eregi("avers", $resum) || mb_eregi("averses", $resum) || mb_eregi("averse", $resum)) {
$symbole.=" ";
}
if((mb_eregi("pluie", $resum) && !mb_eregi("averses", $resum))|| (mb_eregi("pluie", $resum) && !mb_eregi("averse", $resum))){
$symbole.=" ";
}
if(mb_eregi("bruine", $resum) || mb_eregi("brune", $resum)) {
$symbole.=" ";
}
if(mb_eregi("grêle", utf8_decode($resum)) || mb_eregi("grele", $resum)){
$symbole.="";
}
if(mb_eregi("rosée", utf8_decode($resum)) || mb_eregi("rosee", $resum) || mb_eregi("rosé", utf8_decode($resum))){
$symbole.=" ";
}
if(mb_eregi("humide", $resum) || mb_eregi("humid", $resum)) {
$symbole.=" ";
}
if(mb_eregi("brouillard", $resum) || mb_eregi("brouillar", $resum) || mb_eregi("brouilard", $resum)) {
$symbole.=" ";
}
if(mb_eregi("sèche", utf8_decode($resum)) || mb_eregi("seche", $resum)){
$symbole.=" ";
}
if((mb_eregi("poussiere", $resum) && mb_eregi("brume", $resum)) || (mb_eregi("sable", $resum) && mb_eregi("brume", $resum))){
$symbole.=" ";
}
if(mb_eregi("fumée", utf8_decode($resum)) || mb_eregi("fumee", $resum) || mb_eregi("fumé", utf8_decode($resum))){
$symbole.=" ";
}
if(mb_eregi("chasse", $resum) || mb_eregi("chas", $resum) || mb_eregi("chase", $resum)) {
$symbole.=" ";
}
if(mb_eregi("tourbillon", $resum) || mb_eregi("toubillon", $resum) || mb_eregi("tourbilon", $resum)) {
$symbole.=" ";
}
if(mb_eregi("irisation", $resum)) {
$symbole.=" ";
}
if(mb_eregi("arc-en-ciel", $resum) || mb_eregi("arc en ciel", $resum) || mb_eregi("arcenciel", $resum)) {
$symbole.=" ";
}
if((mb_eregi("halo", $resum) && mb_eregi("solaire", $resum)) || (mb_eregi("halo", $resum)&& !mb_eregi("lunaire", $resum))) {
$symbole.=" ";
}
elseif(mb_eregi("halo", $resum) && mb_eregi("lunaire", $resum)) {
$symbole.=" ";
}
if((mb_eregi("couronne", $resum) && mb_eregi("solaire", $resum)) || (mb_eregi("couronne", $resum)&& !mb_eregi("lunaire", $resum))) {
$symbole.=" ";
}
if(mb_eregi("couronne", $resum) && mb_eregi("lunaire", $resum)) {
$symbole.=" ";
}
echo $symbole;
echo", \";
}

echo\"----
Page 8

<hr></td>";
echo"<tr><td colspan=23 align=center>
<hr></td></tr>";
}?>



et en voici le code de mon script d'impression en javascript:

function impression(titre,id) 
{
// Définie la zone à imprimer
var zi = document.getElementById(id).innerHTML;

// Ouvre une nouvelle fenetre
var f = window.open("", "ZoneImpr", height=600, width=800,
toolbar=0, menubar=0, scrollbars=1, resizable=1,
status=0, location=0, left=10, top=10);

// Définit le Style de la page
f.document.body.style.color = '#000000';
f.document.body.style.backgroundColor = '#FFFFFF';
f.document.body.style.padding = "10px";

// Ajoute les Données
f.document.title = titre;
f.document.body.innerHTML += "<html>" + zi + "</html>";

// Imprime et ferme la fenetre
f.window.print();
f.window.close();
return true;

}




les images des tableaux sont joints ci-dessous.
aperçu du tableau dans le navigateur

apreçu du tableau après impression



Merci d'avance de m'aider.@+

LE MEC LE PLUS INC