1. #121
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    re

    si il fonctionne mais c'est le code html dans le DIV QUI EST PAS BON



    j'ai un peu analysé les codes html obtenus en triturant les couleurs a outrance
    et en fait le raisonnement est très simple
    a la fin on peut se retrouver avec :


    1. des succcessif (meme tag meme attribut) pour les span et font
    2. des successif (meme tag (strong et em)


    il y a un raisonnement simple a mettre en application

    une seule boucle de la fin jusqu'au début (du lastchild au p.firstchild)

    si élément x.sans son innertext=l’élément previus sans son innertext alors élément previus recois en plus le innerhtml de l'element x;vidage de element x

    et ainsi de suite jusqu'a la fin

    voila en un coup on a rassembler les successif tout tag et tout attribut confondus

    une dernier boucle maintenant de la fin au début encore puis suppression des élément que l'on a vidés
    qu'en pense tu ?

    en fait en prenant l'element outerhtml sans son innertext on fait tout les tests en un (tag,style,autre attribut)

    un petit coup de noSmoking serait le bien venu
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  2. #122
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    Citation Envoyé par Beginner. Voir le message
    Ah mais dans le "bon" y a pas grand chose... ???
    tu veux que je te redonne le code complet ???
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  3. #123
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    Citation Envoyé par patricktoulon Voir le message
    tu veux que je te redonne le code complet ???
    Ben dans le message 118 il n'y a que quelques balises html pas de js...

  4. #124
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    ben oui c'est le code metoyé et indenté que je t'ai donné plus haut qu'il faut chager le html
    bon c'est pas grave

    tiens le voila entier a nouveau avec le bon code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    <html>
     
     
     
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=10">
        <style type="text/css">
    <!-- .editor {
        font-family: tahoma
    }
     
     
    .actionbar {
        background-color: #c0c0c0;
        border: 1px solid black
    }
     
     
    .comment {
        border: 2px dotted red
    }
     
     
    -->
        </style>
        <script>
    function backcol(coul, MOD) {
        var sel = window.getSelection();
        var parent = sel.getRangeAt(0).commonAncestorContainer;
        if (parent == "[object Text]") {
            parent = parent.parentNode;
        }
     
     
        var mySelectionhtml = sel.getRangeAt(0).extractContents();
        var oSpan = document.createElement("SPAN");
        oSpan.appendChild(mySelectionhtml);
        var str = oSpan.innerHTML;
        var sp = oSpan.getElementsByTagName("SPAN");
        for (var i = 0; i < sp.length; i++) {
            str = str.replace(sp[i].outerHTML, sp[i].innerHTML);
        }
     
     
        oSpan.innerHTML = str;
     
        var range = sel.getRangeAt(0);
        range.deleteContents();
        range.insertNode(oSpan);
        sel.removeAllRanges(); //on peut carrément supprimer le range 
        sel.addRange(range); // et y ajouter notre range tout propre
     
     
         if (MOD != null) {
            oSpan.style.textShadow = "0px 0px 10px " + coul;
        }
        if (MOD == null) {
            oSpan.style.textShadow = "none";
        }
        //////////////gestion du couleur /  none /ou innerHTML//////////////
        var no = false
        var noC=false
        var par = oSpan
        do {
            par = par.parentElement;
           if (par.tagName=="SPAN" && par.style.textShadow== "0px 0px 10px " + coul){  
           noC=true;
           }
            if (par.tagName=="SPAN" && par.style.textShadow!="none"){  
            no = true;
            }
        } while (par.tagName != "P");
        if (no == false && MOD == null) {
            oSpan.outerHTML = oSpan.innerHTML;
        }
         if (noC ==true && MOD != null) {
            oSpan.outerHTML = oSpan.innerHTML;
        }
           ///////////////////////////////////////////////////////////
     
     
     
    //////////////////////////////////merge same/////////////////////
    // var sp = par.getElementsByTagName("*");
    //alert(sp.length);   
    //for (var i = sp.length-1; i >=1; i--) {
    //ICI ON DOIT FAIRE LES MERGES
     //alert(sp[i].outerText);
    //var f=sp[i].outerHTML.replace(sp[i].innerText,"");
    //var fg=sp[i].previousSibling.outerHTML.replace(sp[i].previousSibling.innerText,"");
    //var f=sp[i].outerHTML;
    //var fg=sp[i].previousSibling.outerHTML;
    //alert(f+"----------------------------------------------"+fg);
    //}
        //////////////////////////////////////////////////////////////////////
     
     
     
        ///////////////apres quelques changement on a des balises vides on nettoie ///////// 
        var sp = par.getElementsByTagName("*");
        for (var i = 0; i < sp.length; i++) {
            if (sp[i].innerText == "") {
                sp[i].parentElement.removeChild(sp[i]);
            }
        }
    //////////////////////////////////////////////////////////////////// 
    document.getElementById('res').value = document.getElementById('comment').outerHTML;
    }
     
     
     
     
     
     
        </script>
    </head>
     
     
     
     
    <body>
        <div id="comment" class="comment" contenteditable>
     
     
     
     
            <p>
                <font size="5">du texte <font style="background-color: yellow;">tout</font> seul<font style="background-color: rgb(0, 255, 0);"> enfant</font> direct du div</font>
            </p>
     
     
            <p align="">
                <font size="5">teste <span style="text-shadow: 0px 0px 10px blue;"> de</span> <span style="text-shadow: 0px 0px 10px red;">texte</span><span style="text-shadow: 0px 0px 10px green;">shad</span><span style="text-shadow: 0px 0px 10px red;">ow</span> pour testes</font>
            </p>
     
     
            <p>
                <font size="7"> E<font color="#ff0000">XE</font><strong><em>MP</em></strong>LE DE TEXTE</font </p>
     
     
     
     
        </div>
     
     
     
     
        <input type="button" value="backblue" onclick="backcol('blue',true)" />
        <input type="button" value="backgreen" onclick="backcol('green',true)" />
        <input type="button" value="backRED" onclick="backcol('red',true)" />
        <input type="button" value="backmagenta" onclick="backcol('magenta',true)" />
        <input type="button" value="NONE" onclick="backcol(false,null)" />
        </br>
        <textarea id="res" rows="15" cols="100">
    </textarea>
    </body>
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  5. #125
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    Ok voyons ça alors...

  6. #126
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    alors?????????
    t'en dis quoi???
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  7. #127
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    J'ai fait quelques testes et ça marche plutôt bien mais on se retrouve parfois avec plusieurs balises shadow imbriquées...

  8. #128
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    oui bien évidement on peut pas tout séparer
    en tout cas les imbriqué on soit une couleur soit "none"
    quand elles ne sont pas imbriquées et je clique sur none on a le remplacement innerhtml qui se met en route
    quand tu sélectionne a l’intérieur d un shadow et que tu choisi la meme couleur l’opération s'auto annule
    sélection moitié moitié c'est le parent de gauche qui sera le nouveau parent pour la couleur
    et enfin selection moitiémoitié puis none devient carrément textnode du P
    bref elle marche nikel
    juste ces doublons successifs a régler
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  9. #129
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    Ce problème est dû je pense au fait que jusqu'à maintenant on ne fait pas le teste dont j'ai parlé plusieurs fois :

    Citation Envoyé par Beginner. Voir le message

    *************************

    Après si on fait ça on se retrouvera je pense avec un autre problème... Ci-dessus je disais : "...sur tout ou une partie du texte..." alors "sur une partie" je pense qu'il n'y a pas de problème mais dans le cas où on applique plusieurs fois un shadow (de sorte que la couleur de deux shadow consécutifs soient différentes) sur le même texte on va à chaque fois insérer un shadow qui ne sera plus supprimé... On peut alors se retrouver avec plein de shadow imbriqués sur le même texte (il pourrait même y avoir plusieurs shadow de la même couleur mais ils ne seront pas consécutifs...).

    Il faudrait donc ajouter un test : si le texte sélectionné a déjà un shadow appliqué uniquement à lui (uniquement ---> c'est-à-dire ce shadow ne doit pas être appliqué a un éventuel texte à gauche et/ou à droite du texte sélectionné, je pense cependant qu'il faudrait ignorer les espaces) alors dans ce cas :

    - Si le shadow déjà appliqué est identique à celui qu'on veut appliquer alors on ne fait rien...
    - Si le shadow déjà appliqué est différent à celui qu'on veut appliquer alors soit on change la couleur du shadow déjà appliqué pour mettre à la place la couleur du shadow qu'on veut appliquer. Soit on supprime le shadow déjà appliqué et on met à la place le nouveau shadow... Je ne sais pas lequel est le meilleur...

    Voilà je ne sais pas si je suis clair... Ce n'est pas évident à expliquer...
    Citation Envoyé par Beginner. Voir le message
    Ah oui j'oubliais... Pour tenir compte de certains cas, il vaudrait mieux dans les deux points ci-dessus supprimer tous les éventuels shadow internes à la sélection...
    Et encore ça c'est si on part de ce qu'à fait NoSmoking sinon dans il faudra rajouter un autre cas ...

  10. #130
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    non c'est pas possible 2 shado de la même couleur imbriqué avec ma méthode no et noC justement
    regarde bien cette partie du code

    on ne peut pas avoir "<span shadow black><span shadow black>beguinner</span></span>" c'est pas possible ca s'auto annule avec noC
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  11. #131
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    Ok c'est bien si tu as fait ça mais il faut le test dont j'ai parlé...

    Regarde vérifie toi-même :
    1- Sélectionne "du texte"
    2- Met lui un shadow
    3- désélectionne le texte
    4- re-sélectionne "du texte" et remet lui un shadow

    Eh bien tu te retrouves avec deux shadow imbriqués et à chaque fois que tu répètes la séquence 3-4 tu ajoute une balises shadow.

  12. #132
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    ok je vais tester
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  13. #133
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    Citation Envoyé par patricktoulon Voir le message
    non c'est pas possible 2 shado de la même couleur imbriqué avec ma méthode no et noC justement
    regarde bien cette partie du code

    on ne peut pas avoir "<span shadow black><span shadow black>beguinner</span></span>" c'est pas possible ca s'auto annule avec noC
    Si c'est possible avec la procédure que j'ai indiquée, vérifie...

    Par contre c'est vrai que ça marche bien si on ne désélectionne pas le texte...

  14. #134
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    et oui mais tu te leure ca n'est pas ce que tu crois regarde bien attentivement la demo tu va comprendre
    Nom : demo2.gif
Affichages : 19
Taille : 917,0 Ko
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  15. #135
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    Alors cela vient peut-être du fait j'utilise Chrome... Peux-tu tester avec Chrome pour voir...?

  16. #136
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    exact!!!! c'est bien chrome qui fait le con
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  17. #137
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    Eh oui je confirme, je viens de tester avec FF et c'est Ok !!!

  18. #138
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    on va y arriver on est pas loin
    je vais travailler sur les successifs maintenant et aussi sur la suppression des espace dans le ospan directement
    j'ai deja mon idée sur la question
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

  19. #139
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    921
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 921
    Points : 1 011
    Points
    1 011

    Par défaut

    Citation Envoyé par patricktoulon Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    <html>
     
     
     
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=10">
        <style type="text/css">
    <!-- .editor {
        font-family: tahoma
    }
     
     
    .actionbar {
        background-color: #c0c0c0;
        border: 1px solid black
    }
     
     
    .comment {
        border: 2px dotted red
    }
     
     
    -->
        </style>
        <script>
    function backcol(coul, MOD) {
        var sel = window.getSelection();
        var parent = sel.getRangeAt(0).commonAncestorContainer;
        if (parent == "[object Text]") {
            parent = parent.parentNode;
        }
     
     
        var mySelectionhtml = sel.getRangeAt(0).extractContents();
        var oSpan = document.createElement("SPAN");
        oSpan.appendChild(mySelectionhtml);
        var str = oSpan.innerHTML;
        var sp = oSpan.getElementsByTagName("SPAN");
        for (var i = 0; i < sp.length; i++) {
            str = str.replace(sp[i].outerHTML, sp[i].innerHTML);
        }
     
     
        oSpan.innerHTML = str;
     
        var range = sel.getRangeAt(0);
        range.deleteContents();
        range.insertNode(oSpan);
        sel.removeAllRanges(); //on peut carrément supprimer le range 
        sel.addRange(range); // et y ajouter notre range tout propre
     
     
         if (MOD != null) {
            oSpan.style.textShadow = "0px 0px 10px " + coul;
        }
        if (MOD == null) {
            oSpan.style.textShadow = "none";
        }
        //////////////gestion du couleur /  none /ou innerHTML//////////////
        var no = false
        var noC=false
        var par = oSpan
        do {
            par = par.parentElement;
           if (par.tagName=="SPAN" && par.style.textShadow== "0px 0px 10px " + coul){  
           noC=true;
           }
            if (par.tagName=="SPAN" && par.style.textShadow!="none"){  
            no = true;
            }
        } while (par.tagName != "P");
        if (no == false && MOD == null) {
            oSpan.outerHTML = oSpan.innerHTML;
        }
         if (noC ==true && MOD != null) {
            oSpan.outerHTML = oSpan.innerHTML;
        }
           ///////////////////////////////////////////////////////////
     
     
     
    //////////////////////////////////merge same/////////////////////
    // var sp = par.getElementsByTagName("*");
    //alert(sp.length);   
    //for (var i = sp.length-1; i >=1; i--) {
    //ICI ON DOIT FAIRE LES MERGES
     //alert(sp[i].outerText);
    //var f=sp[i].outerHTML.replace(sp[i].innerText,"");
    //var fg=sp[i].previousSibling.outerHTML.replace(sp[i].previousSibling.innerText,"");
    //var f=sp[i].outerHTML;
    //var fg=sp[i].previousSibling.outerHTML;
    //alert(f+"----------------------------------------------"+fg);
    //}
        //////////////////////////////////////////////////////////////////////
     
     
     
        ///////////////apres quelques changement on a des balises vides on nettoie ///////// 
        var sp = par.getElementsByTagName("*");
        for (var i = 0; i < sp.length; i++) {
            if (sp[i].innerText == "") {
                sp[i].parentElement.removeChild(sp[i]);
            }
        }
    //////////////////////////////////////////////////////////////////// 
    document.getElementById('res').value = document.getElementById('comment').outerHTML;
    }
     
     
     
     
     
     
        </script>
    </head>
     
     
     
     
    <body>
        <div id="comment" class="comment" contenteditable>
     
     
     
     
            <p>
                <font size="5">du texte <font style="background-color: yellow;">tout</font> seul<font style="background-color: rgb(0, 255, 0);"> enfant</font> direct du div</font>
            </p>
     
     
            <p align="">
                <font size="5">teste <span style="text-shadow: 0px 0px 10px blue;"> de</span> <span style="text-shadow: 0px 0px 10px red;">texte</span><span style="text-shadow: 0px 0px 10px green;">shad</span><span style="text-shadow: 0px 0px 10px red;">ow</span> pour testes</font>
            </p>
     
     
            <p>
                <font size="7"> E<font color="#ff0000">XE</font><strong><em>MP</em></strong>LE DE TEXTE</font </p>
     
     
     
     
        </div>
     
     
     
     
        <input type="button" value="backblue" onclick="backcol('blue',true)" />
        <input type="button" value="backgreen" onclick="backcol('green',true)" />
        <input type="button" value="backRED" onclick="backcol('red',true)" />
        <input type="button" value="backmagenta" onclick="backcol('magenta',true)" />
        <input type="button" value="NONE" onclick="backcol(false,null)" />
        </br>
        <textarea id="res" rows="15" cols="100">
    </textarea>
    </body>
    Tu pourrais remplacer les lignes 28-51 par :

    Code javasript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    var sel = window.getSelection();
                var oRange = sel.getRangeAt(0);
     
     
                var parent = oRange.commonAncestorContainer;
                if (parent == "[object Text]") {
                    parent = parent.parentNode;
                }
     
     
                var mySelectionhtml = oRange.extractContents();
                var oSpan = document.createElement("SPAN");
                oSpan.appendChild(mySelectionhtml);
                var str = oSpan.innerHTML;
                var sp = oSpan.getElementsByTagName("SPAN");
                for (var i = 0; i < sp.length; i++) {
                    str = str.replace(sp[i].outerHTML, sp[i].innerHTML);
                }
                oSpan.innerHTML = str;
     
     
                oRange.insertNode(oSpan);
                sel.addRange(oRange); // pas obligatoire c'est si on veut que le texte reste sélectionné après l'application du shadow...

  20. #140
    Expert éminent sénior
    Avatar de patricktoulon
    Profil pro
    Inscrit en
    avril 2009
    Messages
    10 335
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Secteur : Bâtiment

    Informations forums :
    Inscription : avril 2009
    Messages : 10 335
    Points : 16 397
    Points
    16 397
    Billets dans le blog
    1

    Par défaut re

    oui orange a la place l'expression entiere boff ca fait partie des corrections d’Écriture a la fin ca
    je me lance dans la recherche de trouvaille pour ces pu..!!!... d'espaces
    mes fichiers dans les contributions:
    mail avec CDO en vba et mail avec CDO en vbs dans un HTA
    survol des bouton dans userform
    prendre un cliché d'un range

    si ton problème est résolu n'oublie pas de pointer : résolu: ça peut servir aux autres
    et n'oublie pas de voter

+ Répondre à la discussion
Cette discussion est résolue.
Page 7 sur 13 PremièrePremière ... 34567891011 ... DernièreDernière

Discussions similaires

  1. SimpleXML et recherche d'un élément par son attribut
    Par Tutotictac dans le forum SimpleXML
    Réponses: 2
    Dernier message: 28/03/2009, 16h39
  2. Comment remplacer un resultat numérique par son libellé ?
    Par bds2006 dans le forum Bases de données
    Réponses: 3
    Dernier message: 16/06/2006, 11h03
  3. [XSLT ]remplacement d un caractere par son code
    Par luta dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 02/09/2005, 16h26
  4. Réponses: 2
    Dernier message: 10/05/2004, 11h20

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