Discussion :

[patricktoulon]

bonjours a tous
j'ai une erreur sur la boucle "for"

ne riez pas ca fait plus de 3 heures que je cherche l'erreur
le message me donne bien le length donc la collection des "shado" est bien pris en compte
par contre quand je boucle dessus rien a faire ca plante

Code :

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

1
2
3
4
5
var elements =document.getElementsByClassName("shado");
alert(elements.length);
for (var i =0; i < elements.length; i++) { 
alert( elements[i].innerHTML);
}

pitié je vais faire une rupture la !!!!

[patricktoulon]

ne prenez pas en compte la suite"blabla 8203...​" il se met tout seul dans la balise code a la fin
encore un petit bug dan le wysiwyg dvp

[Invité]

Bonjour,

Non ce n'est pad un bug DVP : tu as certainement un caractère invisible apres }

[patricktoulon]

Re
Bonjour
Si si c est bien une erreur d interpretation
Essaie de taper. Cette expression. Entre guillemets dans ta reponse
Et d envoyer ta reponse ce qu il y a entre guillemet aura disparu
C est donc un bug. Ou tout du moins expression interdite
Bon c est pas trop grave j aurais préféré une reponse a. Mon soucis que que n ai toujours Pas pigé
Merci pour le. Retour

[SpaceFrog]

Le souci provient d'une partie que tu ne nous montre pas ...

La boucle fonctionne parfaitement
https://jsfiddle.net/kwfq714a/

[Invité]

ne prenez pas en compte la suite"blabla 8203...​"

Justement SI.
C'est là le problème.

Si tu regardes ton 1er message, tu verras que j'ai corrigé, et réussi à SUPPRIMER l'affichage du caractère "#8203" !
=> en supprimant un caractère invisible :

• "#8203" est un caractère unicode, sans largeur d'espace (on ne le voit pas !)

Donc :

