I have user control with one textbox on it and i want to apply datepicker to.
here is the code of mycontrol.ascx
[Code]....
If I click inside text box control the datepicker doesent shows.
If I use the same code for showing datepicker on webform it works. Why? Do I miss something or I need something to add on my control?
everytime the user selects a date from my datepicker the for some reason instead of staying focused on the are the date picker is in it scrolls to the top of the page.
Heres the function located at the bottom of my asp.net page under the
<script>
$(function() {
$( "#<%= pissued1.ClientID %>" ).datepicker();
});
</script>
This is the code.
<td align="left" colspan="2">
<strong>
<asp:Label ID="labdi1" runat="server" Text="*Date Issued:"></asp:Label>
<asp:RequiredFieldValidator ID="p1divalidate" runat="server" ControlToValidate="pissued1"
ErrorMessage="You Forgot The">*</asp:RequiredFieldValidator><br />
</strong>
<asp:TextBox ID="pissued1" runat="server" Width="45%"></asp:TextBox>
</td>
and also on postback my datepickers stop working. For example i have a dropdownlist that causes postback and if the user uses the drop downlist then the datepickers stop working
Given:
<input id="datepicker" type="text" />
Where the id = datepicker tells the javascript to attach all the datepicker code to the form element, how do I turn this into a server control?
For example:
<input runat="server" id="datepicker" type="text" />
Doesn't work because ASP.net generates it's own ID's.
Edit
<asp:TextBox runat="server" ID="dateTo" class="datepicker"></asp:TextBox>
Renders as
<input name="ctl00$mainContent$dateTo" type="text" id="ctl00_mainContent_dateTo" class="datepicker" />
And doesn't work!
I created a .NET user control to work as a DropdownCheckbox and added Jquery to give the sliding and hide effects. The code is as below:
[Code]....
This control works fine in a normal page, but once I put it inside an update panel it doesn't work. Is there a work around or simply I can't use JQuery inside update panel?
I have 2 html TR that i make them runat="server" & visible="false" and I have a dropdownlist called citiesDropDownList
$(document).ready(function() {
$('#<%=citiesDropDownList.ClientID %>').change(function() { ValidateCity(); });
});
and on change of this dropdownlist i check if the its text equal to a string i show the 2 tr as below
function ValidateCity() {
if ($('#<%= citiesDropDownList.ClientID %> :selected').text() == identity_CityOther) {
$('#<%= otherCityTR.ClientID %>').show();
$('#<%= areasTR.ClientID %>').show();
}
var city = $('#<%= citiesDropDownList.ClientID %>').val();
return IsValid((city.length != 0), '#<%= cityDiv.ClientID %>', identity_CityRequired);
}
.show() isn't work at all and i don't the reason .. can any lead me to get the problem?
FYI : I tried $('#<%= otherCityTR.ClientID %>').show('slow'); and also $('#<%= otherCityTR.ClientID %>').css('visibility', 'visible'); but it doesn't work also.
I have a webdayview control (Infragistics proprietary ASP.net control) on my page. On the aspx source I've inserted some javascript (webdayview_click - clientside click event) that calls a webmethod in the codebehind. This seems to work fine, but when I
insert this webdayview control into a user control and move the corresponding javascript into the aspx of the user control, it doesn't work. I can't even insert a breakpoint into the javascript function to debug it. Is there a way to make it work? I want to enable the click event of the webdayview control so that when I click on it, the javascript function calls the webmethod. Here's my code (remember it is inside a user control):
[code]...
I posted this question on the Infragistics forum but didn't get any replies. Hopefully I'll get some here. :)
My button in user control doesn't work /its click event doesn't fire/. This user control is on the page that inherits from master page. Although, the user control buttons on the master page work correctly.
View 3 RepliesI have a form in aASP User Control (.ascx) file. Maxlength does not work for the multiline textboxe hence it is generated as a textarea, which has no support for this attribute. I could maybe use some asp validation, to prevent submission of too much text, but I want to prevent it to be possible to even enter too many characters, just like is possible for single line textboxes... I don't know if the control has any onload event that I could use to add attributes to the textbox from code behind and and combined with javascript fix this or anything..
View 1 RepliesI have developed an application using the Master-Detail pattern described in this Matt Berseth article.The only difference between Matt's article and me is that I am using a FormView object in place of a DetailsView.Everything works fine except that the formview object, in my case it's inside a user control and I can't figure out how to use the jquery datepicker UI plugin.I have tried to put the script block for the datepicker either in the aspx page as well as inside the user control but in both cases the calendar does not come up when the related textbox get the focus
View 17 RepliesI've a dataentry screen where I've to give the users aprovision to enter date and for doing that I've used a DatePicker control. The problem is when I'm clicking on the next/prev button to change the month of the calender, the calender is not staying on the screen. So in order to select other month the user has to re click on the button. find below the stepwise description of the problem I'm facing.
1. I click on the calender icon and the calender popps up.
2. Now user tries to navigate months (i.e June to July or June to May) using Next/Prev button of the Calender Control.
3. When Navigating from current month to next/prev month I want the calender to be shown on the screen but actually on click of the Next/Prev button one postback is happening hence I'm loosing the calender from the screen as the calender is loaded again.
4. I'm getting the selected date using onselectedChange event handler.
5. The users will have to click the button again if he wants to navigate to another month.
Is there any way to keep the calender on the screen during the month got changed.
I have the need to display a date in this format: dd/mm/yyyy. This is actually being stored in an ASP.NET textbox and being used as a control parameter for a select on the GridView. When the query is run, though, the date format should change to 'd M y' (for Oracle). It is not working. Can someone tell me what I'm doing wrong? Right now I am pushing the "new" format to a invisible label and using the label as my control param:
$(document).ready(function() {
//datepicker for query, shown traditionally but holding an Oracle-needed format
$('[id$=txtBeginDate]').datepicker({ minDate: -7 , altFormat: 'd M y' });
//get alt format
var altFormat = $('[id$=txtBeginDate]').datepicker("option", "altFormat");
//set date to be altformat
$('[id$=lblActualDate]').datepicker("option", "altFormat", 'd M y');
});
I've used some Jquery scripts for toggling image on a web user control, it work fine in explorer but got no signs of life in firefox!
Here the code for a test form in plain html (this works on every browser):
[Code]....
and in post-behind:
[Code]....
this is the toggle.js:
[Code]....
I want to implement jQuery DatePicker calendar plugin for ASP.Net TexBox control
View 1 RepliesI would like to know how to reference the asp.net text field which is in the EditItemTemplate tag of a DetailsView control to load the JQuery DatePicker when clicked in the JQuery script. Following are the code that I have, but it throws the error :
The name 'txtDateOfBirth' does not exist in the current context
JQuery at the header of the page:
[Code]....
I'm completely new to JQuery and MVC. I'm working on a pet project that uses both to learn them and I've hit my first snag.
I have a date field and I want to add the JQuery datepicker to the UI. Here is what I have done:
Added <script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
to the site.master
Inside my Create.aspx (View), I have
<asp:Content ID="Create" ContentPlaceHolderID="MainContent" runat="server">
<h2>
Create a Task</h2>
<% Html.RenderPartial("TaskForm"); %>
</asp:Content>
and inside "TaskForm" (a user control) I have:
<label for="dDueDate">
Due Date</label>
<%= Html.TextBox("dDueDate",(Model.Task.TaskID > 0 ? string.Format("{0:g}",Model.Task.DueDate) : DateTime.Today.ToString("MM/dd/yyyy"))) %>
<script type="text/javascript">
$(document).ready(function() {
$("#dDueDate").datepicker();
});
</script>
As you can see, the above checks to see if a task has an id > 0 (we're not creating a new one) if it does, it uses the date on the task, if not it defaults to today. I would expect the datepicker UI element to show up, but instead I get:
"Microsoft JScript runtime error: Object doesn't support this property or method" on the $("#dDueDate").datepicker();
It is probably a very simple mistake, so don't over-analyze. As I said, this is the first time I've dealt with MVC or JQuery so I'm lost as to where to start.
in a page of my asp.net mvc website jquery not worked. when i test the html source then i see the jquery script is not writtenonly one master page to load all jquery on every page .so where my jquery. when i debug my jquery then error found $ is not definedoff course it come because jquery not load
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.4.2");
google.load("jqueryui", "1.8.0");
</script>
<script language="javascript" type="text/javascript">
$(function () {
[code]...
I have a JQuery select component and a javascript function to handle the stop event:
[code]....
The script works fine in firefox and chrome but not in IE7/8. It is normally supposed to send a string to the openid_identifier textbox once the google or yahoo select box is clicked.
I am calling a jquery function after inserting a record to database...
[code]....
But it doesn't seem to work...
I have the following code:
<input type="text" ID="JOB_CODETextBox" runat="server" value='<%# Eval("JOB_CODE") %>' readonly="readonly"
onclick="$('#basic-modal-content').modal(
{
appendTo:'form', persist: true,
onClose: function (dialog)
{
document.findElementById('<%= JOB_CODETextBox.ClientID %>').value = 'value';
$.modal.close();
}
} );" />
The problem is, the binding '<%= JOB_CODETextBox.ClientID %>' doesn't work, it returns the same binding expression after renderign instead of replace it with the actual client id!
I have a small problem, I have a page which 4 jQuery modal popups. everything works fine, all the popup comes up however when i click on the button inside the jQuery popup nothing happens. I cannot figure out why.
This is the jQuery code i used [URL]:-
[Code]....
When Page_Load is running the first time, I set Image 1.jpg to the HTML control with sucess!When Page_Load is running the second time, the Image 2.jpg is Not set to the same HTML control?This even that it should though I use a MessageBox to se that the C# code is running that should set 2.jpg to the control
View 2 RepliesI have a little problem with my sliding panels, I have a Page with 2 sliding panels (right and left). These panels have a 'slide button' and you can reduce panels by clicking on it. I use cookies to record state of panel, so when you change page panels stay collapsed or extended. But it doesn't work very well, in fact the state is recorded for the page. If I change page, panel will extend (default position) but if I go back on the page it will disapear. Is it possible to ignore the path in the cookie and use a cookie for all website?
Jquery code :
$('#rightfold').click(function () {
if ($('.menudroite').is(':visible')) {
$('.menudroite').hide("slide", { direction: "right" }, 400);
$.cookie('rightfold', 'collapsed');
$('.triggerdroite').animate({ backgroundColor: "#B2C9D1" }, 1000);
$('#rightfold').animate({ color: "#000000" }, 1000);
}
else {
$('.menudroite').show("slide", { direction: "right" }, 400);
$.cookie('rightfold', 'extended');
$('.triggerdroite').animate({ backgroundColor: "#6c7a7f" }, 1000);
$('#rightfold').animate({ color: "#d9f4ff" }, 1000);
}
});
$('#leftfold').click(function () {
if ($('.menugauche').is(':visible')) {
$('.menugauche').hide("slide", { direction: "left" }, 400);
$.cookie('leftfold', 'collapsed');
$('.triggergauche').animate({ backgroundColor: "#B2C9D1" }, 1000);
$('#leftfold').animate({ color: "#000000" }, 1000);
}
else {
$('.menugauche').show("slide", { direction: "left" }, 400);
$.cookie('leftfold', 'extended');
$('.triggergauche').animate({ backgroundColor: "#6c7a7f" }, 1000);
$('#leftfold').animate({ color: "#d9f4ff" }, 1000);
}
});
// COOKIES
var leftfold = $.cookie('leftfold');
var rightfold = $.cookie('rightfold');
// Set the user's selection for the left column
if (leftfold == 'collapsed') {
$('.menugauche').css("display", "none");
};
// Set the user's selection for the right column
if (rightfold == 'collapsed') {
$('.menudroite').css("display", "none");
};
I am drawing a grid using HTML and each tr element has it's own id. I want to be able to remove a tr on a button click, but not have to redraw the whole grid to show that the row has been deleted. I can do this using .hide(), but the problem is that I need to call a function to stripe my rows after, and since the row is still considered there, the striping doesn't work properly.
View 3 RepliesI've added routes to my asp.net 4 website so that, for example the page: "~/Main/About/Careers.aspx" is mapped to the url: [URL] I'm using jquery to make an ajax call and it simply does not work after I've added the routing, I used the following code, and it remains stuck on the spinner image:
[Code]....
I'm trying to generate jquery vertical tabs using jquery template. I use this code :
[Code]....
Everything works greate on Firefox, Chrome, Opera and Safari but in IE this code doesn't work. When i looked on html source i saw that in IE instead on
[Code]....
I get
[Code]....
Because of this jqury vertical tabs doesn't work on IE.