Making the paths (directories) in js code on an asp.net webforms master page work with pages on different levels from root directory

Question

I am doing something like the following in my master page:

                <asp:Image data-toggle="popover" data-placement="bottom"
                    onmouseover="this.src='../Content/Images/icon-hover.png'"
                    onmousedown="this.src='../Content/Images/icon-hover.png'"
                    onmouseout="this.src='../Content/Images/icon.png'"
                    runat="server"
                    ImageUrl="../Content/Images/icon.png"></asp:Image>

However, I started noticing a problem when I put aspx pages that use this master page 2 levels down from the root directory:

For example:

Customers > Maintenance > Customers.aspx

..Content/ only handles pages in paths that are one level such as:
Customers > Customers.aspx

Any suggestions to make this programmatic so I can do something similar to the ~ in JavaScript like I can in asp.net server-side?

Martin Parenteau · Accepted Answer · 2016-07-11 15:31:56Z

1

You can try something like this:

onmouseover="this.src = getResolvedUrl('Content/Images/icon-hover.png')"

with the Javascript utility function:

<script type="text/javascript">
    function getResolvedUrl(url) {
        return '<%= ResolveUrl("~/") %>' + url;
    }
</script>

answered Jul 11, 2016 at 15:31

Martin Parenteau

74k13 gold badges137 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Making the paths (directories) in js code on an asp.net webforms master page work with pages on different levels from root directory

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related