I am trying to select (and then clone) an entire DOM structure excluding one div.
The DOM is stored in a variable like this: var original = $(this).closest("table.mainContainer");
The I try to exclude the div in the clone like this $(original).find(":not(div.container)").clone();
But the div is shows in the clone.
Given the following structure:
<div id="section_list">
<ul>
<li></li>
<li>
[Code].....
Not only does it look hacky, but it's giving me obviously bad results. To complicate things further, I'm using MPTT for my tree data, so sortable's serialize isn't much help, unfortunately. I originally thought I might figure out the parent_id, lft, and rght values upon sort but that would entail storing all that data somewhere in the DOM. I then realized that, if I can just get the number of positions moved, I could update the DB with that information.
The cloning of 2 elements WITH their events works untill we come into another event. Here is a part of the code:
var nieuweBehandeling
= $('#nieuweBehandeling').clone(true, true);
$('#nieuweBehandeling').remove();
[Code]....
I'm using Prototype and scriptaculous either, but here it is:
I have two select areas and scripts to transfer items between the two.
Everything works great in FF, but in IE when an option gets removed it
removes the entire select area. Has anyone ever seen something like
this before?
Table contains two select boxes that are linked to each other and a textfield.I would like to make it flexible so that I can have a button to add a Row and delete a Row.I tried this :
Code:
<script type="text/javascript">
var clone;
[code]....
Is it possible to have a datepicker which excludes certain days? I'm looking for a script which I can set what days a user can select. Ideally I would like to be able to set a few specific timeslots along with this.
I would like to :1) create a new div with an ID2) clone the content of a div into the new div created To do that, I have this code :
var e = $(document.createElement('div')).attr("id","new_pathologie_"+i);
$("#pathologie").clone().prependTo(e);
This code doesn't work.
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:
<script type="text/javascript">
$(function() {
$("#enddate").datepicker();
[code]....
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.
View 1 Replies View RelatedI'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?
View 2 Replies View RelatedI have a nested listview in my app which creates table inside table at runtimei need to get value of td from second tables tr where i have row number of first tables tr?
<listview1>
Is it possible to change a document structure definitely using JQuery ? I used .html() but after refreshing the page the changes I've done disappeared and were replaced by the default contents
View 2 Replies View RelatedI 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.
In my application, there is a view page to show the table of Attributes name as the header and its value filled by many people below. [code]...
View 3 Replies View RelatedI have two elements:
<button type="button" id="thebutton">Click me.</button>
<input type="text" id="thetext">
That I use for the following function call:
ReloadElement($('#thetext'), $('#thebutton'));
The function is:
function ReloadElement(thetext, thebutton)
{
thebutton.mouseover(
[code]....
I have a string that is like [{"carePacks":
[{"businessCode":"J1PS","description":"HP 1"}],"coveragePeriod":12},
{"carePacks":[{"businessCode":"J1PS",
"description":"HP s"}],"coveragePeriod":13}].
How to convert it to a json structure and how to get data from the data structure, like get "HP 1".
I'm using jQuery to created a linked TOC that appears in a dialog box. The function I wrote to do so finds all the h4's in the page and
[Code]...
I have the following data structure (shown in code view below) coming back from a query. How can I loop over this and create an <li></li> for each record on the client side?The end result should be :
<li><a href="page.htm?id=1
">Kate
</a></li>
[code]....
I have a JSON data structure that I'm pulling in VIA an AJAX call. What I want to be able to do is click a button/link and be able to save this data structure to disk, but I'm not really sure how to go about this. I've been experimenting with the following:The link has the following format "<a href='data:application/json, " + data_structure + "'>Click here!</a>" I've been able to replace data_structure with text and /json to /rtf, which gives me a pop-up 'SaveAs' dialog box, and when I open the file, it has my text in there. However, if I do data_structure, I just get [Objectobject], which is telling me that I'm passing in the object, but that's basically it, I need to expand it out? I'm not really sure how to do that...Which leads me to calling a perl script. So I make an ajax call like so:
$.ajax({
'dataType': 'JSON',
'type': 'GET',
[code]....
This is my table structure, I want to find out the index of the tr which first td is empty, in this case, the index should be 1, how to pick it out?
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr><td>1</td>
<td>1</td>
<td>1</td>
<td></td></tr>
<tr><td></td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr><tr>
<td>2</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr><tr>
<td></td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr></table>
I want to build something like a foldable tree using Jquery. But the problem is I am getting the values from a Database.My database structure is
ID--PID----NAME---------NUMBER---------ROLE
-------------------------------------------------------------
1--0---------John----------1234-------------Manager
[code]....
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:
$("a#add_template_item").click(function(){
$('#cs_' + ($('#sortable li').size()-1)).clone().removeAttr("id").attr('id','cs_' + $('#sortable li').size()).appendTo('#sortable');
});
(All that is doing in the code snippet is checking to see what ID to assign to the new cloned LI item...)
Has anyone been able to clear the input values of a newly-cloned item in jQuery?
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)
View 4 Replies View RelatedI'm trying to make an accordion structure, load dinamically content. This what i done, and that's work, but now i need to improve it.
Here the css
<style>
.project { display:none; }
</style>
<div id="project-box">
[Code].....
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.
my template.js just reads:
canvasTemplate = ['H0V0',..................,'H99V99']
Do I need to identify as an element differently so jQuery can locate it?
Each time you click for a new 'show' it needs to run a function of cashing a fresh copy of this array to operate on.