Impression d'une image

psaikopat · 31 Janvier 2005

Bonjour tout le monde!

Bon alors moi je suis nouveau en prog!

J'ai une page apercu.php ou il y a une image (contenu dans une bd) qui apparait aléatoirement!

Mon problème et ke je veu imprimer cette image! Je sais qu'il faut que j'utilise les styles CSS _AT_media print et _AT_media screen mais je ne sais pas du tout comment faire!

S'il vous plait aidez moi!

Si vous voulez des bout de script pas de prob je vous les donne! Mais on va pas encombrer mon premier post!

Voila ma page Index.php

<!------------------------------------------------------->
<!--  GESTION D'IMPRESSION D'ETIQUETTES     -->
<!--    	Index.php        -->
<!------------------------------------------------------->


<!-- CONNEXION A LA BASE DE DONNEE TEST ( mySQL) -->
<?php require_once('../Connections/etiquette.php'); ?>
<?php
mysql_select_db($database_etiquette, $etiquette);
$query_Recordset2 = "SELECT Code_Article FROM article ORDER BY Code_Article ASC";
$Recordset2 = mysql_query($query_Recordset2, $etiquette) or die(mysql_error());
$row_Recordset2 = mysql_fetch_assoc($Recordset2);
$totalRows_Recordset2 = mysql_num_rows($Recordset2);
?>


<!-- HEAD DE LA PAGE -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Index</title>

<!-- AFFICHAGE D'UN TEXTE DANS LA BARRE EN HAUT -->
  <script>
  <!--
  var cnt=-1;
  var str;
  function animateTitle(nt,t){
  str=nt;
  if(document.all ||document.getElementById){
  if(t==2){
  document.title='';
  cnt=-1;
  }
  if(cnt<str.length){
  if(str.charAt(cnt+1)==" "){
  ++cnt;
  document.title+="_"
  }
  else{
  document.title+=str.charAt(++cnt);
  }
  }
  TO=setTimeout('animateTitle(str)',200);
  if(cnt==str.length){
  clearTimeout(TO);
  }
  }
  }
  onload=animateTitle('(¯`·.žž.--.žž.·Ž¯¯`·.žž.--.žž.·Ž¯)',2)
  //-->
  </script>
<!-- FIN SCRIPT -->

<!-- AFFICHAGE DE L'HEURE DANS LA BARRE DES TACHES -->
  <script language="JavaScript">
  <!--
  function runClock() {
  theTime = window.setTimeout("runClock()", 1000);
  var today = new Date();
  var display = today.toLocaleString();
  window.status = display;
  }
  runClock();
  -->
  </SCRIPT>
<!-- FIN SCRIPT -->

<!-- FONCTION JAVASCRIPT PERMET DE TESTER LA VALEUR DE LA LISTBOX -->
  	<script language="JavaScript"><!--
      function test(champ) {
        if(champ.selectedIndex>0)
          monform.submit()
      }
  	//-->
  	</script>
<!-- FIN SCRIPT -->

</head>
<!-- BODY DE LA PAGE -->
<body>

<!-- COULEUR DES SCROLLS BAR -->
  <style TYPE="text/css">
  BODY {
  scrollbar-face-color: #FFCC00; 
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #000000; 
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #FFFFCC; 
  scrollbar-arrow-color: #000000;
  }
  </style>
<!-- FIN SCRIPT -->

<!-- TEXTE CHANGEANT DE COULEUR -->
<div align="center"><H2><strong>
  <script LANGUAGE="JavaScript1.2">
  function initArray() {
  this.length = initArray.arguments.length;
  for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
     }
  }
	// modifier ici le texte, la vitesse et les couleurs
  var ctext = "APERCU";
  var speed = 500;
  var x = 0;
  var color = new initArray(
  "red", 
  "blue", 
  "green",
  "black"
  );
	// fin des modifications
  if(navigator.appName == "Netscape") {
  document.write('<layer id="c">' +ctext+'</layer><br>');
  }
  if (navigator.appVersion.indexOf("MSIE") != -1){
  document.write('<div id="c">'+ctext+'</div>');
  }
  function chcolor(){ 
  if(navigator.appName == "Netscape") {
  document.c.document.write('<font color="'+color[x]);
  document.c.document.write('">'+ctext+'</font>');
  document.c.document.close();
  }
  else if (navigator.appVersion.indexOf("MSIE") != -1){
  document.all.c.style.color = color[x];
  }
  (x < color.length-1) ? x++ : x = 0;
  }
  setInterval("chcolor()",1000);
  // -->
  </script>
