[Problème] débordement de textes dans un div

[decapeter]

Bonjour,

j'aimerai afficher le texte de mes articles dans plusieurs colonnes de DIV. Le problème est que je n'arrive pas à "découper" mon texte en plusieurs parties sans que ca dépasse de chaque DIV.

J'ai essayé de découper mon texte avec str_split() mais si le texte contient du code HTML, et bien la longueur du texte n'est plus la bonne vu que le code HTML est compté comme du caractère alors qu'il ne sera pas affiché.

Ex avec du HTML:

<a data-mce-href="http://www.afuj.fr" target="_blank" href="http://www.afuj.fr">
L'Association Francophone des Utilisateurs de Joomla!</a> est une association à but non lucratif, loi 1901. 
Elle a pour vocation de faire connaître le CMS Joomla! 
à travers son portail joomla.fr, le Joomladay, les JoomApéros et des événements tels les salons sur logiciels libres.

Devrait compter en réalisé moins de caractères car ce qui sera affiché est en fait:

L'Association Francophone des Utilisateurs de Joomla! est une association à but non lucratif, loi 1901. 
Elle a pour vocation de faire connaître le CMS Joomla! à travers son portail joomla.fr, le Joomladay, 
les JoomApéros et des événements tels les salons sur logiciels libres.

En gros, comment faire déborder du texte entre plusieurs div de façon automatique...
Quelqu'un aurait une idée?

Merci d'avance.

[webcrea]

Re : débordement de textes dans un div

Ce n'est en effet pas facile de découper un texte contenant du chteumeuleu, mais une idée parmi tant d'autres serait déjà de supprimer les balises de ton texte, de le découper et enfin de chercher remplacer dans le texte avec balises les x derniers caractères de tes jalons.

Le risque dans ce type de découpage est de jalonner entre 2 balises <div> et </div>, ce qui aura pour effet de flinguer ta mise en page...

[decapeter]

Re : débordement de textes dans un div

Merci webcrea pour ta réponse

j'avais effectivement commencé dans ce sens et PAF en plein dans le mille, je coupe parfois des balises... Le principe n'est pourtant pas méchant? pouvoir faire continuer un texte sur il ne rentre pas dans un bloc...

snif

[jisse03]

Re : débordement de textes dans un div

Bonjour,

La chose n'est en effet pas très simple, surtout si on veut une portabilité totale entre tous les navigateurs.

https://developer.mozilla.org/en-US/...column_layouts propose une solution simple, mais qui hors Firefox ne fonctionne pas.

W3School offre une autre solution http://www.w3schools.com/css3/css3_multiple_columns.asp qui est un peu plu suniverselle (pour ie >= 9)

Et enfin, Randy Simons fait appel à un peu plus de JavaScript, mais son script propose le autoflow sur tous navigateurs, y compris IE7. http://randysimons.nl/125,english/12...i-column-text/

Ces 3 méthodes gèrent l'autoflow, donc le remplissage automatique multi colonnes intelligent, sans qu'on ait à se soucier du parsing HTML.

[webcrea]

Re : débordement de textes dans un div

Merci webcrea pour ta réponse

j'avais effectivement commencé dans ce sens et PAF en plein dans le mille, je coupe parfois des balises... Le principe n'est pourtant pas méchant? pouvoir faire continuer un texte sur il ne rentre pas dans un bloc...

snif

pour chaque jalons tu peux aussi trouver les balises ouvertes, les fermer et les rouvrir dans le jalon suivant... et bien sûr, bannir tout ce qui est tableau, div..etc

[decapeter]

Re : débordement de textes dans un div

https://developer.mozilla.org/en-US/...column_layouts propose une solution simple, mais qui hors Firefox ne fonctionne pas.

malheureusement, un script mono navigateur n'est pas envisageable...

W3School offre une autre solution http://www.w3schools.com/css3/css3_multiple_columns.asp qui est un peu plu suniverselle (pour ie >= 9)

simple et efficace mais je dois pouvoir générer des div pour chaque "bloc" via du javascript donc le CSS automatique ne pourra pas fonctionner... dommage ca semblait la solution parfaite

Et enfin, Randy Simons fait appel à un peu plus de JavaScript, mais son script propose le autoflow sur tous navigateurs, y compris IE7. http://randysimons.nl/125,english/12...i-column-text/

Gros script mais à tester et voir si je peux l'adapter pour mon script actuel... je vous tiendrai informé.

Et enfin, la solution de webcrea me semble également une bonne piste. Je vais par contre, m'amuser à devoir lister chaque balise ouvrante pour les refermer puis toutes les réouvrir pour le div suivant. Ca semble logique mais côté code ca risque d'être plus compliqué pour ne pas générer de bug...

merci en tout cas pour toutes ces propositions!