I'm a starter in using jQuery and I decided to work my way through the 'Learning JQuery' book from packt.Somewhere in Chapter 5 they use the clone() function with the false attribute. The JQuery version used in the book is 1.1.3a. With the clone(false) method the writer can clone only the matched element and not the descendants. And that works in 1.1.3a.I know that this is no longer the case in JQuery 1.4. Boolean is only for Event Handlers.But what is the new equivalent of this method? In other words. How can I clone an element with only the matched element and not it's descendants?
I know you can use :even or :odd to get the even or odd indexes from a set, or :lt/:gt to filter down the matched set before/beyond the specified index. But what if I want to select every 5th element? And I know it's not nth-child, because that selects everything that is the nth-child of it's parent and not if it is one of the nth elements in the matched set. Is the only way to use .each(function (index) {...}); and then check if the index makes that element one of the nth items?
I'm binding a click event to a div so that I can see whether is was the div or some element inside the div that has been clicked. When the if() in my code evaluates to true $(this) is still equal to $("#content") whereas I'd like to have the clicked anchor as matched element. How would I do this?
I've got a scenario where i've got a list of text names on a page and a rotating gallery of images. Each image relates to one of the names. What i would like to do is highlight the name by adding a css class or id when the related image comes into focus.
I'm sure i can do this by using the rel element to relate to the id of the image (or the other way round!) but i'm not sure exactly how. I presume it's using jquery live and matching with selectors.
I have a form wich has a add/remove row button, this so the visitor can select multiple sets of data. All is fine and is being submitted via PHP.
Only problem is from number 10 and up, i am getting strange random numbers in the new rows that are added in their name. Like 1111 (instead of 11), 122222 (instead of 12). And because of this, every row from 10 and up won't be send through php, giving this random effect.
I have spent the last week trying to figure out how to do the following: User types some text in a text box. The autocomplete queries a php script that returns JSON of matched values. I have got thedrop down list to show these values but I cannot for the life of me get the matched characters to turn bold. For example, if the user types in "rav" and my list contains:
RAVEN RAVE RAVEL
then I want it to appear as
RAVEN RAVE RAVEL
My current JS code is as follows (along with HTML):
I have code to add a row dynamically to a form in my page when an element with class 'addRow' is clicked. The tables (2 tables in one page) that I want to add the row to have class 'tableAddRow'. The tables are contained in a form. But for some strange reason the code only adds to the last matched table in the page. I tried using the $.each selector but nothing works.
Here is the code: $(document).ready(function(){ $(".addRow").click(function(){ $(".tableAddRow tr:last").clone().insertAfter(".tableAddRow tr:last"); $(".tableAddRow tr:last input").val(""); }); });
I am new to jQuery and I am having trouble with the syntax, selectors and refining when trying to create functions. What I am trying to achieve: I have a gallery consisting of a ul with images placed in vertically stacked list items. The ul is in a fixed size wrapper with overflow:hidden so only the first list item displays. The user clicks a button and the first li is hidden using hide(400). This makes the other list items flow up and reveals the second list item within the wrapper window.
When the last list item is visible, the click will show(400) all of the list items again, causing them to flow back into order and only the first item will be showing again. Further clicks will repeat this process from the beginning. I know what I would like to do in terms of code, but I am having trouble with the correct syntax, selectors and refining. I have included the html and description version of the code I was hoping to create. I know the code could be much more efficient by placing functions into variables and testing for true false, but I would like to see the steps with my longer code description for learning purposes. Perhaps afterwards someone can blast it off in two lines.
I'm having an annoying issue with addClass(). I'm trying to find all divs with id name '#moldura_slides' and add the class '.horizontal' to each one of them. The problem is that only the first div matched gets the class. The others are just ignored and don't get it. $(document).ready(function(){ $("#moldura_slides").addClass("horizontal"); }); This is the page: [URL]
Each anchor is unique, but the title attribute may match the exact title of one or more images. Where a match is found, either once or more, the title text is copied - once - into the anchor element.
I tried to use delegate, but it is bounded with events. I don't really want to execute a function on a standard event. But I would need to change the elements that match a selector, when they appear in dom. Is possible to "unhook" delegate from events?like for all existing and new elements with class ".red" to add to the "data" a new key "initiated:true".
I have dialog clones that pull source from another file. I would like to have datepicker on these dialogs but I am not sure how to do this. I am able to do this on the regular dialog (non-clone) by using:
I am having problem with displaying data in fckeditor. I am opening clone dialogs that display forms from another page. Everything comes up fine but fckeditor is not displaying any data in it. This only happens on IE8, no issues on FF. If I view this page outside the jquery dialog everything works fine. So there is conflict between jquery dialog and fckeditor.
I have a block of HTML that I am cloning, as I want to manipulate it to remove an element, so that I can then append that new HTML somewhere else on the page.
[Code]....
Then in the jQuery, I have tried many different ways of removing stuff from that clone, but with no luck. E.g.
var cont = $('#container').clone(); $(cont).remove("copy_btn").appendTo("body");
There are no errors showing up in Firebug, but the html added to the bodu still contains the link with the id "copy_btn". Is this even possible? The api says that remove() will remove matched selectors from the DOM, so as this is just a set of elements is that the reason? If so, is there a way to achieve this, or would I have to append it somewhere on my page and then perform the manipulation?
I have a FORM with many elements, and some of them have names like "name1[]", "name2[]", etc..
I would like to create a button that, once clicked, will clone all the elements whose names end in "[]" (including labels, and select's options), giving them the same name (and possibly a different ID, but it's not important).
I am completely new to jQuery and almost new to javascript.
I came up with this code to clone the entire form:
<script type="text/javascript"> $(function(){ $('input.cloneMe').live('click',function(){ var f=$(this).closest('form').clone(true);
[Code]....
But how can i tell him to only clone the elements whose name ends in '[]' ?
i need to us instead of closest, but i really don't know what.
I've been searching this forum, Google Groups, and Stack Overflow this morning but I haven't been able to quite find a simple way to clone a LI element (that contains form inputs with data,) and erase the newly created/cloned LI's form inputs.
The function I'm using at the moment looks like this:
I just found out that clone(true) and my masked input plugin aren'tplaying nice together.Inside of my plugin I grab a reference to eachobject like this: "var input=$(this);" and then inside of my boundfunctions, I reference "input". After a clone(true) the events thatfire on the cloned input act on original input.Does anyone have any suggestions/guidelines for how I can make myplugin behave correctly with clone(true)
I'm attempting to design my first 'just-watch-it' canvas show, which fills in randomly each time you click start. Doing pretty well, but this is where I'm stumped:
I have an array of 10,000 coordinate pairs = absolute positions on my canvas. I have this monster array on its own 'page.js' and used a <link src="template.js .. to link it in the head of my 'canvas.html'
How do I instruct my script to make a working copy of it? I don't want to manipulate the template array, but my script needs to make a clone of it ...as what? a variable? an object? I don't know what functions to use. This clone will be manipulated and have indices removed one by one as areas are filled in on the canvas.
I am currently using this function to clone rows in my table when a user clicks 'add row'
The problem is, obviously, cloning the row also clones any of the data that the user may have already entered. I need to just clone the elements of the row, not the user entered data. Is there a way to remove all data from a row before it is cloned?
Hereyou can find the whole example. By clicking onClick to Addyou will clone 100 times the elementtrackOn; then it will be append to the tabletracklistOn. Unfortunatly, if these elements are inside aformyou can see that the time is very high before the process is finish.If I remove the form, is quite immediate. Why this behaviour? How can I fix this problem? P.S. I don't know why, but I can't paste the whole code here. So follow the jsFiddle link please :)
i have a web service at this url http:[url]....i use hotel search file with HotelSearch method and method will retrieve xml file contains the matched data. the varialbe that i made post with it is named : HotelData
the data of the variable is a string file that contains an xml data like this