• soit tu copies-colles le script de ton 1er message (puisque je l'ai corrigé )
• soit tu effaces tout le bout de code dans ton script, et tu le ré-écris A LA MAIN (PAS par copier-coller)

N.B. Et j'ai bien répondu à la question...

encore un petit bug dans le wysiwyg dvp

As-tu une idée du nombre de messages et codes rédigés via ce WYSIWYG ?
Les "bugs" passent rarement inaperçu, et n'attendent jamais longtemps avant d'être corrigés... (quand ce sont vraiment des bugs...)

Attention : "La Vérité est ailleurs" ne veut pas dire "c'est forcément la faute de l'Autre"...

[SpaceFrog]

La Vérité est Tailleur

C'est pas une citation de Coco Chanel ?

[patricktoulon]

re
rebonjour spacefrog

ceci etant réglé aurais tu une solutions
j'ai beau chechercher je ne trouve rien j'ai fait plein d'essais et toujours rien

voila la fonction complete

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
 
/////////////////////////////////////////////////////////////////////////////////
function selectionne_text()
   {
 
return window.getSelection().getRangeAt(0);
   }   
 
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
function shadowcolor(coul){
if (selectionne_text()){   
                               var selection = selectionne_text();
   var selectedText = selection.extractContents();
   var balisefont = document.createElement("FONT");
   balisefont .className="shado";
                                             balisefont .appendChild(selectedText);
 
                                             balisefont .style.textShadow = "0px 0px 10px"+coul; 
    selection.insertNode(balisefont);
alert(balisefont.parentElement.innerHTML);
//var elements =document.getElementsByClassName("shado");
//alert(elements.length);
//for (var i =0; i < elements.length ; i++) { alert( elements[i].innerHTML);}​
}
}
///////////////////////////////////////////////////////////////

en fait par la suite je veut boucler sur tout les shado et tester si le parent élément est un shadoalors j'applique le même shado et remplace la balisefont par son innertext dans le parent avec un string replace

a moins que tu connaisse le moyen de connaitre le fontfamily,size,etc de la selection

[SpaceFrog]

Code :

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

 balisefont .className="shado";

ils y sont les espaces avant le point dans ton code ?

[patricktoulon]

re
oui je peut modifier cela si tu veux bien que la le msgbox(alert en javascript) après me donne bien le nombre d'élément donc ca fonctionne


je reviens se soir je repart au boulot

[Invité]

Surtout ne dis pas "merci"...

[patricktoulon]

Bonsoir heu.... Oui si tu veux mais. Merci pourquoi
Mon soucis n est toujour pas résolu,

L erreur sur le wiziwig dvp n etait pas le sujet du post

Alors quand. Meme merci

[patricktoulon]

re
a bon !! ???????

merci a tous ce qui m'ont répondus même si le sujet n'est pas résolu

surtout spacefrog

Ps spacefrog le code html est dans un textbox multi ligne dans un userform et les espaces n'ont aucunes incidence c'est comme si j'avais écris le code avec Notepad

je met ce post en résolu quand même je trouverais bien un jour

[melka one]

jour

il manque un espace et aussi px a la fin de cette ligne

Code :

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

balisefont.style.textShadow = "0px 0px 10px "+coul+"px";

[patricktoulon]

bonjour Melka one
ok pour l'espace mais le "px" il y a méprise coul est une couleur

et l'erreur était dans la ligne "for" a la base

merci pour ton intervention

[melka one]

autant pour moi

mais que retourne la boucle pour chaque itération

[patricktoulon]

re
ben justement c'est elle qui déclenche l'erreur et impossible de comprendre pourquoi


mon but étant après application de textshadow sur la balise font ajoutée dynamiquement
controler si le parent de cette balise a le même intertexte ce qui veut dire que je peut appliquer le textshadow au parent et ne garder que le innertext de la balise ajoutée

il y a certainement mieux en terme de méthode mais j'ai essayé plein de chose qui ne même a rien

merci pour les retours

[Invité]

ben justement c'est elle qui déclenche l'erreur et impossible de comprendre pourquoi

Je t'ai donné une explication, mais tu ne sembles pas l'avoir comprise...

re-montre le code, pour voir ?



N.B. et comme je suis sympa (...), je t'explique pourquoi j'ai mis (puis RETIRE) les :
La règle élémentaire de politesse est de dire "Merci" à TOUS ceux qui ont pris le temps de se pencher sur TON problème, et de te répondre *.
Pas uniquement à ceux qui t'ont trouvé LA solution...

(après plus de 7000 messages sur DVP, je pensais que tu l'avais compris...)
A bon entendeur...


* C'est ce qui motive à (continuer à ) répondre... et à créer une bonne dynamique dans la communauté DVP

[patricktoulon]

re
bonjour jreaux62
oui c'est sans doute un truc bête

en fait pour reprendre la question avec plus de précision j'ai un bouton qui appelle la fonction shadowcolor
cette fonction ajoute le textshadow

ca c'est OK ca fonctionne
mais comme faire un wysiwyg sans query n'est pas une mince affaire a moins d utiliser des regex a tour de bras je suis obligé de bidouiller

je précise que je ne peut pas utiliser query parce que mon document (wysiwyg est dans un controls ocx(webbrowser) qui est largement élagué en terme de possibilité par rapport a un explorer quelconque et donc ne supporte pas le query

ceci etant dit
mon idée était de boucler sur tout les elements et tester si le parent ou l'enfant(0)et unique de l'item dans la boucle avait pour innertext la meme chose
si c'est le cas regrouper les deux dans une meme balise("font")

voila mon projet (tout du moins une partie )

voila le code de la boucle

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
/////////////////////////////////////////////////////////////////////////////////
function selectionne_text()
   {
 
return window.getSelection().getRangeAt(0);
   }   
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function shadowcolor(coul){
if (selectionne_text()){   
                                     var selection = selectionne_text();
                                     var selectedText = selection.extractContents();
                                      var balisefont = document.createElement("font");
                                      balisefont.className="shado";
                                      balisefont.appendChild(selectedText);
 
                                      balisefont .style.textShadow = "0px 0px 10px"+coul; 
                                      selection.insertNode(balisefont);
alert(balisefont.parentElement.innerHTML);
var elements =document.getElementsByClassName("shado");
alert(elements.length);
for (var i =0; i < elements.length ; i++) { alert( elements[i].innerHTML);}// beepbeep erreur !!!!!!!!!!si je l'enleve l'ombre ce fait bien dans le texte 
}
}
///////////////////////////////////////////////////////////////

je dirais même que cette boucle devrait être effectuer avant la création de la balise afin d'appliquer directement a l'item et sauter la creation

après la création je pense avoir trouver un moyen de tester
car il y a un phénomène intéressant qui se produit

dans mon wisiwyg si je sélectionne du texte et change la police ,change la taille et ajoute le texshadow en une fois, la balise ajouté est l'enfant de la balise initial

par contre si je sélectionne du texte change la taille et police puis désélectionne et re sélectionne la balise ajoutée devient le parent de la balise initiale

j'ai donc fait ceci pour tester

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
////////////////////////////////////////////////////////////////////////////////////
function shadowcolor(coul){
if (selectionne_text()){   
 var selection = selectionne_text();
 var selectedText = selection.extractContents();
   var balisefont = document.createElement("FONT");
   balisefont.className="shado";
                                             balisefont.appendChild(selectedText);
                                             balisefont.style.textShadow = "0px 0px 10px "+coul; 
   selection.insertNode(balisefont);
 
if (balisefont.children.length==1){
                                                                  if(balisefont.children(0).innerText==balisefont.innerText){
                                                                                                        alert("enfant:  "+balisefont .outerHTML);}
                                                                 }
 
if (balisefont.parentElement.innerHTML==balisefont.outerHTML){
                                                                                                                    alert("parent:  "+balisefont.parentElement.outerHTML);
                                                                                                                    }     
 
}
}
///////////////////////////////////////////////////////////////

si il le faut je vous fait une capture annimée pour etre plus clair avec appercu du code html obtenu

voila je sais pas si j'ai été clair sur ce coup la

merci pour les retours

capture je sélectionne et change 3 propriétés d'un coup



maintenant je sélectionne du texte et change d'abords la police e la taille puis dé sectionne et re sélectionne puis met le shadow


voila j'espère que les msgbox en diront plus long sur mes intentions

[melka one]

ce serais pas mieux de testé la présence d'une balise font et si present lui assigné le textShadow