</strong></H2></div>
<!-- FIN SCRIPT -->

<p>Choix par code de l'article :</p>
<form name="monform" method="post" action="apercu.php">

<!--CREATION DE LA LISTBOX AVEC JEU D'ENREGISTREMENT A LA BASE DE DONNEE -->
<select name="select" title="<?php echo $row_Recordset1['Code_Article']; ?>" onChange="test(this)">
 <?php
do {  
?>
<option value="<?php echo $row_Recordset2['Code_Article']?>"<?php if (!(strcmp($row_Recordset2['Code_Article'], $row_Recordset2['Code_Article']))) {echo "SELECTED";} ?>><?php echo $row_Recordset2['Code_Article']?></option>
<?php
} while ($row_Recordset2 = mysql_fetch_assoc($Recordset2));
$rows = mysql_num_rows($Recordset2);
if($rows > 0) {
mysql_data_seek($Recordset2, 0);
$row_Recordset2 = mysql_fetch_assoc($Recordset2);
$rows = mysql_fetch_array($querry);
}
?>
</select>
</form>
<!-- FIN SCRIPT -->
<p>  </p>
</body>
</html>

<!-- EFFACEMENT DE LA MEMOIRE DU JEU D'ENREGISTREMENT -->
<?php
mysql_free_result($Recordset2);
?>
<!-- FIN SCRIPT -->

et voici ma page Apercu.php

<!------------------------------------------------------->
<!--  GESTION D'IMPRESSION D'ETIQUETTES     -->
<!--    	Apercu.php        -->
<!------------------------------------------------------->


<!-- HEAD DE LA PAGE -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Apercu</title>

<!-- AFFICHAGE D'UN TEXTE DANS LA BARRE EN HAUT -->
  <script>
  <!--
  var cnt=-1;
  var str;
  function animateTitle(nt,t){
  str=nt;
  if(document.all ||document.getElementById){
  if(t==2){
  document.title='';
  cnt=-1;
  }
  if(cnt<str.length){
  if(str.charAt(cnt+1)==" "){
  ++cnt;
  document.title+="_"
  }
  else{
  document.title+=str.charAt(++cnt);
  }
  }
  TO=setTimeout('animateTitle(str)',200);
  if(cnt==str.length){
  clearTimeout(TO);
  }
  }
  }
  onload=animateTitle('(¯`·.žž.--.žž.·Ž¯¯`·.žž.--.žž.·Ž¯)',2)
  //-->
  </script>
<!-- FIN SCRIPT -->

<!-- AFFICHAGE DE L'HEURE DANS LA BARRE DES TACHES -->
  <script language="JavaScript">
  <!--
  function runClock() {
  theTime = window.setTimeout("runClock()", 1000);
  var today = new Date();
  var display = today.toLocaleString();
  window.status = display;
  }
  runClock();
  -->
  </SCRIPT>
<!-- FIN SCRIPT -->

</head>
<!-- BODY DE LA PAGE -->
<body>

<!-- COULEUR DES SCROLLS BAR -->
  <style TYPE="text/css">
  BODY {
  scrollbar-face-color: #FFCC00; 
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #000000; 
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #FFFFCC; 
  scrollbar-arrow-color: #000000;
  }
  </style>
<!-- FIN SCRIPT -->

