Discussion :

[bilcosby]

Bonjour à tous
Tout est dans le titre...
Sachant que je ne peux pas savoir à l'avance le nombre de lignes de chaque page.
C'est une appli pour de la facturation, donc la facture peut contenir 2 lignes ou 50..
J'ai trouvé comment faire quand on sait la taille des paragraphes, mais là je ne vois pas..
Il me faudrait quelque chose du genre : si le [contener] fait 18cm, alors [ page-break.....]

Merci de votre attention
.
.

[polymorphisme]

Bonjour,

tu peux voir du côté des CSS les propriétés de style de la forme page-break-*.
Il n'est pas certain que tous les navigateurs les prennent en charge.

[Kaamo]

Tu ne dis pas comment sont affichées les lignes de facture ? Si c'est en format "table" et une ligne par "tr", alors :

Code css :

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

1
2
3
4
5
6
<style type="text/css">
@media print {
  table{ page-break-inside:auto }
  tr{ page-break-inside:avoid; page-break-after:auto }
}
</style>

Selon mozilla c'est supporté (voir ci-dessous). Mais je crois me souvenir, qu'en réalité, seul Opera fonctionne bien et permet d'utiliser page-break-inside.

Chrome : 1.0
Firefox (Gecko) : 19.0 (19)
Internet Explorer : 8.0
Opera : 7.0
Safari (WebKit) : 1.3 (312)

Sait-on jamais ... Si ça ne marche pas, essaie de limiter le nombre de ligne par table afin que chaque table tienne sur une page. Et tu appliques un table { page-break-after:always } au print CSS.

[bilcosby]

merci de votre aide
les lignes sont des div...
d' hauteur variable...
donc je ne peux pas calculer à l'avance.
Les info venant d'une bas de donnée, donc je ne sais pas non plus le nbr de lignes.
Pour l'instant j'en suis là je sais je suis sur le forum html..désolé..je dérive)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript">
var HautDiv = document.getElementById('tablo').offsetHeight;
if (HautDiv > 600 ) {
document.getElementById("pagebreak").style.display = 'block';
document.getElementById("titreB").style.display = 'block';
alert(HautDiv);
}
else
{
document.getElementById("pagebreak").style.display = 'none';
}
</script>

donc quand "corps" atteint 600px, le div avec l'attribut [page-break-after] passe en type block .....mais ce n'est pas concluant...pour l'instant..

ET pour en rajouter, je 'veux' une coupure qui arrive plus tôt que par défaut, par ce que je ne voudrais pas que la deuxième page ne comporte qu’une seul ligne et le total....
.
.

[polymorphisme]

Bonjour,

tout ce que j'ai vu de la sorte, fait en passant directement de la base au format HTML, avec ou sans Javascript, donnait des résultats plutôt pas vraiment terribles : difficulté de mise en page ou alors limité à certaines factures bien particulières, présentation pas forcément agréable, et pour passer à l'impression, bonjour L'un des problème rencontré est effectivement liée à la quantité de données injectée dans une seule page, à cela vient s'ajouter les dimensions des fontes, ... Peut être que certains arrivent à de très bons résultats, mais je demande à voir.

[NoSmoking]

Bonjour,
on peut limiter les "effets désastreux" en utilisant comme unité le cm et considérer que la sortie est en A4 Portrait. Mais cela reste du haut vol