[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 596
  • Last Modified:

JavaScript drop down menu stopped responding to click

After moving our web app to a new server after years of running perfectly on another, all works except the JavaScript drop down menus will not work. The app is on dotnet with Windows server 2003 and SQL 2005.

We have 4 admin access only management buttons ADD, Edit, Delete Domain and Manage. Normally when cursor over the button the button word highlights and on click the drop down shows with various options for each button.

We have not made any coding changes. Now when cursor over the button, it highlights but the cursor changes to an I-Beam and mouse click has no effect, the drop down will not show. Except for the Delete Domain button which works correctly, the ones either side of it do not.

It is not browser orientated, we have tried it on IE, Firefox, Opera and Safari, all latest versions. It is the same on several different computers, in our office and elsewhere. The only thing we changed is upgrading from dotnet 2.1 to 4. It was the same in 2.1.

Using copy from view page source, below the dotted line is the JavaScript coding for the Add button, including the first add item from the drop down.

It is difficult to give access to the webpage as all access is by password only.

Does any one have a suggestion ??

Regards Jonathan

*********************************
   </table>
   <script type="text/javascript"> initSubMenuEventHandlers("admintabs__ctl0_admintabs_0", "menuitem_0"); </script>
  </td>
  <td class="OtherTabs1" align="center" valign="middle" style="border-width:1px;border-style:solid;height:25px;white-space:nowrap;">
    <div width="100%" height="100%"  onmouseover='showEx(getParent(this, "TD"))' onmouseout='hideEx(this, event)'>
      &nbsp;
      <a class="OtherTabs1" name="menuitem_14">Add</a>
      &nbsp;
    </div>
    <table id="admintabs_admintabs_14_1" class="OtherAdminTabsBg2" cellspacing="0" onmouseout="hide(this, event)" style="border-collapse:collapse;position:absolute;visibility:hidden;">
      <tr>
        <td class="OtherTabs2" style="height:10px;">
          <div width="100%" height="100%"  onmouseover='' onmouseout=''>
             &nbsp;
             <a class="OtherTabs2" name="menuitem_14" href="/LoL/Wizard.aspx?tabid=43&amp;domid=6414">Add Unit</a>
             &nbsp;
          </div>
        </td>

Open in new window

0
nextenso
Asked:
nextenso
  • 6
  • 2
  • 2
  • +1
1 Solution
 
Julian HansenCommented:
Are you getting any javascript errors? In IE this would be the yellow triangle bottom left - but better if you could look in Firefox with Firebug installed - that is the first point.

With Firebug you can

a) Check for script errors
b) See any errors that may have occurred downloading the compenents of the page.

At the end of the day the page should run (bar any AJAX functionality) as a standalone page loaded from the file system into the browser - so should not be server dependent. If it is not working it is usually because not all of the dependencies required by the page have been served to the page.
0
 
zappafan2k2Commented:
The first thing I would recommend is to load the page in Firefox, then click View->Source (as you have already done).  Firefox allows you to click on script links to view the included Javascript files.

I would click on all of the included external files to make sure they're loading properly.  It could be that a relative path is incorrect, or the server is issuing an earlier version or something like that.
0
 
nextensoAuthor Commented:
Thank you for your suggestions Zappan and Julian. I can not see that it would be a Javascript error, the coding was written in 2003 and has worked faultlessly since then. The latest version of Java is running on the server.

I will check for the notifications and refer your comments to our tech and come back later today or tomorrow.

Regards Jonathan
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
Julian HansenCommented:
@Jonathan,
Never make assumptions. There is always room for "Gee, we never thought of that".

Debugging is about elminmation - remove what you know works - that narrows the set of where to look. This is precisely what the above is aimed at doing.

It may seem like a waste of time but it is a necessary step.
0
 
nextensoAuthor Commented:
Julian, I never for one second thought or said that anything either of you said was a waste of time. I noted the date when the menu code was written and the version issue in case this prompted one of you guys to say that the latest java version may conflict with older coding. And I said I would look into the suggestions made.

Our tech has advised that the whole app as it is now is being downloaded to their development server for de-bugging with tools they have for that which can't be used on a remote server. With a 14Gb piece of coding and application, it takes hours to download and it will be a day or two before I revert back.

Thank you both for your suggestions.

Rgds Jonathan
0
 
zappafan2k2Commented:
What I meant is that one of the Javascript include files may not be getting served properly, or may be in the wrong directory.  In what file does the function initSubMenuEventHandlers() get defined?  Make sure that file is loading properly by the browser (as I said before, Firefox is great for this).  It will take you ten seconds.

Then, as JulianH suggested, click Tools -> Web Developer -> Error Console to see if there are any Javascript errors.
0
 
Michel PlungjanIT ExpertCommented:
Load into Chrome click F12 and see if there are any red lines in the net tab (same in Firefox with firebug)
0
 
nextensoAuthor Commented:
Thanks Zappan. Re yellow triangle, IE does not show any errors, our tech have got firebug and they are checking. I will revert back to this page when I hear back.

Regards Jonathan
0
 
nextensoAuthor Commented:
Thanks mplungjan, I have just tried Chrome, no errors shown and no red lines in the 'network' tab.

Rgds Jonathan
0
 
nextensoAuthor Commented:
Thank you for your comments, our tech has resolved the issue, as I noted above the JavaScript coding for the buttons was written in 2002, it was not fully supported by recent Java updates, slight changes have restored the drop down. It worked fine in January before the download.

For other's information, I will look at what changes were made and post them in this thread.

Regards Jonathan
0
 
nextensoAuthor Commented:
Our web developers eventually found that it was Javascript coding written in 2002 that was out of step with recent Javascript updates. New Javascript drop down code is now being installed.

Should any other reason be found, this note will be updated.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 6
  • 2
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now