AJAX Dropdown menu : The Official Microsoft ASP.NET Forums

Reply

asnjduarte

Member

2 Points

10 Posts

AJAX Dropdown menu

May 06, 2012 06:37 AM|LINK

We are using Visual Studio ASP.Net C#.

This is our menu (to the right). This our problem, when we load a page (to the left). This menu index temporarily shows for a second or two, when we load a page. Sometimes it won't flash this screen other times it will. Any tips? Below is some of the source code. Any help would be appreciated. Thanks

Here is our source code behind our menu (I excluded the other panels and labels - this only shows the Home panel and label)

<body style="text-align: center">
    <form id="form1" runat="server">
      <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
 
  <div class="navBar">
     <table class="HomePageStyle1" bgcolor="#9966FF" align="center" 
          style="background-image: url('http://localhost:51900/AnchorageWaterShed/Images/BackgroundPic.jpeg'); background-repeat: repeat-x;">
         
             <td>
     <asp:Label ID="HomeLBL" runat="server" Text="Home" Font-Bold="True" 
         Font-Names="Arial Black" Font-Size="Medium" Width="100px" 
         style="text-align: center" BorderStyle="None"></asp:Label>
 
     <ajaxToolKit:DropDownExtender ID="HomeLBL_DropDownExtender" runat="server" 
         DynamicServicePath="" Enabled="True" TargetControlID="HomeLBL" DropDownControlID= "DropHomePanel">
     </ajaxToolKit:DropDownExtender>
     <asp:Panel ID="DropHomePanel" runat="server" CssClass="Dropdownmenu">
     
         <asp:HyperLink ID="Homelink" runat="server" Font-Bold="True" NavigateUrl="~/Default.aspx">Home</asp:HyperLink> <br />
         <asp:HyperLink ID="AboutUsLink" runat="server" Font-Bold="True" NavigateUrl="~/AboutUs.aspx">About Us</asp:HyperLink><br />
         <asp:HyperLink ID="HyperLink2" runat="server" Font-Bold="True">Contact Us</asp:HyperLink><br />
     </asp:Panel>
 
             </td>
            
     </table>
     <br />
     <br />
 
     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
    
        </asp:ContentPlaceHolder>  
   </div>
    </form>
</body>

Edited by asnjduarte on May 06, 2012 06:38 AM
Edited by asnjduarte on May 07, 2012 06:46 AM

Reply

chetan.sarod...

All-Star

65619 Points

11118 Posts

Re: AJAX Dropdown menu

May 07, 2012 03:27 AM|LINK

You can look into JQuery UI Blocker here:

http://malsup.com/jquery/block/#demos

Chetan Sarode
Senior Software Engineer,
Approva Systems Pvt Ltd, Pune, India.

Reply

asnjduarte

Member

2 Points

10 Posts

Re: AJAX Dropdown menu

May 07, 2012 06:49 AM|LINK

Thanks, for the reply. I will most likely test it out May 8th.

Reply

BU XI - MSFT

All-Star

22367 Points

2704 Posts

Microsoft

Re: AJAX Dropdown menu

May 09, 2012 04:02 AM|LINK

Hello

It may be the speed that when you are loading the page. At the time the javascript files are not loaded, the page will remain its initial state, and when javascript files are all loaded, the controls get work, and you can see the final presentation.

Sometimes, browser may cache the javascript files, so they are not loaded from server again. They are just local versions. At this time, the page will work as normal.

Please mark the replies as answers if they help or unmark if not.
If you have any feedback about my replies, please contact msdnmg@microsoft.com.
Microsoft One Code Framework

Marked as answer by asnjduarte on May 10, 2012 07:25 AM

Reply

asnjduarte

Member

2 Points

10 Posts

Re: AJAX Dropdown menu

May 10, 2012 07:25 AM|LINK

Interesting, kind of thought about that, because our pages load slowly, and we don't cache any of the scripts. There are some things Google PageSpeed suggested we do, I'm going to try some of those suggestions first to speed up our site; thanks.

By the way, I haven't tried that Jquery block, yet.

AJAX Dropdown menu RSS

4 replies

asnjduarte

AJAX Dropdown menu

chetan.sarod...

Re: AJAX Dropdown menu

asnjduarte

Re: AJAX Dropdown menu

BU XI - MSFT

Re: AJAX Dropdown menu

asnjduarte

Re: AJAX Dropdown menu

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft