Forum d'entraide PHPFrance

Bonjour vous tous ,

Je vous ecris car jai un soucis
Sur ma page web , j'ais un tableau qui est trop grand pour etre imprimer a l'horizontale alors je me demandais comment l'imprimer a la verticale

ma fonction qui permet d'imprimer est celle ci:

Code : Tout sélectionner

<script language="JavaScript">
function imprime_zone(titre, obj) 

{
// Définie la zone à imprimer
var zi = document.getElementById(obj).innerHTML;

// Ouvre une nouvelle fenetre
var f = window.open("", "ZoneImpr", "height=500, width=600,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 += " " + zi + " ";

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

(C'est un script que j'ai trouver sur internet qui marche plutot bien)

merci de m'aiguiller parce que je n'ais pas trouver grand chose a ce propos sur monsieur google

Qu'appelles-tu "imprimer à la verticale" ?
Imprimer en mode portrait ?

Il me semble bien que c'est pourtant la valeur par défaut...

lol nop nop , ce que je veu dire en disant imprimer a la verticale c'est vraiment imprimer a la verticale

exemple si un texte est imprimer , il faut le lire a la chinoise de haut en bas ,tu vois ce que je veux dire (imprimer dans la longueur et non dans la largeur )

voila voila

dsl pour ces explications trés... explicites ^^

Imprimer les textes verticalement dans les cellules ?

Comme ça ?

Code : Tout sélectionner

+---+---+-...
| C | C |
| a | a |
| s | s |
| e | e |
|   |   |
| 1 | 2 |
+---+---+-...
| C | C |
| a | a |
| s | s |
| e | e |
|   |   |
| 3 | 4 |
+---+---+-...

lol je dois mal m'expliquer désolé albat
je retente une troisieme fois

en faite c comme si tu tennais une page normale mais que le contenu de la page soit ecrit sur sa longueur (la plus longue partit ) et pas la largeur.

(il doit etre en faite a 90° de ce qu'il est normalement )

ps : sur ton dessin il faudrai que le haut des caractere se trouve a gauche et les cases sa donnerai sa

2 4

1 3

voila

donc, ce que tu veux faire, c'est imprimer un tableau de 29,7 cm de large sur 21 cm de haut ?
Donc imprimer en mode paysage.

lol voila c sa

suis vraiment pas doué pour m'exprimer,

et ya une fonction js pour que sa se fasse automatiquement?

Dans ton CSS à destination de l'imprimante (media="print") :

@page { size:landscape; } ;

Plus d'infos sur : http://openweb.eu.org/articles/css_impression/

Albat tu exploite sa comment?

Code : Tout sélectionner

<style>
<!-- 
body {text-align: center; background-color: #009966; color: #333333}
table {border: 3px double #006666; width: 515px; border-collapse: collapse; background-color:  #ffffff; margin: 0px auto 0px auto}
td {border-top: 1px solid #006666; border-bottom: 1px solid #006666; border-color:#009966}
th {border-top: 1px solid #006666; border-bottom: 1px solid #006666; border-color:#009966}
p, blockquote {text-align: left; background-color: #99cccc; color: #cccccc}
h3 {font-family: verdana, helvetica, sans-serif; text-align: center}
p, li {font-family: verdana, helvetica, sans-serif; font-size: 10pt; font-weight: bold; padding-left: 5px; text-align: left; background-color: transparent; color: #333333}
.block {font-size: 9pt; font-weight: normal; color: #663300}
textarea {font-family: verdana, helvetica, sans-serif; font-size: 10pt; border: 1px solid #006666; width: 249px; height:60pt; background-color: #ffff99; color: #333333}
select {font-family: verdana, helvetica, sans-serif; font-size: 10pt; border: 1px solid #006666; width: 90px; height:17pt; background-color: #ffff99; color: #333333}
input {border: 1px solid #006666; background-color: #ffff99}
input.cases {width: 249px}
input.verif {width: 150px}
td.truc {background-color: #ffffff; border-color:#009966;text-align: center;}

@page retournee {size: landscape}
div {page: retournee}

-->
</style>

Ayant pas de css pour l'imprimante jai ajouté ces deux petite lignes

sinon un exemple de mon div :

<div id= '<?php echo $rangGroupe['groupe']; ?>'> salut </div id= '<?php echo $rangGroupe['groupe']; ?>'>

je vois pas trop comment l'utiliser : / vu le nom de mon div (jpeu pas donner autre chose )

Comme tu peu t'en douter sa ne fonctionne pas (sa imprime toujours comme avant)

tu peu un peu mieu m'expliquer ?

As-tu lu la page d'Openweb que je t'ai indiquée ?

Il y a toutes les infos et explications nécessaires.

Indice : ta balise <style> manque d'attributs...

Bon j'ai bien regarder la doc d'open web et d'autre doc trouver sur le net

il montre comment imprimer en mode paysage comme sa :

Code : Tout sélectionner

<style type="text/css">
  @page { size:landscape; }
</style>

donc j'ai essailler sur ma page est moi sa marche pas : /

suis quelque peu pommé la

ma css :

Code : Tout sélectionner

<style type="text/css">
<!-- 
body {text-align: center; background-color: #009966; color: #333333}
table {border: 3px double #006666; width: 515px; border-collapse: collapse; background-color:  #ffffff; margin: 0px auto 0px auto}
td {border-top: 1px solid #006666; border-bottom: 1px solid #006666; border-color:#009966}
th {border-top: 1px solid #006666; border-bottom: 1px solid #006666; border-color:#009966}
p, blockquote {text-align: left; background-color: #99cccc; color: #cccccc}
h3 {font-family: verdana, helvetica, sans-serif; text-align: center}
p, li {font-family: verdana, helvetica, sans-serif; font-size: 10pt; font-weight: bold; padding-left: 5px; text-align: left; background-color: transparent; color: #333333}
.block {font-size: 9pt; font-weight: normal; color: #663300}
textarea {font-family: verdana, helvetica, sans-serif; font-size: 10pt; border: 1px solid #006666; width: 249px; height:60pt; background-color: #ffff99; color: #333333}
select {font-family: verdana, helvetica, sans-serif; font-size: 10pt; border: 1px solid #006666; width: 90px; height:17pt; background-color: #ffff99; color: #333333}
input {border: 1px solid #006666; background-color: #ffff99}
input.cases {width: 249px}
input.verif {width: 150px}
td.truc {background-color: #ffffff; border-color:#009966;text-align: center;}
@page { size: landscape; } 
-->
</style>

sinon jai ossi creer une autre feuille de style pour limpression:

Code : Tout sélectionner

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

qui comprend cette simple ligne:

@page { size: landscape; }

et sa ne fonctionne toujours pas : /

Forum d'entraide PHPFrance

Imprimer a la verticale

Imprimer a la verticale