IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Contribuez Discussion :

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


Sujet :

Contribuez

  1. #1
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut [SRC] Une alternative à la césure sous Firefox
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    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.

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    ben non si tu mets un br partout ça ne va pas coller Bisu ...

    j'ai essayé avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    &tinsp; 
    ou &hairsp;
    ou *
    sans succès ...
    il faudrait pouvoir insérer un faux espace

    semble fonctionner
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    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.

Discussions similaires

  1. Césure sous Firefox
    Par jehona dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/01/2008, 20h48
  2. comment faire tourner une video en boucle sous Firefox?
    Par samsso2006 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 11/04/2007, 12h14
  3. fonction qui s'exécute qu'une seule fois sous Firefox
    Par la.sophe dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 01/03/2006, 10h02
  4. Commentaire d'une image sous Firefox
    Par fabrice1596 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 09/06/2005, 11h59
  5. problème avec une page web sous firefox!
    Par 3psilOn dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 24/11/2004, 11h49

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo