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