Discussion :

[Clément.7]

Bonjour à tous !

J'ai récemment commencé un projet JavaScript permettant de lire un texte en ligne (entre autre) mais je rencontre un problème.

Je dois pouvoir séparer un code HTML en pages de 640 x 480px

Par exemple, j'ai un texte "Salut<br />Je suis une nouille<br /><h1>LOL</h1>". Il est possible de savoir quelle sera la hauteur du texte en le mettant dans un div de largeur 480px puis en mesurant sa taille en JS avec monelement.offsetHeight.

Le problème, c'est que je vais qu'un long texte (écrit en HTML) soit séparé en pages de 640px de haut. Comment faire ?

(Pour ceux qui n'ont pas compris, si le texte une fois mis dans une div mesure 1200px de haut, il faudra que je le sépare en deux pages : une de 640px de haut et une autre de 560px)

Quelqu'un sait-il comment faire ?
Merci d'avance !

[Clément.7]

Sujet résolu j'ai trouvé la solution (un peu tordue) à mon problème...

[NoSmoking]

Bonjour,
à ma connaissance il y a au moins deux solutions

pour les besogneux :
vérification pour tous les noeuds de la DIV de départ que la position de celui ci lui permet d'être visible, donc inférieure à la hauteur de la DIV et si ce n'est pas le cas le déplacer dans la 2^éme.

pour les fainéants :
Une 2^éme DIV contenant le même code mais dont le padding-top est égal, en négatif, à la hauteur de la 1^ére, avec l'avantage que lors d'un redimensionnement le résultat restera bon contrairement à la première proposition.

nota: les deux DIV seront bien sûr en overflow:hidden.

j'ai trouvé la solution (un peu tordue) à mon problème...

peut être pourrais tu la partager pour ajouter à la galerie

Merci d'avance !