OVH Cloud OVH Cloud

Charsets par onglets CSS et JS : c'est reparti !

7 réponses
Avatar
Olivier Miakinen
[ publication dans deux groupes, suivi positionné vers
fr.comp.infosystemes.www.auteurs ]


Bonjour,

Après un mois de vacances, plus un week-end pour m'y remettre, voici
une nouvelle version de ma page de comparaison de différents jeux de
caractères.

Pour le moment, l'URL finale (qui ne changera pas) pointe toujours vers
la version de fin juillet : <http://www.miakinen.net/vrac/charsets>.

La version sur laquelle je travaille est au contraire à une adresse
temporaire : <http://www.miakinen.net/vrac/tmp/charsets>. C'est dans
cette version que j'ai pris en compte la plupart des remarques qui m'ont
été faites en juillet :

1) [ASM 28/7 23:23] Il est gênant de devoir figer la vue pour figer un
caractère.
-> Corrigé. On peut indépendemment figer (par clic simple) ou libérer
(par Alt+clic) la vue et/ou le caractère. J'ai utilisé la routine
JavaScript fournie par J.J.Solari pour détecter la Alt.

2) [J.J.Solari 29/7 03:03] [ASM 29/7 04:21] Repérage du mode (survol
ou fixe).
-> Le cadre de la vue figée passe en rouge au lieu de noir.

3) [J.J.Solari 28/7 20:50] [ASM 29/7 02:39] [J.J.Solari 29/7 03:03]
Repérage du caractère sélectionné.
-> Le fond du caractère passe en noir quand il est survolé, en rouge
quand il est sélectionné.

4) [J.J.Solari 29/7 03:03] Afficher les lignes et colonnes sous la forme
00 à 0F et 00 à F0 plutôt que 1 à 16.
-> Fait.

5) [ASM] Ne pas doubler par JavaScript ce qui se fait déjà par :hover
quand on utilise autre chose qu'Internet Explorer.
-> Fait.


Il me reste encore quelques points à prendre en compte, par exemple :

6) [J.J.Solari 27/7 21:24 - 29/7 04:49] Prévoir les caractères plus
larges que hauts (police Verdana).
7) [ASM 29/7 04:21] Prévoir les caractères trop hauts (majuscules
accentuées qui débordent en haut).
8) [A.Chappuis 29/7 08:59] Ajouter les entités HTML &eacute; etc.
9) [moi] Écrire une doc complète.


Je suis bien entendu avide de toute nouvelle remarque, et surtout
de bugs éventuels selon les systèmes (Mac, Linux, Sun...) et les
navigateurs (pas trop vieux, je ne ferai pas trop d'effort pour
Netscape 4 par exemple, mais je veux bien contourner les bugs
de MSIE 6).


Cordialement,
--
Olivier Miakinen

Attention : mon article est long, merci de vous assurer que vous avez lu
<http://www.giromini.org/usenet-fr/repondre.html> avant d'y répondre.

7 réponses

Avatar
Olivier Miakinen

La version sur laquelle je travaille est à une adresse
temporaire : <http://www.miakinen.net/vrac/tmp/charsets>.


Petite info pour ceux qui s'impatientent : je suis en train de virer
la notion de « vue de référence », ce qui me permet de supprimer le
formulaire, tout en permettant d'avoir des infos sur les 6 tables à la fois.

Voici les dernières versions :
29 juillet : <http://www.miakinen.net/vrac/c01/charsets>
4 septembre : <http://www.miakinen.net/vrac/c02/charsets>
7 septembre : <http://www.miakinen.net/vrac/c03/charsets>
9 septembre : <http://www.miakinen.net/vrac/c04/charsets>


Pris par les nouveautés, je n'ai bien sûr pas fait les autres trucs en
attente (détection IE fiable, alt+clic et double clic, repérage du même
glyphe dans les autres tables, etc.) ; il est donc inutile de me faire
des remarques sur ces points.

