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 have some code like below in an aspx page:
[code]....
I had thought that returning false would keep my asp.net OnClick even from firing, but it still does. I've confirmed that it is getting to the return false section of code using alerts. Is there anything I can do to stop it from firing using jQuery/javascript?
I have two click handlers hooked on the click of an anchor. I want the first handler to be able to cancel the propagation of the event to the 2nd handler. Also, I want to be able to cancel the default click behavior of the anchor.
Problem is, StopPropagation is not found as a method on the "e" object passed to the event handler. Why is StopPropagation not found?
[Code]....
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]...
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!
In Key Press Event i have put the logic of search in textbox, when i press enter key it will take the values from textbox and brings the data in DataGrid.
In another event of GotFocus there is an logic of autocompletestring collection from Table. If i type a in that textbox it will shows all the suggested string in that.
If i comment the logic of GotFocus Event for textbox for autocomplete then only then Key Press events work else its not working. I dont know why its happening.
So GotFocus loic creates the problem.
[Code]....
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 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?
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.
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 a small website where I want to display a confirmation dialog after clicking on a button.
When you click the confirmButton the dialog appears. Then you can choose between Yes or No to either continue with the PostBack or to return.
Problem: The first time you get into the site all works fine. But after you click Yes to continue with the PostBack, no click event will be triggered anymore.
Here is some code.
[Code]....
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. :)
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
Code Example:
$(document).ready(function() {
txtchangefunction();
});
function txtchangefunction(
$(".textCssClass").change(function () {
....});
or $(".textCssClass").bind('change', function())
both work for Chrome etc. but not IE8. no console error comes out.
i'm trying to make this work for several days but it just doesn't work.
this is my code:
aspx page:
[Code]....
webservice:
[Code]....
this was downloaded from this website.
the problem is that the page loads fine but no autocomplete occurs.
I use a validation control to check if value entered is numeric. When I type letter in the textbox, the error messages shows for a second, then the application continues, and eventually throw exception.
I'm going to add server side validation in code behind. But I wonder why the validation control doesn't stop the application. I don't see any difference between this web form and other web forms where validation controls work fine.
I am running a web project on IIS 7.5 and the rewrite stopped working. I am trying to rerun it with IIS 6 and everything perfect. only with IIS 7 it tells me that the page not found.when I am using VS2010 to run the project then the rewrite solution works. when uploading it to the server eith IIS7.5 the page cannot be found..
View 2 RepliesI am a new to WCF. I have written ajax to use a web service before, but on this project I am trying to use ajax to WCF.After I build the project and wcf using ajax, I receive the return successfully. But, 10 or more minutes later I don't get a return, the ajax calls the error function, and the fiddler returns nothing.
If I rebuild the project without any source modifying, I receive the return successfully again.