Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can you have 2 url's that point to the same page in an asp:Menu control?

I have an asp:Menu and it contains a top level menu item that points to http://www.example.com/one.aspx. When you hover over the top level menu item, it shows a dropdown and one of the selections is One which points to http://www.example.com/one.aspx. Apparently, I can't do this, so I have been putting a ? at the end of the second url to get around this. I was curious as to if it is possible to have two of urls pointing to the same location in an asp:Menu?

like image 626
Xaisoft Avatar asked Jan 19 '09 16:01

Xaisoft


3 Answers

I had the same problem and used a slight variation of your solution: I added anchors to the URL, e.g:

  • http://www.example.com/one.aspx#1
  • http://www.example.com/one.aspx#2

BTW: I was using a sitemap file, and when you add to nodes with the same URL to that file, then the error/exception is pretty clear:

Multiple nodes with the same URL '/WebSite1/MyPage.aspx' were found. XmlSiteMapProvider requires that sitemap nodes have unique URLs.

So I guess it really is not possible to have to identical URLs.

like image 58
M4N Avatar answered Nov 02 '22 07:11

M4N


I don't believe so.

The Menu control uses each item's NavigateUrl property as the identifier for highlighting and expanding the menu correctly - if you have two nodes with the same URL, how will the control know which one to highlight?

like image 36
Zhaph - Ben Duguid Avatar answered Nov 02 '22 09:11

Zhaph - Ben Duguid


I found out my solution in the comment above only worked on Firefox, this is an improved solution to make the page refresh even if you click on the same link as the current one but with an hash tag:

$(document).ready(function () { // refresh page when clicking menu item with current address $('#<%=aspMenu.ClientID%> a').click(function () {
   var currentUrl = location.pathname;
                var clickedUrl = $(this).attr('href');
                if (currentUrl.indexOf('#') != -1 || clickedUrl.indexOf('#') != -1){
                    if (currentUrl.indexOf('#') != -1)
                        currentUrl = currentUrl.substring(0, currentUrl.indexOf('#'));
                    if (clickedUrl.indexOf('#') != -1)
                        clickedUrl = clickedUrl.substring(0, clickedUrl.indexOf('#'));
                    if (currentUrl == clickedUrl)
                        location.reload();
 }); });

Or even better: removing the anchors with the digits from the hrefs on document ready:

    $(document).ready(function () {
        $('#<%=aspMenu.ClientID%> a').each(function () {
            var re = /#\d/
            var url = $(this).attr('href');
            $(this).attr('href', url.replace(re, ""));
        });
    });
like image 1
Ronen Festinger Avatar answered Nov 02 '22 08:11

Ronen Festinger