Databases
StackOverflow2013
Postsdbo
POoverriding a javascript function (Superfish in Drupal)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POoverriding a javascript function (Superfish in Drupal)
    primarykey
    data
    text
    <p>Here is the <a href="https://github.com/mehrpadin/Superfish-for-Drupal" rel="nofollow">Superfish library used in Drupal</a>. The superfish.js file at line 102 contains code:</p> <pre><code>$.fn.extend({ hideSuperfishUl : function(){ /* some statements */ }, showSuperfishUl : function(){ /* some statements */ } }); </code></pre> <p>I need to override these two functions. <strong>How to do it?</strong> (I don't mean how to do it in Drupal specifically, but rather how to do it in javascript)</p> <p>P.S. Based on some information, I tried adding this code in my own script:</p> <pre><code>(function ($) { var orig_hideSuperfishUl = $.hideSuperfishUl; $.hideSuperfishUl = function(){ alert('lol'); } })(jQuery); </code></pre> <p>Firebug shows that the statement starting with "var" runs once the page is refreshed, but the statement with "alert" does not run. Instead, the original hideSuperfishUl function runs.</p> <p><strong>[Edit 1]</strong> I changed the custom code to:</p> <pre><code>(function ($) { //var orig_hideSuperfishUl = $.hideSuperfishUl; var hideSuperfishUl = function(){ alert('lol'); } })(jQuery); </code></pre> <p><strong>[Edit 2]</strong> I added 4 breakpoints:</p> <ol> <li>in superfish.js at line 102 with code <code>$.fn.extend({</code></li> <li>in superfish.js at line 106 with code <code>o.retainPath = false;</code></li> <li>in my script at line with <code>var hideSuperfishUl = function(){</code></li> <li>in my script at line with <code>alert('lol');</code></li> </ol> <p>After refreshing the page, code at breakpoint 1 runs first, then at breakpoint 3. After moving the mouse on and off menu, code at breakpoint 2 runs. Breakpoint 4 is not reached.</p> <p>The call stack at breakpoint 1 is only two anonymous functions (the first is the outermost function with jQuery argument, the second is the breakpoint). Very similar call stack at breakpoint 3.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. UScamcam
    1. UScamcam
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COIt may be an order of execution/race condition issue. try setting a breakpoint in the original implementation then check the callstack when the breakpoint is hit. You may need to change the order your JS is included/initialized or find a different approach to overriding.
      singulars
      1. POoverriding a javascript function (Superfish in Drupal)
      1. USdc5
    2. COI updated the question with information about four breakpoints and the call stack (in short, my script runs after superfish when the page refreshes). It looks correct. Unfortunately, I've no clue about different approaches to overriding (I found the current approach [here](http://stackoverflow.com/questions/4814550/how-to-override-a-function-in-another-javascript-file)).
      singulars
      1. POoverriding a javascript function (Superfish in Drupal)
      1. UScamcam
    3. COWhat about breakpoint 2? The important questions there are: who is calling it? Is it being called via $.hideSuperfishUl() or had it been cached and called that way. If cached, was it cached prior to your overriding the function? etc...
      singulars
      1. POoverriding a javascript function (Superfish in Drupal)
      1. USdc5
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload