Masterpage js/code not working in subfolders

Question

0.00/5 (No votes)

See more:

, +

Hello All,
I have a dialog in the master HTML and I'm hiding it and showing it based on a button, which is also in the master HTML. Everything hides/shows fine in root pages but not on pages in subfolders. When these are displayed the dialog HTML code is never hidden and the button click doesn't do anything.
The Script in my master page is like this:

JavaScript

<script type="text/javascript">
        $(document).ready(function () {
            $('#Id_GL').click(function () {
                $('#div_GL').show();
                $('#div_AP').hide();
                $('#div_AR').hide();
            });           
        });
        </script>

Is there any way to get my master page to behave with subfoldered pages?
Please Help..!!

Posted 13-Jul-14 20:15pm

Amit Kumar143

Updated 13-Jul-14 20:17pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ArunRajendra · Answer 1 · 2014-07-13T21:05:00

XML

I guess you are adding the script with respect to Master page location. If so change it to always point from the root by using ~.

Lets take this is your folder structure

<script>
<Subfodler1>
<Subfodler2>
-> Master Page

From root the script file a.js will be referred as /script/a.js. This will work for files in root but fails when you access a page from subfolder1. Because if will try to locate script within subfolder1 which doesn't exist. So to make accessible globally we need to change the script path in master page to point to root (~). i.e. ~/script/a.js so irrespective of the page location the script will be always loaded from root.