PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 18/03/2017 11:30:24

christo93
Membre
Inscription : 06/06/2011
Messages : 16

plugin plxtoolbar-1.4

bonjour,
étant non-voyant, je ne peux pas utiliser le plugin plxtoolbar-1.4 parce qu'il faut cliquer sur le code html avec la souris,

alors qu'avec le plugin plxtoolbar-1.3, je pouvais valiter sur un bouton pour choisir le code html  avec la barre d'espace de mon clavier.

j'ai essayé de lire dans le fichier css,

mais je ne sais pas dans quel ligne est  à modifier.

merci de votre aide,

cordialement

christophe

Hors ligne

#2 18/03/2017 19:45:02

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 419
Site Web

Re : plugin plxtoolbar-1.4

Je ne comprends pas bien ta demande. Peux-tu nous en dire plus ?


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#3 18/03/2017 22:23:54

memento
Membre
Inscription : 09/11/2008
Messages : 58

Re : plugin plxtoolbar-1.4

Bonsoir,

Jerry Wham a écrit :

Je ne comprends pas bien ta demande. Peux-tu nous en dire plus ?

christo93 est non-voyant donc il ne peut pas utiliser la souris mais seulement les touches du clavier pour sélectionner les boutons de la toolbar. Le soucis est que dans la version 1.4 du plugin, les champs input ont été remplacés par des balise <span> donc plus moyens d'avoir le focus sur les différents boutons de la toolbar avec les touches du clavier.
Pour qu'il puisse à nouveau se servir de la toolbar, il faudrait remplacer toutes les balises <span> par des balise <a> dans le fichier plxtoolbar.js comme ceci  :

[== JavaScript ==]
			var toolbar = '\
	<select onchange="if(this.value!=\'\'){plxToolbar.insert(\''+textarea+'\',\'<\'+this.value+\'>\',\'<\/\'+this.value+\'>\');this.selectedIndex=0;}">\
		<option value="">Style</option>\
		<option value="h1">H1</option>\
		<option value="h2">H2</option>\
		<option value="h3">H3</option>\
		<option value="h4">H4</option>\
		<option value="h5">H5</option>\
		<option value="h6">H6</option>\
		<option value="p">P</option>\
		<option value="pre">Pre</option>\
	</select>\
	<a href="javascript:void(0);" class="icon-pilcrow" onclick="plxToolbar.insert(\''+textarea+'\',\'<br \/>\\n\')" title="'+lang.L_TOOLBAR_BR+'"></a>\
	<a href="javascript:void(0);" class="icon-bold" onclick="plxToolbar.insert(\''+textarea+'\',\'<strong>\',\'<\/\strong>\')" title="'+lang.L_TOOLBAR_BOLD+'"></a>\
	<a href="javascript:void(0);" class="icon-italic" onclick="plxToolbar.insert(\''+textarea+'\',\'<em>\',\'<\/\em>\')" title="'+lang.L_TOOLBAR_ITALIC+'"></a>\
	<a href="javascript:void(0);" class="icon-underline" onclick="plxToolbar.insert(\''+textarea+'\',\'<ins>\',\'<\/\ins>\')" title="'+lang.L_TOOLBAR_UNDERLINE+'"></a>\
	<a href="javascript:void(0);" class="icon-strikethrough" onclick="plxToolbar.insert(\''+textarea+'\',\'<strike>\',\'<\/\strike>\')"  title="'+lang.L_TOOLBAR_STRIKE+'"></a>\
	<a href="javascript:void(0);" class="icon-link" onclick="plxToolbar.insert(\''+textarea+'\',\'<a>\',\'<\/\a>\', \''+lang.L_TOOLBAR_LINK_MSG+'\', \'http://www.\')" title="'+lang.L_TOOLBAR_LINK+'"></a>\
	<a href="javascript:void(0);" class="icon-pagebreak" onclick="plxToolbar.insert(\''+textarea+'\',\'<hr>\\n\')" title="'+lang.L_TOOLBAR_HR+'"></a>\
	<a href="javascript:void(0);" class="icon-list-numbered" onclick="plxToolbar.insert(\''+textarea+'\',\'<ol>\\n</li>\',\'<\/li>\\n<\/ol>\')" title="'+lang.L_TOOLBAR_OL+'"></a>\
	<a href="javascript:void(0);" class="icon-list2" onclick="plxToolbar.insert(\''+textarea+'\',\'<ul>\\n<li>\',\'<\/li>\\n<\/ul>\')" title="'+lang.L_TOOLBAR_UL+'"></a>\
	<a href="javascript:void(0);" class="icon-quotes-right" onclick="plxToolbar.insert(\''+textarea+'\',\'<blockquote>\',\'<\/blockquote>\')" title="'+lang.L_TOOLBAR_BLOCKQUOTE+'"></a>\
	<a href="javascript:void(0);" class="icon-paragraph-left" onclick="plxToolbar.insert(\''+textarea+'\',\'<left>\')" title="'+lang.L_TOOLBAR_P_LEFT+'"></a>\
	<a href="javascript:void(0);" class="icon-paragraph-center" onclick="plxToolbar.insert(\''+textarea+'\',\'<center>\')" title="'+lang.L_TOOLBAR_P_CENTER+'"></a>\
	<a href="javascript:void(0);" class="icon-paragraph-right" onclick="plxToolbar.insert(\''+textarea+'\',\'<right>\')" title="'+lang.L_TOOLBAR_P_RIGHT+'"></a>\
	<a href="javascript:void(0);" class="icon-images" onclick="mediasManager.openPopup(\''+textarea+'\', false, \'PLXTOOLBAR_fallback\')" title="'+lang.L_TOOLBAR_MEDIAS+'"></a>\
	<a href="javascript:void(0);" class="icon-new-tab" onclick="plxToolbar.toogleFullscreen(\''+textarea+'\')" title="'+lang.L_TOOLBAR_FULLSCREEN+'"></a>\
';
			if(this.customButtons.length>0) {
				for(i=0;i<this.customButtons.length;i++){
					toolbar += '<a href="javascript:void(0);" class="'+this.customButtons[i].icon+'" onclick="plxToolbar.insert(\''+textarea+'\', plxToolbar.customButtons['+i+'].onclick(\''+textarea+'\'),\'\')" title="'+this.customButtons[i].title+'"></a>';
				}
			}