<!-- TEXTE CHANGEANT DE COULEUR -->
<div align="center"><H2><strong>
  <script LANGUAGE="JavaScript1.2">
  function initArray() {
  this.length = initArray.arguments.length;
  for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
     }
  }
	// modifier ici le texte, la vitesse et les couleurs
  var ctext = "APERCU";
  var speed = 500;
  var x = 0;
  var color = new initArray(
  "red", 
  "blue", 
  "green",
  "black"
  );
	// fin des modifications
  if(navigator.appName == "Netscape") {
  document.write('<layer id="c">' +ctext+'</layer><br>');
  }
  if (navigator.appVersion.indexOf("MSIE") != -1){
  document.write('<div id="c">'+ctext+'</div>');
  }
  function chcolor(){ 
  if(navigator.appName == "Netscape") {
  document.c.document.write('<font color="'+color[x]);
  document.c.document.write('">'+ctext+'</font>');
  document.c.document.close();
  }
  else if (navigator.appVersion.indexOf("MSIE") != -1){
  document.all.c.style.color = color[x];
  }
  (x < color.length-1) ? x++ : x = 0;
  }
  setInterval("chcolor()",1000);
  // -->
  </script>
</strong></H2></div>
<!-- FIN SCRIPT -->

<!-- AFFICHAGE DU CODE D'ARTICLE -->
<?php
echo "Vous avez choisi le code article :";
$CodeArticle=$_POST['select'];
echo $CodeArticle;
?>
<!-- FIN SCRIPT -->

<form name="form1" method="post" action="Index.php">
<!-- CREATION DU BOUTON RETOUR -->
  <input type="submit" name="submit" value="RETOUR"
  style="font-family: Arial,Verdana,Helvetica;font-size: 11px; color:#330033;font-weight:bold;background-color: #FFCC00;width:180px;">
<!-- FIN SCRIPT -->
</form>

<!-- AFFICHAGE DE L'IMAGE -->
<?php
$Code_image=$_POST['select'];
$querry = "SELECT Chemin_d_acces FROM article WHERE select=$Code_image";
$image_src = $querry; 

?>
<!-- FIN SCRIPT -->
<p> </p>
<img src='C:\Program Files\EasyPHP1-7\www\EPSN0039.jpg'>
<br>
<?php
if (ereg("Win", getenv("HTTP_USER_AGENT")))
	$os = "W2K";
else if (ereg("Linux", getenv("HTTP_USER_AGENT")))
	$os = "UNIX";
echo $os;
?>
</body>
</html>

et je veu pouvoir imprimer en taille réel, juste en clikant sur un bouton ou l'image

$Code_image=$_POST['select'];
$querry = "SELECT Chemin_d_acces FROM article WHERE select=$Code_image";
$image_src = $querry;

Modifié 31 Janvier 2005 par Dan

LaurentDenis · 31 Janvier 2005

Tu devrais trouver ce qu'il te faut pour les bases dans:

- http://openweb.eu.org/articles/css_impression/

- http://openweb.eu.org/articles/exemple_css_print/

(Attention, pour le premier article : les propriétés CSS permettant de modifier l'orientation de la page imprimée et ses marges sont trop mal implémentées dans la plupart des navigateurs actuels pour être utilisées).

Juste un détail, au cas où : il s'agit bien d'une image de contenu ? Autrement-dit un élément <img src=...> ? Dans ce cas, pas de problème. En revanche, l'impression des images d'arrière-plan ne peut pas être forcée, et dépend entièrement de la configuration du navigateur.

psaikopat · 31 Janvier 2005

ok mais ou intégrer dans mon code les balises <style>?

<img src="..." _AT_media print> c'est ça non?

LaurentDenis · 31 Janvier 2005

Pour lier vos styles d'impression à vos pages XHTML

Si vous utilisez des feuilles de style externes

(...)

Si vous utilisez une feuille de style interne

Vous pouvez ajouter à la section <style>…</style> de votre en-tête les styles spécifiques pour l'impression grâce à la règle _AT_media :

_AT_media print {

… vos styles…

}

(...)

( http://openweb.eu.org/articles/css_impression/ ) :whistling:

Connexion

Impression d'une image

Sujets conseillés

psaikopat

LaurentDenis

psaikopat

LaurentDenis

Veuillez vous connecter pour commenter

Parcourir

Activité