Savoir exploiter une variable tableau avec une sous variable tableau

**patricktoulon** · 03/02/2016, 15h34

bonjours a tous
sur divers exemple d'editeur wisiwig on trouve ce genre de chose

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
var bouton[];
bouton['bold']=['bold','22px','22px','blablabla'];
bouton['italic']=['italic','22px','22px','blablabla'];

je voudrais pouvoir exploiter ce model pour concevoir le mien

mais rien que ces lignes bloquent JavaScript et plus aucune fonctions ne fonctionnent
exemple

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

alert(bouton['bold'][2]);

ce qui devrait me donner "22px"
mais ca ne fonctionne pas apparemment
une id�e du comment exploiter ces tableaux???
Merci d'avance pour le retour

**Eric2a** · 03/02/2016, 15h54

Salut,

L'erreur bloquante vient de l'absence du signe �gal

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var bouton=[];

**patricktoulon** · 03/02/2016, 16h12

bonjour Eric2a
a ben voila on reconnais les expert en javascript

merci pour le retour

**patricktoulon** · 03/02/2016, 18h24

bon voila maintenant c'est bon
j'aurais juste une question si j'enl�ve le tiret dans les mots ca bug
pourtant se sont des string

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<html lang="fr">
 <head>
  <!meta http-equiv="X-UA-Compatible" content="IE=11" /!>
                <!-meta charset="UTF-8"-!>
<script type="text/javascript">
var bouton=[];
bouton['justifyleft']=['command','justifyleft','22px','22px','Aligné à gauche','blablabla'];
bouton['justifyright']=['command','justifyright','22px','22px','Aligné à droite','blablabla'];
bouton['justifycenter']=['command','justifycenter','22px','22px','Centré','blablabla'];
bouton['justifyfull']=['command','justifyfull','22px','22px','Justifié','blablabla'];
bouton['insertunorderedlist']=['command','insertunorderedlist','22px','22px','Liste à puces','blablabla'];
bouton['insertorderedlist']=['command','insertorderedlist','22px','22px','Liste numérotée','blablabla'];
bouton['backcolor']=['showpaletteback','backcolor','22px','22px','Couleur de fond','blablabla'];
bouton['forecolor']=['showpalettefont','forecolor','22px','35px','Couleur du texte','blablabla'];
bouton['fontname']=['showlistsize','fontname','22px','22px','Police d-écriture','blablabla'];
bouton['inserthorizontalrule']=['command','inserthorizontalrule','22px','22px','Insère une ligne horizontale','blablabla'];
bouton['subscript']=['command','subscript','22px','22px','Indice','blablabla'];
bouton['superscript']=['command','superscript','22px','22px','Exposant','blablabla'];
 
bouton['delete']=['command','delete','22px','22px','effacer-la-selection','blablabla'];
bouton['fontsize']=['showfontsize','fontsize','22px','22px','taille-de-la-police ','blablabla'];
bouton['undo']=['command','undo','22px','22px','Annuler','blablabla'];
 
bouton['redo']=['command','redo','22px','22px','recommencer','blablabla'];
bouton['cut']=['command','cut','22px','22px','couper','blablabla'];
bouton['copy']=['command','copy','22px','22px','copy la selection','blablabla'];
bouton['paste']=['command','paste','22px','22px','colle-ce-qui-a-été-copié','blablabla'];
bouton['indent']=['command','indent','22px','22px','indent-vers-la-droite','blablabla'];
bouton['outdent']=['command','outdent','22px','22px','diminuer-l-indentation','blablabla'];
 
bouton['removeFormat']=['command','removeFormat','22px','22px','deformatage-du-texte','blablabla'];
bouton['strikeThrough']=['command','strikeThrough','22px','22px','texte-barre','blablabla'];
bouton['underline']=['command','underline','22px','22px','texte-souligne','blablabla'];
 
bouton['link']=['command','link','22px','22px','ajouter-un-lien','blablabla'];
bouton['unlink']=['command','unlink','22px','22px','supprimer-le-lien','blablabla'];
bouton['heading']=['showlistheading','listeheading','22px','22px','ajouter-une-balise','blablabla'];
bouton['codehtml']=['showhtml','codehtml','22px','22px','voir-le-code-htm','blablabla'];
function quoi(bout,it){
//alert(bout + "---" + it);
alert(bouton[bout][it]);
}
</script>
</head>

**NoSmoking** · 03/02/2016, 18h35

Bonjour,

J'aurais juste une question si j'enl�ve le tiret dans les mots ca bug

aucune raison � priori mais cela va d�pendre de ce que tu entends par �a bug !

**patricktoulon** · 03/02/2016, 19h02

Bonjour nosmoking

ben c'est simple mon bouton ne fait plus rien
je n'ai pas de message d'erreur de script par contre
si je remplace les espaces par des tirets plus de soucis ca fonctionne nickel

**NoSmoking** · 03/02/2016, 19h25

Certes mais comment est cr�e ton button ?

exemple qui doit marcher

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
var bouton = [];
bouton['heading']=['showlistheading','listeheading','22px','22px','ajouter une balise','blablabla'];
function addElement( data){
  var oBtn = document.createElement('BUTTON');
  oBtn.textContent = data['heading'][4];
  document.body.appendChild(oBtn);
}
addElement( bouton);

**patricktoulon** · 03/02/2016, 19h40

re
ca oui mais je n'en suis pas encore la moi

dans mon test il y a un input type button pour v�rifier les items des tableaux

des que je clique un message apparait avec l'item que j'ai marquer en dur dans l'appel de la fonction du bouton

si j'enl�ve les tiret et met des espaces c'est fini ca ne fonctionne plus

tu ne l'avais pas compris mais pour le moment je rassemble toute les donn�es concernant les bouton du futur wisiwig dans un tableau et elles doivent �tres exploitables

ajouter un �l�ment quel qu'il soit dans le body ou autre �l�ments je sais faire j'en ai d�j� fait un en entier d�j� de wisiwig tout en appendchild mais le code est long et beaucoup de r�p�titions

mais maintenant pour le rendre plus modulable je fait tout en dynamique y compris les param�tres boutons (nom,taille,titre,image,bordure,etc...) c'est pour cela le tableau
mais je pense avoir trouv� le pourquoi diff�rence entre ' ou " dans certains cas je suis oblig� de remplacer les double quottes par de simple quotte et ca semble fonctionner

**Watilin** · 03/02/2016, 20h01

Envoy� par patricktoulon

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var bouton[];

mais rien que ces lignes bloquent JavaScript et plus aucune fonctions ne fonctionnent

Si ton navigateur est � jour, normalement il a un menu outils de d�veloppement dans lequel tu trouveras une console JavaScript. La touche F12 est un raccourci. Dans cette console, tu as les messages d'erreurs qui te permettent de trouver pourquoi JavaScript � bloque �, et une ligne de commande pour faire des tests dans le contexte de la page.

**patricktoulon** · 03/02/2016, 22h26

Bonsoir Waitilin

f12 je le consomme a gogo mais juste l'explorateur dom et r�seaux pour capturer les requ�tes
et quelque fois pour modifier le css

je n'ai jamais pris le temps de m'attarder sur les autres fonction c'est un tord je suppose
je vais examiner cela

cela dit mon soucis est r�solu c'�tait bien les quottes et double quottes qui me posaient soucis

Savoir exploiter une variable tableau avec une sous variable tableau

JavaScript

Discussions similaires

Partager

Partager