En revanche, j'aimerais pouvoir proposer aux utilisateurs d'afficher
la partie infos dans une autre fenêtre s'ils le veulent, mais je n'ai
jamais fait ça. Aussi, je suis preneur d'un petit tutoriel expliquant le
tout (ouvrir une nouvelle fenêtre, puis commander l'affichage à partir
de la fenêtre mère, après ouverture).


Je fais suivre dans le groupe fr.comp.lang.javascript pour ce dernier
point (tutoriel JavaScript).


Cordialement,
--
Olivier Miakinen

Avatar
ASM
Olivier Miakinen wrote:

La version sur laquelle je travaille est à une adresse
temporaire : <http://www.miakinen.net/vrac/tmp/charsets>.


En revanche, j'aimerais pouvoir proposer aux utilisateurs d'afficher
la partie infos dans une autre fenêtre s'ils le veulent, mais je n'ai
jamais fait ça. Aussi, je suis preneur d'un petit tutoriel expliquant le
tout (ouvrir une nouvelle fenêtre, puis commander l'affichage à partir
de la fenêtre mère, après ouverture).


petit tuto sur les fenêtres (avec un outil JS pour créer f de popup) :
http://perso.wanadoo.fr/stephane.moriaux/internet/web_html/java/fenetr/
exos et démos pour popups :
http://perso.wanadoo.fr/stephane.moriaux/truc/popup.htm
http://perso.wanadoo.fr/stephane.moriaux/truc/communik_fille_mere/
http://perso.wanadoo.fr/stephane.moriaux/truc/popup_oui_non/

sites (en) :
http://developer.mozilla.org/en/docs/DOM:window.open
http://developer.mozilla.org/en/docs/DOM:window
http://www.gtalbot.org/DHTMLSection/WindowEventsNS6.html#evtLayerXY
voir aussi :
http://www.quirksmode.org/viewport/compatibility.html

sinon, sans popup, avec un truc l'imitant sur la page :
demos exos persos (plus ou moins en travaux !) :
http://perso.wanadoo.fr/stephane.moriaux/truc/jouer_avec_divs.htm
http://perso.wanadoo.fr/stephane.moriaux/truc/echange_divs.htm
un truc super :
www.walterzorn.com/tooltip/tooltip_e.htm#docu.webloc

sinon, les bases pour popup :

nom_fenetre=window.open(fichier,cible,attributs de fenetre)

var truc=null;
function pop() {
if(truc || !truc.closed) truc.close();
truc=window.open('','','width00,height00,resizable=1,scrollbars=1');
if(!document.getElementById)
with(truc) {
open();
write('<div><h1>hello</h1></div>');
close()
}
else
truc.body.appendChild(document.getElementById('info').cloneNode(true));
truc.title = 'demo de demo'
}

He bien ... te voilà servi ;-)

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
ASM
Olivier Miakinen wrote:

La version sur laquelle je travaille est à une adresse
temporaire : <http://www.miakinen.net/vrac/tmp/charsets>.



Petite info pour ceux qui s'impatientent : je suis en train de virer
la notion de « vue de référence », ce qui me permet de supprimer le
formulaire, tout en permettant d'avoir des infos sur les 6 tables à la fois.

9 septembre : <http://www.miakinen.net/vrac/c04/charsets>


çà marche pô le tableau 1
explick :
- je suis sur table jaune
- je survole gliph vide (que je sais existant en table violet)
- result ==> la ligne du violet ne me montre pas ce gliph

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
Olivier Miakinen
[ Tout d'abord merci pour ton autre article avec tous les liens. Je ne
sais pas pourquoi je n'ai vu aucun des deux dans la journée et que je
les découvre ce soir depuis mon autre PC ]


9 septembre : <http://www.miakinen.net/vrac/c04/charsets>


çà marche pô le tableau 1



[...] je suis en train de [...]



et aussi :

[...] il est donc inutile de me faire des remarques sur ces points.



Je sais que ça ne marche pas encore, c'était juste pour dire que comme
je casse plein de trucs pour refaire autrement, il faudra attendre un
peu pour retrouver un truc qui marche.


