Discussion :

[Gunner4902]

Bonjour,

J'ai posté mon soucis dans le forum CSS, mais je pense que seul le JavaScript va pouvoir m'aider…
http://www.developpez.net/forums/sho...02#post3529802

Voici l'algorythme souhaité :

Si le texte dépasse la largeur du bloc <div> alors faire un retour à la ligne au dernier <span /> rencontré.

Est-ce possible en JS ? Si oui comment ?

[gwinyam]

Répondu dans la partie CSS

[Oscar Hiboux]

À mon avis, si tu avais à tronquer manuellement ta chaîne je pense que ça aurait plus sa place au niveau de la présentation. J'entends par là : "à l'endroit ou le visuel est généré", soit en PHP visiblement.

JavaScript est un excellent outils pour dynamiser. Dès lors qu'il est utilisé pour du rafistolage visuel il faut se poser des questions. ^^

[Oscar Hiboux]

Je me suis amusé ttàh pour récupérer le contenu texte d'un élément E et et de tous ses descendants. Comme ça serait dommage de perdre un code si élégant, je vous le mets ici...

(tapé dans la console de Firebug)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// nécessite prototype.js
var element = $$("body")[0];
var text = "";
element.descendants().collect(function(descendant) {
    return $A(descendant.childNodes).findAll(function(child){
        return child.nodeType == 3});
    }).flatten().each(function(node) {
    text += node.nodeValue;//.strip(); // considération des espaces blancs ou pas
});
 
text

Voilààà, aucune idée d'à quoi ça pourrait servir en définitive mais si ça peut inspirer qqun...

[Gunner4902]

tu écris "nécessite prototype.js"
quel en est le code ?

[gwinyam]

Prototype, c'est un framework assez complet et vachement bien:

Tutoriel ici : http://dcabasson.developpez.com/arti...ototype-1.4.0/

Téléchargeable là : http://www.prototypejs.org/