[JavaScript] [SRC] Une alternative à la césure sous Firefox [Trucs & Astuces]

[SpaceFrog]

J'ai été confronté à un souci de css propriétaire IE pour la cesure des mots longs, Firefox ne reconnait pas le tex-wrap.

voici une possibilité qui n'inclut pas le tiret de césure mais permet de couper les mots à n'importe quel endroit s'appuyant sur l'utilisation d'une balise peu connue <wbr>

ce script peut bien entendu être amélioré avec par exemple une expression régulière pour placer le balises wbr plus judicieusement...

Code :

1
2
3
4
5
<div id='test' style='width:200px;height:auto;'>ljhsdfljhsdljhsljdqsfldhfhgfghfhghghhhhhhhhhhhhhhhhhhhhhjgkjkhjkjkhjkhjkhkhkhkjsdhfljsdhfljkshdflkjsdhflkjqshdflkshdflsh</div>
<script type="text/javascript">
var Obj=document.getElementById('test');
Obj.innerHTML=Obj.innerHTML.split('').join('<wbr>');
</script>

[Bisûnûrs]

Heu, la balise wbr est propriétaire Microsoft (même si Firefox et consors la reconnaisse) :
http://msdn2.microsoft.com/en-us/library/ms535917.aspx
et n'est plus reconnue parmi les balises W3C depuis la version 4 du HTML.
De plus elle est censée s'utiliser seulement dans la balise nobr.

[SpaceFrog]

ben non si tu mets un br partout ça ne va pas coller Bisu ...

j'ai essayé avec

Code :

1
2
3
&tinsp; 
ou  
ou *

sans succès ...
il faudrait pouvoir insérer un faux espace

Code :

​

semble fonctionner

[Bisûnûrs]

Envoyé par SpaceFrog

ben non si tu mets un br partout ça ne va pas coller Bisu ...

Oui, je venais d'essayer et corriger mon post précédent. ^^

Le mieux reste, je pense, l'utilisation de ​ plutôt que de wbr, au moins c'est certain que ça fonctionne sur tous les navigateurs.