Notez que cet article a été écrit il y a plus de 6 ans, mais il n'est pas forcément obsolète.
Les propriétés pour les effets jQuery UI sont sous forme JSON.
Ex: pour l’effet scale, on peut renseigner 5 items: direction, from, origin, percent et scale. from est lui-même un objet JSON et origin est un tableau.
On peut donc obtenir:
1 |
{direction: "horizontal", from: {height: "101", width: "102"}, origin: ["middle", "left"], percent: "103", scale: "box"} |
Afin de faire cela proprement, si l’on doit rentrer ces propriétés une par une, car obtenues par php , jQuery ou via un formulaire, on organise cela de la façon suivante:
1 2 3 4 5 6 7 8 9 10 11 12 |
var prop= {}; prop.direction= 'horizontal'; var jsonHW= {}; jsonHW.height= 101; jsonHW.width= 103; prop.from= jsonHW; prop.origin= ['middle', 'left']; prop.percent= 103; prop.scale= 'box'; // contient {direction: "horizontal", from: {height: "101", width: "102"}, origin: ["middle", "left"], percent: "103", scale: "box"} |
Il y a la notation avec le point . et la notation en tableau: prop.direction= prop['direction']
Si l’on veut entrer une propriété dont le nom est contenu dans une variable, il faut utiliser la notation en tableau:
1 2 |
var myVar= 'direction'; prop.myVar= 'horizontal'; |
donnera l’objet prop { myVar: "horizontal" }
1 2 |
var myVar= 'direction'; prop[ myVar ]= 'horizontal'; |
donnera l’objet prop { direction: "horizontal" }
[fa-icon icon= »fa-arrow-right »] Pour retrouver les clés d’un objet JSON, on utilise Object.keys:
1 2 |
var jsonObj = {nom: "xavier", age: "30", enfants: "3"}; Object.keys(jsonObj); // retourne ["nom", "age", "enfants"] |