Si Stéphane passe par là, je suis sûr qu'il fera le nécessaire pour nos amis malvoyants.

Hors ligne

#4 18/03/2017 23:31:56

christo93
Membre
Inscription : 06/06/2011
Messages : 16

Re : plugin plxtoolbar-1.4

bonsoir,

Merci beaucoup à memento pour se complément à ma question.
cordialement

Hors ligne

#5 20/03/2017 09:35:55

Stéphane
Responsable du projet
Lieu : pas loin de Metz
Inscription : 07/08/2007
Messages : 6 154
Site Web

Re : plugin plxtoolbar-1.4

Bonjour

Quel navigateur utilises-tu car même avec la version 1.3 de plxtoolbar, l'utilisation de la barre d'espace ne fait pas changer d'icone chez moi.
Est-ce que tu utilises quelque chose de particulier (un module/outil dédié) qui te permet de naviguer différemment et qui serait installé sur ton ordinateur du fait que tu es non-voyant ?


Mes articles et tutoriels pour PluXml
Pluxopolis mon site sur PluXml, mais pas seulement...
Twitter: @pluxopolis

Hors ligne

#6 20/03/2017 11:20:17

christo93
Membre
Inscription : 06/06/2011
Messages : 16

Re : plugin plxtoolbar-1.4

bonjour Stéphane,

le navigateur que j'utilise est internet exploreur ou google croom.
sinon,j'ai une interface qui vocalise la page,
le nom d'un des  logiciels est Jaws ou    Nvda.
Avec plxtoolbar.1.3, quand je valide sur le bouton ex: gras le code s'affiche dans le champ édition.

merci beaucoup de votre aide,

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés