JavaScript How to Display Listbox in TinyMCE Window onselect

I'm trying to show a hidden listbox in the TinyMCE window. I want to show the listbox after the user selects an option. Currently I have it to show another popup window in the onselect function. Here is what I have so far.

tinymce.PluginManager.add('newbutton', function( editor, url ) {
    editor.addButton( 'newbutton', {
        title: 'Button',
        text: 'Here is the button',
        onclick: function() {
            editor.windowManager.open({
                title: 'Choose From Listbox 1',
                body: [
                    {
                        type: 'listbox',
                        name: 'vals',
                        label: 'Choose Vals',
                        values: listvals,
                        onselect: function(e){
                            //I want to show another listbox on the same body 
                            editor.windowManager.open({
                                title: 'Choose',
                                body: [
                                    {
                                        type: 'listbox',
                                        name: 'List',
                                        label: 'Choose Style:',
                                        values: fonts,
                                        onselect: function(e){
                                            style = this.value();

                                        }
                                    }
                                ]

                            })
                        }
                    }
                ],
                onsubmit: function(e){

                }
            })
        }
    });
});

I would like the same functionality but instead of popping open another window I would like to just show a second listbox on that same window.

Answer:1

I have a simple html form. When the user click on the submit button, a message should pop up to confirm the submission. If the the user click on Ok, the form should be submitted. If the user click on ...

I have a simple html form. When the user click on the submit button, a message should pop up to confirm the submission. If the the user click on Ok, the form should be submitted. If the user click on ...

  1. javascript confirm work
  2. javascript confirm not working
  3. javascript confirm not working in chrome
  4. javascript confirm not working in ie11
  5. javascript confirm not working in safari
  6. javascript confirm not working in firefox
  7. javascript confirm not working in edge
  8. javascript confirm cancel not working
  9. javascript confirm dialog not working in chrome
  10. javascript confirm alert not working
  11. javascript confirm function not working
  12. javascript confirm popup not working
  13. javascript confirm box not working firefox
  14. javascript confirm dialog not working in firefox
  15. javascript confirm dialog not working in ie
  16. javascript confirm dialog not working
  17. javascript confirm return false not working
  18. javascript confirm dialog cancel not working
  19. javascript return confirm not working
  20. javascript confirm cancel button not working

I want to ask about the difference about this method My concern is difference between .then and .success, function and also .error thanks. // Simple GET request example: $http({ method: 'GET', ...

I want to ask about the difference about this method My concern is difference between .then and .success, function and also .error thanks. // Simple GET request example: $http({ method: 'GET', ...

  1. angularjs http success
  2. angularjs http success is not a function
  3. angularjs http success error
  4. angularjs http success callback
  5. angularjs http success error example
  6. angularjs http success vs then
  7. angularjs http success callback not working
  8. angularjs http success error finally
  9. angularjs http success failure
  10. angularjs http success not working
  11. angularjs http success error then
  12. angularjs http success then
  13. angularjs http success function
  14. angularjs $http.get(...).success is not a function
  15. angularjs $http.post(...).success is not a function
  16. angularjs http get success
  17. angularjs http post success
  18. angularjs http post success error
  19. angularjs http post success error example
  20. angularjs http get success error

I would like to know if I have to use Meteor.methods if I am only doing server-side operations, and if not, where to put the logic. I find myself doing this a lot: Meteor.methods({ someMethod: ...

I would like to know if I have to use Meteor.methods if I am only doing server-side operations, and if not, where to put the logic. I find myself doing this a lot: Meteor.methods({ someMethod: ...

I currently have some JSON data like the following: {"data": [ {"student_id": "bobby", "solved": 19}, {"student_id": "smith", "solved": 20} ]} Now what I am doing right now is pushing the ...

I currently have some JSON data like the following: {"data": [ {"student_id": "bobby", "solved": 19}, {"student_id": "smith", "solved": 20} ]} Now what I am doing right now is pushing the ...

  1. get json values
  2. get_json_object
  3. get_json_object hive
  4. get_json_object spark
  5. get_json_object sql
  6. get_json_object pyspark
  7. get json object from string
  8. get_json_object hive example
  9. get_json_object presto
  10. get json object javascript
  11. get_json_object array
  12. get json object length
  13. get json object key
  14. get json object from retrofit response
  15. get_json_object spark sql
  16. get json object from string java
  17. get_json_object hive array
  18. get json object retrofit
  19. get json object keys javascript
  20. get json object from resttemplate