javascript when masterpage is used

Question

0.00/5 (No votes)

See more:

i have used .js file and in .js file i have made javascript.i have used masterpage to make form.now in this form i want to apply javascript.then link ...

<script src="javascript/TextboxValidation.js" type="text/javascript"></script>

where i have to put?.i have put this in mastrpage which i have shown below,but it is not working.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />

    <script src="javascript/JScript1.js" type="text/javascript"></script>
    <script src="javascript/print.js" type="text/javascript"></script>
    <script src="javascript/TextboxValidation.js" type="text/javascript"></script>

Posted 24-Jan-13 19:03pm

Member 9511889

Updated 24-Jan-13 19:06pm

v2

Add a Solution

Comments

Abhishek Pant 25-Jan-13 1:10am

check your javascript.

Member 9511889 25-Jan-13 1:21am

my javascript is working perfectly in form without masterpage

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 25-Jan-13 1:26am

Are you sure about the paths of those script files?

Member 9511889 25-Jan-13 1:27am

yes

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 25-Jan-13 1:33am

Do you have firebug?
If you have just enable that while loading your page and see on the script tab.
You will find all the script files in the dropdown.
Please see if those script files are there or not?

[no name] 25-Jan-13 7:22am

Mark the answers as answered if that really helped you... Thanks

3 solutions

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)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2013-01-24T23:19:00

Problem
The ID of controls present in the content page will be changed if master page is used during rendering.

For your textbox

XML

<asp:TextBox ID="txt_TotalFees" runat="server" Width="200px" onblur="SurName()" Enabled="false">

The id txt_TotalFees will become something like 'ctl00_ContentPlaceHolder1_txt_TotalFees' (not exact).

You can see this by viewing the source of the webpage in the browser.

Solutions
1. ClientID, if you are writing this in content aspx page (not your case).

JavaScript

var x = document.getElementById("<%= txt_TotalFees.ClientID %>");

It will not work in External js file.

2. Declare a global js variable in the aspx file and set it to the ClientID value. Now in the external is file you can use getElementById on this var.
Refer - How to get client id at external javascript file[^]

2. ClientIDMode.Static (try this one)
You can use this one. Just add this attribute to the textbox like below.

XML

<asp:TextBox ID="txt_TotalFees" runat="server" Width="200px" onblur="SurName()" Enabled="false" ClientIDMode="Static">

So, after rendering in browser the ID will be the same as txt_TotalFees.

Then, the below line in External js will work.

JavaScript

var x = document.getElementById("txt_TotalFees");

To know more about the ClientIDMode refer - ASP.NET 4.0 : Manipulate ClientID using ClientIDMode[^]
Try this solution and let me know.

Thanks...

sisir patro · Answer 2 · 2013-01-24T19:31:00

Solution 1

HI,

Make sure that you have added the following file to tour master page.

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

Add this in the master page and then the following bunch of code in the page where the control present.

function SurName() { var x = $("#txt_TotalFees"); x.value = x.value.toUpperCase(); }

This is needed to know the page about the scripts.

Thanks

Posted 24-Jan-13 19:31pm

sisir patro

Updated 24-Jan-13 23:31pm

v2

Comments

Abhishek Pant 25-Jan-13 1:35am

the OP is sure about javascipt path.

Member 9511889 25-Jan-13 2:24am

i have try this,but not working

[no name] 25-Jan-13 2:36am

Can you show which bunch of code you are trying and not working f or javascript?

Member 9511889 25-Jan-13 3:02am

function SurName()
{
var x = document.getElementById("txt_TotalFees");
x.value = x.value.toUpperCase();

}
this is my javascript in .js file.

<asp:TextBox ID="txt_TotalFees" runat="server" Width="200px" onblur="SurName()" Enabled="false"
>
onblur in textbox code.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 25-Jan-13 3:43am

Do you have firebug?
If you have just enable that while loading your page and see on the script tab.
You will find all the script files in the dropdown.
Please see if those script files are there or not?

Member 9511889 25-Jan-13 3:03am

please ignore enabled='false'.

[no name] 25-Jan-13 4:48am

Hello Dear...
Change your function to
function SurName() { var x = $("#txt_TotalFees"); x.value = x.value.toUpperCase(); }
and try again. But make sure the jquery.min is added to the Master page.

Member 9511889 25-Jan-13 4:52am

can we write jquery in .js file?
i have no knowledge of jquery.

[no name] 25-Jan-13 5:16am

Yes you can. There is basically no such vast difference between javascript and jquery. you use the older one and jquery is the latest one. So learn that too and update yourself for future... :)

Career Web Helper · Answer 3 · 2013-01-25T02:21:00

The problem is in function

C#

function SurName()
{
    var x = document.getElementById("txt_TotalFees");
    x.value = x.value.toUpperCase();
}

If you use master page in your web site or web app it will change your control id's dynamically after post back,you can check this with view source option after rendering the output by right clicking on the page.
So problem is with this statement,

C#

document.getElementById("txt_TotalFees");

here your js is not getting "txt_TotalFees" particular ID.

so better solution to this is set

C#

ClientIDMode="Static" attribute to each and every control on your page

please refer this to get info about ClientID property..

Happy Coding..... :)

javascript when masterpage is used

3 solutions

Solution 3

Solution 1

Solution 4

Add your solution here

Preview 0