Avatar
ASM
Olivier Miakinen wrote:
[ Tout d'abord merci pour ton autre article avec tous les liens. Je ne
sais pas pourquoi je n'ai vu aucun des deux dans la journée et que je
les découvre ce soir depuis mon autre PC ]


Ce que j'aime bien c'est çà :
http://www.walterzorn.com/dragdrop/dragdrop_e.htm
ainsi chacun pose l'info (ou le tableau new-in) où il veut

Bon, ce que j'en dis c'est un peu pour le fun
(va bientôt pu avoir de place pour les t'chartsets)


9 septembre : <http://www.miakinen.net/vrac/c04/charsets>


çà marche pô le tableau 1




et j'avais écrit un développement essplickatitf à cette intro

[...] il est donc inutile de me faire des remarques sur ces points.




ha bon ? çà n'était pas que pour le tableau 2 ... ?

il faudra attendre un peu


Grrrmmlllblll

pour retrouver un truc qui marche.


Le Alt+clic fonctionne encore ! si ! si !

tant mieux car j'ai enfin çà sur le clic-centre de mon mulot ;-)



--
Stephane Moriaux et son [moins] vieux Mac



Avatar
ASM
ASM wrote:
Olivier Miakinen wrote:

[ Tout d'abord merci pour ton autre article avec tous les liens. Je ne
sais pas pourquoi je n'ai vu aucun des deux dans la journée et que je
les découvre ce soir depuis mon autre PC ]



à tous z'azard
et puisque je suis allé un peut vite pour les bases
(copie de clone dans popup)

voici :
http://perso.wanadoo.fr/stephane.moriaux/truc/copi_clone_popup/

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
Olivier Miakinen
[ retour depuis fr.comp.lang.javascript vers
fr.comp.infosystemes.www.auteurs ]


Ce que j'aime bien c'est çà :
http://www.walterzorn.com/dragdrop/dragdrop_e.htm
ainsi chacun pose l'info (ou le tableau new-in) où il veut


Ah oui, en effet c'est vraiment sympa comme effet. Bon, je garde sous le
coude, même si le script est presque plus gros que le mien.

[...] il est donc inutile de me faire des remarques sur ces points.




ha bon ? çà n'était pas que pour le tableau 2 ... ?


Non, c'était encore en chantier. D'ailleurs ça l'est toujours : je
redonne un nouveau lien en bas de cet article, juste pour que vous
voyiez l'avancement, mais merci de ne pas m'indiquer les bugs pour le
moment -- je les connais, pour la plupart !

il faudra attendre un peu


Grrrmmlllblll


Eh oui, je change tout...

pour retrouver un truc qui marche.


Le Alt+clic fonctionne encore ! si ! si !

tant mieux car j'ai enfin çà sur le clic-centre de mon mulot ;-)


... quand je te disais que je change tout : le Alt-clic ne fonctionne
plus, et ce n'est pas un bug, c'est une feature ! Je m'explique.

Le Alt+clic (ou double-clic, ou clic en dehors des tables, etc.) devait
être un moyen pour dé-figer un caractère ou une table, après l'avoir
figé. Mais pourquoi diable le figer, au fait ?

Dans mon esprit torturé, figer un caractère était le seul moyen de
pouvoir faire un copier-coller des infos apparaissant au-dessus
(position, codes Unicode, UTF-8, etc.) or il n'est nullement nécessaire
de le figer pour cela. Il suffit de le *marquer* c'est-à-dire de stocker
quelque part le numéro de la vue et le numéro du caractère que l'on a
cliqués. Le caractère n'étant pas figé, on peut continuer à voir les
infos changer par survol ; mais le caractère étant marqué, aussitôt que
l'on sort du tableau on retrouve celui qu'on avait sélectionné.

Foin des longs discours, voyez ici :
http://www.miakinen.net/vrac/c05/charsets

- les seules actions possibles sont le survol et le clic
- encore une fois, ne pas me signaler les bugs sur cette ébauche

--
Olivier Miakinen