java script not working on master page & content page

Question

1.00/5 (2 votes)

See more:

plz help me java script code not working on master page in my project

on master page i am trying calender control on texbox

XML

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage2.master.cs" Inherits="MasterPage2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <asp:ContentPlaceHolder id="head" runat="server">

    </asp:ContentPlaceHolder>
    <title>Education Gateway</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet"  href="Bootstrap Files/css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="Bootstrap Files/css/bootstrap-theme.min.css" type="text/css" />

this is javascript file calling from solution explorar

 <script language="javascript" src="cal2.js">
</script>
<script language="javascript" src="cal_conf2.js"></script>


</head>
<body>

ON CONTENT PAGE

XML

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" name="sampleform"    Runat="Server">
    <br />
    <br />
    <div style="margin-left: -3px; margin-top:165px; width: 1007px;">
    <strong><asp:Label ID="Label15" runat="server" style="color: #FF3300" Text="Label"></asp:Label>
                </strong>
    <table class="table table-hover">
        <tr class="info">
            <td colspan="4" class="auto-style3" style="text-align:center"><strong><em style="font-size: large; color: #006600">Student Registration</em></strong></td>
        </tr>
        <tr class="info">
            <td class="auto-style17">
                <asp:Label ID="Label2" runat="server" Text="Date" style="font-size: large; font-weight: 700" ></asp:Label></td>
            <td class="auto-style18" >
               <%-- <asp:TextBox ID="TextBox1"  runat="server"  data-toggle="tooltip"
        title=" Date " placeholder=" Today Date" Height="22px" Width="297px" EnableTheming="False"></asp:TextBox>--%>

THIS IS CALL JAVASCRIPT FUNCTION ON CONTENT PAGE 
  <input type="text" name="firstinput" size=20> <small><a href="javascript:showCal('Calendar1')">Select Date</a></small>

Posted 5-Aug-14 18:59pm

Nishant.Chauhan80

Updated 5-Aug-14 19:22pm

v2

Add a Solution

Comments

Rafeeque B Muhammad 6-Aug-14 1:12am

provide more details what you are trying?

Sergey Alexandrovich Kryukov 6-Aug-14 1:20am

It is not working because you screwed it up.

Is it clear enough for you to solve your problem? My answer is at least not less certain that your "question". Isn't that obvious?

—SA

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)

Sibeesh Venu · Answer 1 · 2014-08-05T19:16:00

What exactly you are trying ? Please provide us some more details.
When you are using master page , the client id's will get changed something like "ctl000_ContentPlaceHolder1_ txtitems", and it is browser dependent. so every browser may show different id's. So you need to find the actual clienID before you proceed with javascript
Please refer Master Pages and JavaScript document.getElementById[^]