Astuce (pour développeurs web) concernant le correcteur d'orthographe de Firefox

Billet

Depuis Firefox 2, un correcteur d'orthographe est installé par défaut (il ne reste plus qu'à installer des dictionnaires, par défaut la version française de Firefox n'intègre pas de dictionnaire français car aucun n'a de licence libre compatible). Ce correcteur souligne les mots mal orthographiés en rouge et un clic droit dessus propose une orthographe valide.

Ce dictionnaire ne vérifie l'orthographe que des champs de type <textarea> et pas <input type="text">, si en tant que développeurs vous désirez que des champs input soient aussi vérifiés, vous pouvez ajouter l'attribut spellcheck="true" à l'input :

<input type="text" id="toto" spellcheck="true">

Commentaires

1. Le lundi 29 janvier 2007, 08:44 par lordphoenix

C'est standard cet attribut ou c'est spécifique au moteur Mozilla?

2. Le lundi 29 janvier 2007, 08:56 par Olivier

C'est (pour le moment) un attribut spécifique à Mozilla.
Tidy annonce une erreur. Pour les validateurs, je ne sais pas mais il est probable que ce soit pareil.
Mais cela ne gène en rien les navigateurs qui ne connaissent pas l'instruction, même avec le type mime : "application/xhtml+xml".

3. Le lundi 29 janvier 2007, 11:18 par Vinch

Ca aurait été nettement mieux un microformat avec une syntaxe du style :
<input type="text" id="toto" class="spellcheck">

4. Le lundi 29 janvier 2007, 11:55 par Pascalc

Si c'était une classe css, ça ne serait pas manipulable en javascript de la même manière donc moins puissant. Avec un attribut on peut me contrôler par javascript depuis une extension, par exemple on peut imaginer une extension qui ajouterait l'attribut sur les formulaires d'une page, récupèrerait tous les mots mal orthographiés et présenterait des définitions des mots récupérés via un service web dans le panneau latéral.

En fait je pense qu'à la base cette option est surtout faite pour les extensions et peut être les webmails.

Si quelqu'un a un safari (l'autre navigateur avec correction orthographique) je serais curieux de savoir si cet attribut a un effet dessus.

5. Le lundi 29 janvier 2007, 12:19 par J_s

La petite feature qui manque c'est de pouvoir spécifier une langue/dictionnaire pour un élément particulier (ho tiens, il existe déjà un tag lang qui pourrait être utilisable :) )
D'ailleurs je n'ai jamais testé/remarqué, est-ce que déjà ff2 prend en compte <meta http-equiv="content-language" content="LL" /> ?

6. Le lundi 29 janvier 2007, 12:32 par pascalc

->J_s

j'ai déjà fait la demande d'amélioration il y a quelques temps et ils travaillent dessus :)

bugzilla.mozilla.org/show...
nline form spellchecking should respect the page/field language

7. Le vendredi 16 février 2007, 20:06 par Julien

Je comprends pas ton commentaire 4: une classe CSS se manipule aisément en JS pourtant, non ?

8. Le samedi 17 février 2007, 12:27 par Pascalc

une classe CSS peut avoir différentes valeurs comme class=" toto titi tutu", donc déjà il faudrait extraire les classes existantes et rajouter une classe, sinon tu risques de remplacer ue classe existante sur l'élément, et en javascript tu ne pourrais pas le manipuler directement, il faudrait faire une fonction qui analyse la valeur de classe et cherche dedans une valeur spellcheck.

9. Le lundi 16 avril 2007, 01:11 par Téki

l'attribut class n'est pas destiné à recevoir ce genre de paramétres. On peut à la limite tenter l'attribut "rel" mais lui non plus n'est pas spécialement fait pour ça.