[JS] Dialogue enabled = false;

Report · Jul 17, 2017

Hello everyone,
Is it possible in a drop-down menu of a window to make it impossible to select one or the other option?

Like the button make them enabled or invisible?

Bonjour à tous,

Est-il possible dans un menu déroulant d'une fenêtre, de rendre impossible la sélection de l'une ou l'autre option?

comme le bouton les rendre inactif ou invisible?

Merci à vous

Report · Jul 17, 2017

Don't think so by default if your are talking about greying some items contextually. The easiest hack would be to redraw the list based on the context or in other words, remove all items and recreate specific items on the fly.

Once that said, I guess some hack is feasible but that would be a bit tedious.

Report · Jul 19, 2017

Hello Loic and Thank you,
After setting aside project, I reactivate it after several years ...
Here is the interface that I seek to optimize and make more ergonomic (it is not won!)

My code is not very clear ...

/*******************************/

Bonjour Loic et Merci,
Après avoir mis de côte se projet, je le réactive après plusieurs années ...

Voici l’interface que je cherche à optimisé et à rendre plus ergonomique (c'est pas gagné!)

Mon code n'est pas très claire ...

var mesCommades = ["Modification du Style Util????", "Supprimer un format", "Utiliser les paramètres de la séléction","Export/Import"];

var diaGeneral = new Window ("dialog",'Vesrion B017');

//w.add ("statictext", undefined, "Étiquette Style :");

diaGeneral.orientation = 'column';

// diaGeneral.graphics.backgroundColor = diaGeneral.graphics.newBrush (diaGeneral.graphics.BrushType.SOLID_COLOR, [0.8, 0.8, 0.8]);

var leGroupeStyles = diaGeneral.add('group');

leGroupeStyles.orientation = 'column';

leGroupeStyles.alignment = 'left';

leGroupeStyles.add ("statictext", [0,0,150,15], "Etiquette de Styles :");

var myList = leGroupeStyles.add ("listbox", [0, 0, 150, 220], ["Test01","Test02","Test03","Test04","Test05","Test06","Test071","Test08","Test09"], {multiselect: true}); // Liste des Style OK // monLable /: selection Multipl;e que pour exportation et supretion de la liste

var leGroupeBoutt = diaGeneral.add('group');

leGroupeBoutt.orientation = 'column';

var monApplication = leGroupeBoutt.add ("button", [15,15,150,50], "Appliquer");

leGroupeBoutt.add ("statictext", undefined, "A la séléction");

var newFormat = leGroupeBoutt.add ("button", [15,15,150,50], "Nouveau Style");

var mesCommandesGroupe = leGroupeBoutt.add ("group");

mesCommandesGroupe.add ("statictext", undefined, "Commandes: ");

var list = mesCommandesGroupe.add ("dropdownlist", [0,0,20,20], mesCommades);

list.minimumSize.width = 20;

if ( myList.selection == null){

monApplication.enabled = false;

mesCommandesGroupe.enabled = false;

}

var logoLiphou = leGroupeBoutt.add ("image", undefined, Liphou_Logo2); // New 2017

// selection dans la liste

myList.onChange = function () {

// si selection égale 1

if (myList.selection == null) {

monApplication.enabled = false;

} else if (myList.selection != null && myList.selection.length == 1) {

//$.writeln (myList.selection.constructor.name);

monApplication.enabled = true;

mesCommandesGroupe.enabled = true;

// si selection Multiple

} else if (myList.selection.length > 1) {

mesCommandesGroupe.enabled = true;

newFormat.enabled = false;

monApplication.enabled = false;

var list = ["Supprimer un format", "Export/Import"];

// list.selection[0].enabled = false;

}

//

// application du style

monApplication.onClick = function () {

/*

Application du Style

Avoir pour mise à jour globale

*/

var laSelection = myList.selection.toString();

//alert ('nomApplication (en construction)');

this.window.close( 1 );

}// fin application du style

// Selection commande commande

list.onChange = function () {

if (list.selection == 0 ) { // modification de Style // selection dans liste d'option

/*

Ouvrire fenêtre pour changé des paramettre au Style

Avoir pour mise à jour globale

*/

alert ('Modification du Style (en construction)', list.selection.index);

} else if (list.selection == 1 ) { // suprestion de style // selection dans liste d'option

var wSupresion = new Window ("dialog","Suprestion de Style" );

var lInfoG = wSupresion.add ("group");

if ( myList.selection.length > 1) {

lInfoG.add ("statictext", undefined, "Supression des Styles de tableau : MULTIPLE !");

} else {

$.writeln (myList.selection.toString());

lInfoG.add ("statictext", undefined, "Supression du Style de tableau : " + myList.selection.toString() + ' !');

//var laSupretion = myList.selection.toString(); // Faire selection multiple

}

var lesBoutG = wSupresion.add ("group");

lesBoutG.alignment = "right";

lesBoutG.add ("button", undefined, "Annule", {name: "ok"});

lesBoutG.add ("button", undefined, "Suppresion", {name: "cancel"});

if (wSupresion.show () == 2 ){

monApplication.enabled = false;

mesCommandesGroupe.enabled = false;

var laSelec = myList.selection[0].index;

for (var w = myList.selection.length-1; w > -1; w--) {

var laSupretion = myList.selection.toString(); // Faire selection multiple

myList.remove (myList.selection);

// $.writeln ( myList.selection.toString());

// delete lesStyleLocal[1].table[lesStyleLocal[1].table.(@name== laSupretion).childIndex()];

}

//ecritureFilePref(lesStyleLocal[1].toXMLString(),lesStyleLocal[0]); // Erreur

};

} else if (list.selection == 2 ) { // Utiliser les paramètres de la séléction // selection dans liste d'option

/*

Utiliser les paramètres de la séléction pour modifié le stryle Style

Avoir pour mise à jour globale

*/

alert ('Utiliser les paramètres de la séléction (En construction)' + list.selection.index);

} else if (list.selection == 3 ) { // Utiliser les paramètres de la séléction

nomEportImport(lesStyleLocal,list.selection.index);

//alert ('Exportation/importation (En construction) ' + list.selection.index);

}

list.selection = null; // ré-initialisation de la selection

}// Fin Selection commande commande

newFormat.onClick = function () {

this.window.close( 3 );

} // fin de la création de style

diaGeneral.center();

var actionTableau = diaGeneral.show();

I have not managed to familiarize myself with the new contrasts of the CC2017 ... it's really not good

De j'ai ne parvient pas à me familiarisé avec les nouveaux contraste du CC2017 ... c'est vraiment pas bon

Report · Jul 19, 2017

Là, ça fonction ...

if  (myList.selection ==  null) {
                        monApplication.enabled = false;
                    } else if (myList.selection !=  null && myList.selection.length == 1) {
                        //$.writeln (myList.selection.constructor.name);
                        monApplication.enabled = true;
                        mesCommandesGroupe.enabled = true;
                        list.removeAll();
                        list.add("item","Modification du Style Util????");
                        list.add("item","Utiliser les paramètres de la séléction");
                        list.add("item","Supprimer un formats");
                        list.add("item","Export/Import");
                     // si selection Multiple 
                     } else if (myList.selection.length > 1) {
                          mesCommandesGroupe.enabled = true;
                          newFormat.enabled = false;
                          monApplication.enabled = false;
                          list.removeAll();
                          list.add("item","Supprimer un formats");
                          list.add("item","Export/Import");
                        
                      //   list.selection[0].enabled = false;
                 }     
                     
         }

Report · Jul 19, 2017

It does not work as it should, when I delete 1 elements, the button "myApplication" is disabled but when I delete several, the button becomes active again ???

cela ne fonction pas comme il faudrait, quand je supprime 1 éléments, le bouton "monApplication" est bien désactivé mais quand j'en supprime plusieurs, le bouton redevins actif ???

var mesCommades = ["Modification du Style Util????", "Supprimer un format", "Utiliser les paramètres de la séléction","Export/Import"];

var diaGeneral = new Window ("dialog",'Vesrion B017');

//w.add ("statictext", undefined, "Étiquette Style :");

diaGeneral.orientation = 'column';

// diaGeneral.graphics.backgroundColor = diaGeneral.graphics.newBrush (diaGeneral.graphics.BrushType.SOLID_COLOR, [0.8, 0.8, 0.8]);

var leGroupeStyles = diaGeneral.add('group');

leGroupeStyles.orientation = 'column';

leGroupeStyles.alignment = 'left';

leGroupeStyles.add ("statictext", [0,0,150,15], "Etiquette de Styles :");

var myList = leGroupeStyles.add ("listbox", [0, 0, 150, 220], ["Test01","Test02","Test03","Test04","Test05","Test06","Test071","Test08","Test09"], {multiselect: true}); // Liste des Style OK // monLable /: selection Multipl;e que pour exportation et supretion de la liste

var leGroupeBoutt = diaGeneral.add('group');

leGroupeBoutt.orientation = 'column';

var monApplication = leGroupeBoutt.add ("button", [15,15,150,50], "Appliquer");

leGroupeBoutt.add ("statictext", undefined, "A la séléction");

var newFormat = leGroupeBoutt.add ("button", [15,15,150,50], "Nouveau Style");

var mesCommandesGroupe = leGroupeBoutt.add ("group");

mesCommandesGroupe.add ("statictext", undefined, "Commandes: ");

var list = mesCommandesGroupe.add ("dropdownlist", [0,0,20,20], undefined);

// var list = mesCommandesGroupe.add ("dropdownlist", [0,0,20,20], mesCommades);

list.minimumSize.width = 20;

if ( myList.selection == null){

monApplication.enabled = false;

mesCommandesGroupe.enabled = false;

}

var logoLiphou = leGroupeBoutt.add ("image", undefined, Liphou_Logo2); // New 2017

// selection dans la liste

myList.onChange = function () {

// si selection égale 1

$.writeln ("myList.onChange : "+ myList.selection);

if (myList.selection == null || myList.selection.length == 0) {

monApplication.enabled = false;

} else if (myList.selection != null && myList.selection.length == 1) {

$.writeln ("Contrôle si selection : "+ myList.selection);

monApplication.enabled = true;

mesCommandesGroupe.enabled = true;

list.removeAll();

list.add("item","Modification du Style Util????");

list.add("item","Utiliser les paramètres de la séléction");

list.add("item","Supprimer un formats");

list.add("item","Export/Import");

// si selection Multiple

} else if (myList.selection.length > 1) {

mesCommandesGroupe.enabled = true;

newFormat.enabled = false;

monApplication.enabled = false;

list.removeAll();

list.add("item","Supprimer un formats");

list.add("item","Export/Import");

// list.selection[0].enabled = false;

}

//

// application du style

monApplication.onClick = function () {

/*

Application du Style

Avoir pour mise à jour globale

*/

var laSelection = myList.selection.toString();

//alert ('nomApplication (en construction)');

this.window.close( 1 );

}// fin application du style

// Selection commande commande

list.onChange = function () {

//$.writeln(list.selection.text);

if (list.selection != null && list.selection.text == "Modification du Style Util????") { // modification de Style // selection dans liste d'option

/*

Ouvrire fenêtre pour changé des paramettre au Style

Avoir pour mise à jour globale

*/

alert ('Modification du Style (en construction)', list.selection.index);

} else if (list.selection != null && list.selection.text == "Supprimer un formats") { // suprestion de style // selection dans liste d'option

list.selection = null;

var wSupresion = new Window ("dialog","Suprestion de Style" );

var lInfoG = wSupresion.add ("group");

if ( myList.selection.length > 1) {

lInfoG.add ("statictext", undefined, "Supression des Styles de tableau : MULTIPLE !");

} else {

$.writeln (myList.selection.toString());

lInfoG.add ("statictext", undefined, "Supression du Style de tableau : " + myList.selection.toString() + ' !');

//var laSupretion = myList.selection.toString(); // Faire selection multiple

}

var lesBoutG = wSupresion.add ("group");

lesBoutG.alignment = "right";

lesBoutG.add ("button", undefined, "Annule", {name: "ok"});

lesBoutG.add ("button", undefined, "Suppresion", {name: "cancel"});

if (wSupresion.show () == 2 ){

monApplication.enabled = false;

mesCommandesGroupe.enabled = false;

// var laSelec = myList.selection[0].index; //

for (var w = myList.selection.length-1; w > -1; w--) {

var laSupretion = myList.selection.toString(); // Faire selection multiple

myList.remove (myList.selection);

// delete lesStyleLocal[1].table[lesStyleLocal[1].table.(@name== laSupretion).childIndex()];

}

//ecritureFilePref(lesStyleLocal[1].toXMLString(),lesStyleLocal[0]); // Erreur

};

} else if (list.selection != null && list.selection.text == "Utiliser les paramètres de la séléction") { // Utiliser les paramètres de la séléction // selection dans liste d'option

/*

Utiliser les paramètres de la séléction pour modifié le stryle Style

Avoir pour mise à jour globale

*/

alert ('Utiliser les paramètres de la séléction (En construction)' + list.selection.index);

} else if (list.selection != null && list.selection.text == "Export/Import") { // Utiliser les paramètres de la séléction

nomEportImport(lesStyleLocal,list.selection.index);

//alert ('Exportation/importation (En construction) ' + list.selection.index);

}

list.selection = null; // ré-initialisation de la selection

//myList.selection = null; // Problème

$.writeln ("En sortie Contrôle si selection : "+ myList.selection);

}// Fin Selection commande commande

newFormat.onClick = function () {

this.window.close( 3 );

} // fin de la création de style

diaGeneral.center();

var actionTableau = diaGeneral.show();

Report · Jul 20, 2017

Hi,

Given that I get your point, here is a snippet to illustrate how you can dynamically reaffect list items:

var 
items1 = [1,2,3],
items2 = ["a","b","c"],
w = new Window("dialog"),
ls = w.add('dropdownlist', undefined, items1),
btn1 = w.add('button',undefined, 'Use List 1'),
btn2 = w.add('button',undefined, 'Use List 2');
btn1.id = 1;
btn2.id = 2;
btn1.onClick = btn2.onClick = function() {
ls.removeAll();
var items = $.global["items"+this.id];
var item;
while (item = items.shift() ) {
ls.add('item', item );
}
}
w.show();

Report · Jul 20, 2017

Hi and thank you Loic,
Salut et merci Loic,

I succeeded after a multitude of tests, readings of pages and examples, to do what I tried to do (until another case),
Following a good series of frenetic and random clicks.
Voting example is much more talk for understanding the change of 'dropdownlist'.
Has several clicks on the buttons' 'Use List 1' and 'Use List 2', there is nothing happening, would there be an explanation to help me the compression of the use of global variable?

Je suis parvenu après une multitude de tests, de lectures de page et d'exemples, à faire ce que je cherchai faire (jusqu'à un autre cas),

Suite à une bonne série de clic frénétiques et aléatoires.

Voter exemple est beaucoup plus parlent pour la compréhension du changement de 'dropdownlist'.

A prêt plusieurs clic sur les boutons 'Use List 1 ' et ' Use List 2', il ne se passe plus rien, y aurait-il un explication pour m’aider à l'la compression de l'utilisation de variable global ?

// Variable pur test

var monLable = "Test02";

var lesStyleLocal= ["Test01","Test02","Test03","Test04","Test05","Test06","Test071","Test08","Test09"];

// fin

var diaGeneral = new Window ("dialog",'Vesrion B018');

//w.add ("statictext", undefined, "Étiquette Style :");

diaGeneral.orientation = 'column';

diaGeneral.graphics.backgroundColor = diaGeneral.graphics.newBrush (diaGeneral.graphics.BrushType.SOLID_COLOR, [0.6, 0.6, 0.6]);

var leGroupeStyles = diaGeneral.add('group');

leGroupeStyles.orientation = 'column';

leGroupeStyles.alignment = 'left';

leGroupeStyles.add ("statictext", [0,0,150,15], "Etiquette de Styles :");

// Pour Test

var listOptionStyle = leGroupeStyles.add ("listbox", [0, 0, 150, 220], lesStyleLocal, {multiselect: true}); // listOptione des Style OK // monLable /: selection Multipl;e que pour exportation et supretion de la listOptione

var leGroupeBoutt = diaGeneral.add('group');

leGroupeBoutt.orientation = 'column';

var bt_Application = leGroupeBoutt.add ("button", [15,15,150,50], "Appliquer");

bt_Application.enabled = false;

leGroupeBoutt.add ("statictext", undefined, "A la séléction");

var bt_newFormat = leGroupeBoutt.add ("button", [15,15,150,50], "Nouveau Style");

// bt_newFormat.enabled = false;

var mesCommandesGroupe = leGroupeBoutt.add ("group");

mesCommandesGroupe.add ("statictext", undefined, "Commandes: ");

var listOption = mesCommandesGroupe.add ("dropdownlist", [0,0,20,20], undefined);

listOption.minimumSize.width = 20;

var logoLiphou = leGroupeBoutt.add ("image", undefined, Liphou_Logo2); // New 2017

var bt_Fermeture = leGroupeBoutt.add ("button", [15,15,150,50], "Fermer", {name:'ok'});

$.writeln("monLable : " + monLable + " — " + listOptionStyle.selection);

listOptionStyle.selection = (monLable ? monTestExisteTableau(lesStyleLocal,monLable) : null);

if (listOptionStyle.selection == monLable) {

bt_newFormat.enabled = false;

listOption.removeAll();

listOption.add("item","Modification du Style Util????");

listOption.add("item","Utiliser les paramètres de la séléction");

listOption.add("item","Supprimer un formats");

listOption.add("item","Export/Import");

} else {

bt_newFormat.enabled = true;

listOption.removeAll();

listOption.add("item","Utiliser les paramètres de la séléction");

}; // Version Complette

// selection dans la listOptione

listOptionStyle.onChange = function () {

// si selection égale 1

// $.writeln ("listOptionStyle.onChange : "+ listOptionStyle.selection);

if (listOptionStyle.selection == null || listOptionStyle.selection.length == 0) {

bt_Application.enabled = false;

mesCommandesGroupe.enabled = false;

} else if (listOptionStyle.selection != null && listOptionStyle.selection.length == 1) {

// $.writeln ("Contrôle si selection : "+ listOptionStyle.selection);

(listOptionStyle.selection != monLable ? bt_Application.enabled = true : bt_Application.enabled = false);

mesCommandesGroupe.enabled = true;

listOption.removeAll();

listOption.add("item","Modification du Style Util????");

listOption.add("item","Utiliser les paramètres de la séléction");

listOption.add("item","Supprimer un formats");

listOption.add("item","Export/Import");

// si selection Multiple

} else if (listOptionStyle.selection.length > 1) {

mesCommandesGroupe.enabled = true;

bt_newFormat.enabled = false;

bt_Application.enabled = false;

listOption.removeAll();

listOption.add("item","Supprimer un formats");

listOption.add("item","Export/Import");

// listOption.selection[0].enabled = false;

}

//

// application du style

// Selection commande commande

listOption.onChange = function () {

//$.writeln(listOption.selection.text);

if (listOption.selection != null && listOption.selection.text == "Modification du Style Util????") { // modification de Style // selection dans listOptione d'option

/*

Ouvrire fenêtre pour changé des paramettre au Style

Avoir pour mise à jour globale

*/

alert ('Modification du Style (en construction)', listOption.selection.index);

} else if (listOption.selection != null && listOption.selection.text == "Supprimer un formats") { // suprestion de style // selection dans listOptione d'option

var wSupresion = new Window ("dialog","Suprestion de Style" );

var lInfoG = wSupresion.add ("group");

if ( listOptionStyle.selection.length > 1) {

lInfoG.add ("statictext", undefined, "Supression des Styles de tableau : MULTIPLE !");

} else {

lInfoG.add ("statictext", undefined, "Supression du Style de tableau : " + listOptionStyle.selection.toString() + ' !');

}

var lesBoutG = wSupresion.add ("group");

lesBoutG.alignment = "right";

lesBoutG.add ("button", undefined, "Annule", {name: "ok"});

lesBoutG.add ("button", undefined, "Suppresion", {name: "cancel"});

if (wSupresion.show () != 1 ){

// var laSelec = listOptionStyle.selection[0].index; //

for (var w = listOptionStyle.selection.length-1; w > -1; w--) {

var laSupretion = listOptionStyle.selection.toString(); // Faire selection multiple

// log("Supretion du style : " + laSupretion + " — " + listOptionStyle.selection.index + '\r');

listOptionStyle.remove (listOptionStyle.selection);

}

};

listOption.selection = null;

bt_Application.enabled = false;

mesCommandesGroupe.enabled = false;

} else if (listOption.selection != null && listOption.selection.text == "Utiliser les paramètres de la séléction") { // Utiliser les paramètres de la séléction // selection dans listOptione d'option

/*

Utiliser les paramètres de la séléction pour modifié le stryle Style

Avoir pour mise à jour globale

*/

alert ('Utiliser les paramètres de la séléction (En construction)' + listOption.selection.index);

} else if (listOption.selection != null && listOption.selection.text == "Export/Import") { // Utiliser les paramètres de la séléction

nomEportImport(lesStyleLocal,listOption.selection.index);

//alert ('Exportation/importation (En construction) ' + listOption.selection.index);

}

//listOption.selection = null; // ré-initialisation de la selection

//listOptionStyle.selection = null; // Problème

$.writeln ("En sortie Contrôle si selection : "+ listOptionStyle.selection);

}// Fin Selection commande commande

// ---------------- les bouttons

bt_Application.onClick = function () {

/*

Application du Style

Avoir pour mise à jour globale

*/

var laSelection = listOptionStyle.selection.toString();

//alert ('nomApplication (en construction)');

this.window.close( 1 );

}// fin application du style

bt_Fermeture.onClick = function () {

/*

Sortie du menu

*/

this.window.close( 2 );

}// fin sortie du menu

bt_newFormat.onClick = function () {

this.window.close( 3 );

} // fin de la création de style

//

diaGeneral.center();

var actionTableau = diaGeneral.show();

function monTestExisteTableau(leTableauATeste,leTest){

for (var i=0; i < leTableauATeste.length; i++){

if (leTableauATeste == leTest) {

return (i);

} else if (leTableauATeste != leTest && i == (leTableauATeste.length-1) ) {

return null;

}

Report · Jul 22, 2017

Don' get puzzled with the $.global instruction. It's nothing mandatory and it's related to my use of global variables here.

An alternative would be to store arrays in a common array :

var items = [

[1,2,3],

["a","b","c"]

];

then in the listener

var listItems = items[this.id];

given that ids are changed to 0 & 1 here.

or in an object:

var items = {

1: [1,2,3],

2:["a","b","c"]

};

and so

var listItems = items[this.id];

Etc.

Report · Jul 25, 2017

Thank you for this explanation.
There I switched on the management of the buttons because it is very bad

Merci pour cette explication.

là, je suis passé sur la gestion des boutons car elle est très mauvaise

Report · Jul 25, 2017

What I offer most is (at least I want to believe it), a smart way of dealing with buttons while reducing the needed code. But you could bo frenzy and add a lot of verbose code, and that would work the same way. So don't take it as a lesson but as an option. Many ways to go to Roma here.

Report · Jul 26, 2017

For my management of buttons, I am on this basis that function ... for the moment

Pour ma gestion des boutons, je suis sur cette base qui fonction ... pour le moment


$.writeln(monDia());
function monDia() {
var w = new Window ("dialog");
        var group1 = w.add ("group");
            var button1 = group1.add ("button", undefined, "Nouveau Style");
            var button2 = group1.add ("button", undefined, "B2");
        var group2 = w.add ("group");
                    var button3 = group2.add ("button", undefined, "B3");
                    var button4 = group2.add ("button", undefined, "B4");
                    
        var group3 = w.add ("group");
                    var button5 = group3.add ("button", undefined, "Fermer", {name: "ok"});
                    var button6 = group3.add ("button", undefined, "Appliquer", {name: "cancel"});
            
          //  set_font (w, "Tahoma:18");
// Boutton "oui"  == 1
// Boutton  "non'"== 2
   button1.onClick = function () {
           alert("Test New");
        }// fin application du style 
   button2.onClick = function () {
               alert("Test B2");
            //w.close( 4 );
        
        
        }// fin application du style 
    button3.onClick = function () {
            alert("Test B3");
          
        }// fin application du style 
    button4.onClick = function () {
           alert("Test B4");
          
        }// fin application du style 
//$.writeln(w.show());
var resulta;
        if (w.show() != 1) {
                     return ("Appliquer Le style");
                   //resulta = "1 (oui)";
        } 
  //  w.close();
   //return (resulta);
}

Adobe Community

[JS] Dialogue enabled = false;