Show method problem

[dagasonhackason]

when calling show method from an external javascript file it doesn't recognize it even when u put it in a $(function() { });

[faisalman]

Hi @dagasonhackason thank you for reporting the issue. Do you mind setting up a working example or providing steps to reproduce the issue mentioned? Thanks 👍

[dagasonhackason]

ohk

[dagasonhackason]

        var methods 	= {
        /*
        * This function shows the error delete dialog
        * @param zoneID - this is zoneID to be deleted
        */
        delete  : function(zoneID){
          $.fallr.show({
            easingDuration    : 1000,
            buttons : {
                button1 : {text: 'Yes', onclick: function(){deleteZone(zoneID)}},
                button2 : {text: 'No'}
            },
            easingIn          : 'easeOutBounce',
            easingOut         : 'easeInElastic',
            icon              : 'trash',
            position          : 'center',
            content           : '<h4>Delete Confirmation</h4><p>Are you sure you want to delete this entry.</p>'
          });
        },

        /*
        * This function shows the error popup dialog
        * @param message - this is the message we want to pass to be displayed
        */
        error   : function(message){
          $.fallr.show({
            autoclose         : 3500,
            buttons           : {},
            icon              : 'error',
            content           : '<h4>Error Message</h4><p>' + message +'.</p>'
          });
        },

        /*
        * This function shows the success popup dialog
        * @param message - this is the message we want to pass to be displayed
        */
        success  : function(message){
          $.fallr.show({
            autoclose         : 3500,
            buttons           : {},
            icon              : 'check',
            content           : '<h4>Success Message</h4><p>' + message +'.</p>'
          });
        },

        /*
        * This function shows the info popup dialog
        * @param message - this is the message we want to pass to be displayed
        */
        info    : function(message){
          $.fallr.show({
            autoclose         : 3500,
            buttons           : {},
            icon              : 'info',
            content           : '<h4>Information Message</h4><p>' + message +'.</p>'
          });
        },

        /*
        * This function shows the warning popup dialog
        * @param message - this is the message we want to pass to be displayed
        */
        warning  : function(message){
          $.fallr.show({
            autoclose         : 3500,
            buttons           : {},
            icon              : 'minus',
            content           : '<h4>Warning Message</h4><p>' + message +'.</p>'
          });
        }
      };
      
      /*
      * This function calls the delete zone prompt for checking if truelly the user wanted to delete the zone
      * @param zoneID - this is zoneID to be deleted
      */
      window.callDeletePopup = function callDeletePopup(zoneID){
        var id = $($('a[href^="#fallr-"]')).attr('href').substring(7);
        methods['delete'].apply($('a[href^="#fallr-"]'),[zoneID]);
      }
      
      /*
      * This function calls the error popup dialog
      * @param message - this is the message we want to pass to be displayed
      */
      window.callErrorPopup = function callErrorPopup(message){
        var id = $($('a[href^="#fallr-"]')).attr('href').substring(7);
        methods['error'].apply($('a[href^="#fallr-"]'),[message]);
      }
      
      /*
      * This function calls the error popup dialog
      * @param message - this is the message we want to pass to be displayed
      */
      window.callSuccessPopup = function callSuccessPopup(message){
        var id = $($('a[href^="#fallr-"]')).attr('href').substring(7);
        methods['success'].apply($('a[href^="#fallr-"]'),[message]);
      }
      
      /*
      * This function calls the error popup dialog
      * @param message - this is the message we want to pass to be displayed
      */
      window.callInfoPopup = function callInfoPopup(message){
        var id = $($('a[href^="#fallr-"]')).attr('href').substring(7);
        methods['info'].apply($('a[href^="#fallr-"]'),[message]);
      }

      /*
      * This function calls the error popup dialog
      * @param message - this is the message we want to pass to be displayed
      */
      window.callWarnPopup = function callWarnPopup(message){
        var id = $($('a[href^="#fallr-"]')).attr('href').substring(7);
        methods['warning'].apply($('a[href^="#fallr-"]'),[message]);
      }

      /*$('a[href^="#fallr-"]').click(function(){
        var id = $(this).attr('href').substring(7);
          methods[id].apply(this,[this]);
          return false;
      });*/
    });

////////////////////////
calling it function from a button html
Delete

[dagasonhackason]

this is the console data

zones:391 Uncaught TypeError: Cannot read property 'show' of undefined
at n.fn.init.delete (zones:391)
at callDeletePopup (zones:464)
at HTMLDocument.eval (zones:1)
at i (jquery.min.js:2)
at Object.add [as done] (jquery.min.js:2)
at n.fn.init.n.fn.ready (jquery.min.js:2)
at n.fn.init (jquery.min.js:2)
at n (jquery.min.js:2)
at HTMLButtonElement.onclick (zones:1)
delete @ zones:391
callDeletePopup @ zones:464
(anonymous) @ zones:1
i @ jquery.min.js:2
add @ jquery.min.js:2
n.fn.ready @ jquery.min.js:2
n.fn.init @ jquery.min.js:2
n @ jquery.min.js:2
onclick @ zones:1