Can anyone think of a (preferably quick) way to move the data() attached to a DOM element to a new instance of itself?
The lightbox plugin I'm using deletes and re-appends and element to the page in order to display it in the lightbox (to aviod the multiple-ids issue that ASP.net has), and obviously the .data() that is attached to the element is lost when this happens.
I would like to select an element that is in the same TR as another element I found with a selector. The selector itself: $("input[name='sMessageValue']","#messageTable") Now I have this element and got its value I would like to find a checkbox located in the same TR, i tried this as starting point : $(this).(':parent').val(). But seems not the right thing to do.
View 9 RepliesI want to bind an event to a certain class and ID for when matching objects are created in the DOM.I am doing this as I have some jQuery code in an ASP UpdatePanel, which causes the DOM to be re-loaded on its partial postback. I have reset the events with live(), however I need to call a 2 line initialisation function as soon as the elements are created.Is there any way to attach this to live(), or some other jQuery function, or will I have to write code to do this myself?
View 2 Repliesin my gridview there are 4 columns,one of them is Slno.
I want a jquery to move the 3 column parameters up and down except "SLNO"
Javascript automatically move cursor to next Input Control(Like Textbox ,Dropdown,checkbox,radioButton these Controls are usen in Gridview) in gridview using up/down Key.
View 1 Replies[Code]....
i want to get data from database of field Name and Gender, and then display it in Label name and gender. when i click save it move to next record and display name and gender that next record.
My web page has two ways of displaying a particular content. 1. When the page is loaded, the items ( images with anchor tag) are generated using ASP Repeater. 2. When user perform some Ajax action, the images are returned as JSON and I use jQuery for creating the a & img tags.In both these methods, the anchor tags with images are displayed with width 60px. There is no CSS class applied. But strangely the display is not consistent. Here is the both displays:I wonder why this difference occur. I check this with all browsers ( IE,FF& chrome) and all behave the same. Here is my jQuery code:
$('<a>').attr({ href: '/Detail.aspx?id=' + result.it[i].pid, title: result.it[i].nam }) .html("<img src='" + result.it[i].url + "' title='" + result.it[i].nam + "' alt='" + result.it[i].nam + "' width='60px' />").appendTo("#SummaryDiv");
Any idea why this behaviour occurs? I also checked the css applied to these elements in chrome and FF.. they seems to have all the same CSS attributes.
I am new to jquery. I've got following problem.I created template
[Code]....
But now I would like to interact with elements of this table.Unfortunately, I cant find any element except for "personsList" table tag.
I am trying to send data from text fields created on the client side (via jquery). The problem is the data from those text boxes is not being post back ( I'm using asp.net webforms)
I have used fiddler to view the post back data and it isn't there for those generated text fields.
I'm surprised no one figured it out. I was switching from server to non server controls I forgot to give the non ones a name field..........
// Add answer field
$('#addAnswer').click(function ()
{
count++;
var html = '<p>' +
'<input id="answer' + count + '" type="text" maxlength="255" runat="server" />' +
'<a id="removeAnswer" class="removeIcon" href="#"><img class="removeIcon" src="/Content/images/minus.gif" /></a>' +
'</p>'
$(html).appendTo('#answers');
return false;
});
I am using jquery to move gridview rows up and down using mouse drag and drop.
View 3 RepliesI am working on some document management system, in that user need to do comments on the image, i have div tag with textbox control, i want that div tag like mobavle. Also, they want to do singing / stamping over the image.i am planing use draggable div tag with image control.is it possible to move the div accross the image?if scroll bar(vertical & horizontal) comes what will happen? how to get the dragged co-ordinates after the drag?
View 1 RepliesHow to add a class before a given element?
The code doesn't add a class but instead add a new element. [:(]
[Code]....
would like to sort an UL dom element having some LI elements.I'm stuck and some plugins I found are not correctly working, so I maybe need some custom code.The UL :
[Code]....
So the li elements contains the span element that has the real text that needs to be sorted, it is important that the li should be moved as the custom attribute id is required for another purpose.
I have this script which kinda works
[Code]....
But it doesn't slide correctly. It jumps instead of being smooth. And it only slows down when the report viewer is involved.
I want to catch click event on every link in one element for example my html looks like this : [Code]....
and my function is this:
$("#test").children("a").click(function (e) {
e.preventDefault();
$("#okno2").append("Kliklo se z prvního okna!");
});
but it catches only the click event on the first link but on the nested link in <p> it doesn't respond. Is there any way how to get all children not only the straight, but also the nested ones?
i have a website with an upload module the upload module is capable of adding new upload control using javascript using this code
[Code]....
This the VB code
[Code]....
But this are the errors per situation,
1. when i add 3 upload controls and upload 3 different images on each controls. when i look on the directory where it falls, of the image of the first is also the image of the remaining 2.
2. when i upload 1 image and upload 1 doc file, the image is ok but the doc file is corrupted.
3.when i add 5 upload controls but uploaded an image on the last control, the image ends up as corrupted.
I used to have this one...
at the head part
[code]....
So what changes should i make to the jquery.openid.js to make it work?
I mean in the first case the $this refers to form.openid:eq(0) In the second case the $this refers to #text.openidd and the form is never submitted.
I guess something like this one $this.FindParentForm exists in JQUERY, but i have no clue!
I added the div tag as enclosure for the elements. The form contains other <li>'s etc that jquery messes with. And i would not like that! That's why in my post i believe that the work has to be done in the jquery.openid.js file... something like
$this.GETParentFORM.unbind('submit').submit(function() {
$id.val($this.GETParentFORM.find("li.highlight span").text());
});
$this.GETParentFORM.submit();
I am trying to auto fill city and state value after user typing 5-digit zip code. The Ajax part works perfectly, the problem is I have two sets of zip/city/state fields in one web page. I searched this issue for quite a while, using next(),nextAll() even slice(), none of them work in my situation.
Web page related part:
[Code]....
After using Ajax function I get returned value for city and state. For each city textbox I give a "city" class, for each state dropdownlist I give a "state" class. I wonder how can I put those value into right position?
I have a jQuery function that performs slideDown anitmation on a certain element when clicked like this
$('.Minimize').click(function() {
$('.ContentTD').slideUp('slow', function() {
//animation complete
});
});
the above script is written inside a web user control.
the problem is that if a page has many instances of the control, the slideDown function is executed in all the instances in the page.
I want the function to be executed only in the control I click.
How to check if the next element is visible or not?
My condition always ends visible when I toggle the element <ul>. [:(]
<ul>
<li><a href="#">Programming</a>
<ul style="display: none;">
<li>ASP.NET MVC</li>
[Code]....
i am developing an ASP.NET website with a master page,i want to get an element in masterpage from another page inheriting the master page i know how to do this in c#, but i want to make this from jquery.
View 6 RepliesI want to replace a form element with a div and keep the inner html of the form inside the inserted div element. i tried jquery it gives me unkown html element as selection result,
below is the target form and inner html:
<form name="Contents2_frmLogin" action="/SiteManagement/SiteWizard.aspx" method="post"><table border="0"><tr><td></td></tr></table>
</form>
stackoverflow not allow html code. it is just a form element with a table inside and some input elements
I have and problem of validate my element from the out side the form tag.
Here I am describe what I have done and what i need :
[code]...
now this TxtSite element is out side that SiteDetail form and i want to validate this element when i have submit data this validation should be validate.
I need to make JQuery Tab element, with tabs in a few rows, because in one row does not fit!
View 6 RepliesI have an containing a list of divs that jQuery turns into progress bars. On .ready, I build a list of all of these progress bars and for each one, call a webservice that gets a value indicating how full the progress bar should be. In order to do this, I need to pass the ID of the div to the web service.
Because the divs are inside a ListView, I manually set the id to be id="completionbar_<%# Eval("MilestoneID") %>"
However, when I pass this id into my web service, it comes up as "undefined" every time. When I view the source, it looks like it's set correctly.
Here's the jQuery that calls my web service:
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$(".MilestoneCompletion").progressbar({ value: 0 });
$.each($(".MilestoneCompletion"), function(index, barDiv) {
[Code].....
I'm thinking maybe the script is executing before the DIV id is set by the ListView databind?