Discussion :

[Beginner.]

tu l'a essayé??

Non mai j'ai vu l'image animé...

Ah au fait j'en profite pour te demander comment tu fais ce genre d'image animé ?

[patricktoulon]

oui j'ai testé et le debuger me le dit dans IE

[patricktoulon]

je pense que l'on peut supprimer cela aussi maintenant

Code :

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

1
2
3
4
5
6
 var sp = parent.getElementsByTagName("*");    for (var i = 0; i < sp.length; i++) {
        if (sp[i].tagName == "SPAN" && sp[i].innerText == " ") {
            sp[i].outerHTML = "&nbsp;";
            alert(sp[i].previousSibling.outerHTML);
        }
    }

[patricktoulon]

re

Ah au fait j'en profite pour te demander comment tu fais ce genre d'image animé ?

ca s'appelle LICEcap

[Beginner.]

Merci.

Comptes-tu ajouter d'autres fonctionnalités à ton éditeur ?

[patricktoulon]

Re bonjour beguinner
Oui bien sur
Notament un bouton menu insertion de table
Sans parler des fonctions mail et imprimer
Aussi format A4 ou full screen
Et bien d autre encore
Pourquoi? Tu a peur que cela interagisse avec d autre fonctions?il manque le retour sans span
A toute

Je te livre en rentant la version nospace séparé se tour le reste


Excuse mais sur le smartphone dificile dxrire avec mes gros doigts

[Beginner.]

Pourquoi? Tu a peur que cela interagisse avec d autre fonctions?il manque le retour sans span

Non c'est juste que moi-même je comptais faire une sorte d'éditeur (niveau amateur) mais pour html/css et éventuellement js, c'est formateur et instructif et on peut ajouter les fonctionnalités qu'on aime...

Et justement les tables c'est aussi un des trucs qui m'intéressait (insertion/suppression/dimensionnement de lignes/colonnes...)

[patricktoulon]

le menu insert table sera la prochaine discussion


j ai un peu regardé les start container et compagnie sur divers tuto ca parait simple mais des que je le met en application ca fait PAS ce que je demande

t en connais un de tutoriel la dessus qui expliquerait en cromanion le principe ?
mAItriser une sélection correctement me parait essentiel pour un wig donc j'apprends petit a petit quand ca veut bien rentrer

[Beginner.]

Ben là avec ce fil on en a "bouffé" pas mal de la sélection... Je ne sais pas si il y a des tuto mais perso j'ai fait des morceaux de codes pour faire des tests... Et il y a des applications concrètes comme le shadow, obtenir les coordonnées (ligne, nombre de caractère...) du curseur texte, taille de la sélection...

le menu insert table sera la prochaine discussion

Ah suspens... Va-t-elle être aussi longue que celle sur le shadow...

[patricktoulon]

ho certainement aussi longue hihihihi

j'ai quelque idées de départ

je potasse un peu partout et j'ai trouve pleind petite chose je sais je connaissais pas

tu connais toi ? et surtout leur signification car c'est pas tres clair sur la page ou je les ai trouvé

range.move("character",X)

range.moveStart("un texte",2)
range.moveEnd("character",X)

[Beginner.]

Non je ne connaissais pas mais c'est limité, on les a pas sur FF, Chrome... Exemple : http://help.dottoro.com/ljlwflaq.php

Il existe une librairie sur les ranges mais perso je préfère faire ça en JS sans librairies c'est plus instructif et parfois c'est suffisant et pas trop long...

[patricktoulon]

ben figuretoi que j'ai testé et ca marche pas avec un range selectionné avec la souris sur IE 11/10

[Beginner.]

On peut les concevoir soi-même, d'ailleurs d'une manière générale on pourrait ajouter des choses de ce genre à la FAQ comme contribution..

[patricktoulon]

OUI BIEN SUR
j'en fait souvent des contribs mais en VBA en fait je repart de zero avec js

et puis surtout avant de les mettre dans les contribs il faut que les codes soient parfait
en l’état il y a 2 faille dans mon principe
ca n'est pas rédhibitoire mais c'est pas parfait

faille 1 sélection de fin de ligne après un shadow l'espace saute pas
faille 2 on est obligé de créer un balise pour réduire la sélection
il faut régler ces point de vue avant
ensuite
et la c'est la faille 3
ajouter le /les modes de selection compatibles avec tout explorer
voila comme tu vois c'est loin d’être fini hihihihihihi

n'oublie pas que je travaille en parallèle avec l'astuce execcommand

loin loin loin d'avoir fini

même en vba il m'est arrivé de tester pendants 2/3 mois avant de poster la contribs

[Beginner.]

Oui c'est vrai il faut que ce soit du solide pour être mis en contributions...

n'oublie pas que je travaille en parallèle avec l'astuce execcommand

Ah ben non je pensais que c'était abandonné puisque tu as trouvé une autre solution...

Sinon il y a un code censé (ce n'est pas le cas en fait mais ça reste instructif) fonctionner comme execCommand, je l'ai cité ici : #13

[patricktoulon]

non abandonné non juste pour le plaisir en l'etat elle fonctionne mais contrairement a toute attentes elle est moins propre

je vais voir tes leaf

[patricktoulon]

j'avoue que j'en pige pas grand chose

pour trouver les node et les text dans le fragment c'est facile on la vu non?
d'ailleur je vais m'essayer a un truc se soir des que j'ai un moment

[Beginner.]

Ben en fait la méthode utilisée ne modifie pas le dom, cela ajoute un formatage à chaque nodeText (les leaf dans le code) ce qui peut faire plusieurs balises pour un formatage donné mais on a plus le problème des balises coupées... Ce n'est pas forcément plus optimisé, c'est juste pour le principe qu'on peut optimiser...

[patricktoulon]

oui en français c'est quoi les "leafs"

[Beginner.]

C'est une nodeText, du texte seulement et donc pas de balises, le texte contenu dans une balise...