Jquery :: Sortables Using DIV Elements But Contents Vary
May 5, 2009
I am trying to make a front page that is a dashboard much like the BBC website. I am constructing the widgets using block elements and the contents vary from widget to widget. I can get the items to drag, drop and toggle slide using JQuery UI, however I want the user to be able to customize their placement and remember them in a cookie for the next visit.
The closest thing I have seen and tried is using sortables but that can only be achieved with list items and in turn invalidates my code when trying to put a div or table elements there. Is there a work around for this? I've tried looking at the code of the BBC site and it appears that the widgets get rendered after the the page is loaded (as it does validate as XHTML Strict).
I'd like to be able to select which drop targets are "live" according to the object being dragged. I tried changing the connectWith in the drag start bit it didn't work. It doesn't much matter how the live/not live is achieved -- making it 'not a drop target', greying it out, etc. I'd prefer not to have to hide the non-live targets, although that does work of course.
I have a problem with UI sortables. connectWith option is not working in my system. I have copied portlets example from [URL] and used my jQuery UI scripts(1.6rc4). Them also I am not able to drag portlets in one column to another. I am using jQuery 1.2.6.
In my document I have a table row with an unknown number and type of elements. I want to make a set of name-value pairs contained in this table row, while I do not know the names of the elements in advance.
Is there something like "give me all children of this table row"? Can I get all children in the document with a wildcard 'Subname*', like give me all elements starting with 'Subname'?
It's for an Intranet so the browsers could only be IE 6.
I'm looking for javascript to analyze the contents of a textbox and replace the contents with the appropriate date. To make that a little clearer, if the user types 'tomorrow' then when they tab/move onto the next text box the 'tomorrow' text should be replaced with the date for tomorrow in the format dd/mm/yyyy, if the user enters '1 week' then the text should be replaced with the date in one week in the format dd/mm/yyyy etc.
Im currently working on a project with jquery... the thing is.. i need to change the contents of a div named "sub2" with the contents of "pets.html"... i've read some tutorials and i thought the best way to do this is through the use of jquery...
Here's my code:
My image which is supposed to be clicked contains this:
The code is working ., but when i transfer my codes to netbeans with Tomcat running the code didnt work ...
Is there anyone here who knows what's wrong or what should i do with my code?
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
i am trying to get the contents of a php file into a div. however none of the php code is inserted, it will only insert html(stuff outside of the <?php markers).
function preview() { var content = jQuery('#message').val(); jQuery.get('parser.php', {content:content}, function(txt){ jQuery('#preview').html(txt);
I am having trouble trying to load contents on a tab in accordion on the fly. Which means, the content for a particular tab will only be loaded and displayed when user click on it. Is there any example available? I am still trying it with Ajax. I know this is the correct direction but couldn't sort things out.
I am using a dialog where my content causes scrollbars to appear. In IE8 everything acts as expected and scrolls smoothly. It's only using IE6 and IE7 that causes the problems. Content doesn't scroll at all. Scrollbars move, but content doesn't and then suddenly it does, but appears on top of the titlebar.
Is there anyway to access an iframe's contents via a selector? Something like this:
$("iframe::contents .my-foo")
I'm constantly accessing an iframe's contents for a project I'm currently working on and $("iframe").contents().find(".my-foo") is becoming a bit tedious to type out.
If this feature doesn't exist in jquery out of the box, is there a plugin that provides this functionality? If not how could I write such a plugin?
I am a lil new to JQ. I have a table and each row has a unique id like so<tr id="123">. I have a edit button in one of the fields on that row, and I want to turn that row into a form. How can I grab all the values of each field in that row and store them as a variable when the edit button in that row is clicked?
I already google this butwasn'table find any thing!.I just wonder if you can tell me where I can find a Jquery plugin which let the users to print aspecificpart of apage(let say a div for marks result!) as a pdf file?
I am trying to manipulate the contents of an iframe. I have always had success with this in the past but I am stumped this time. The following code works in FF3x but not in IE8.The first alert comes in correctly while the second returns "null".
i have an iframe on page to hold record editing form - the form presented in the frame needs to be different sizes depending on the form size i want the page called to resize the frame but, i can't figure out how to refer to it from the page loaded in the iframe parent().$("#myiframe").height( $("#formcontentwrapper").height() ) ;
So I have a wordpress site I'm just quickly prototyping the design of for my 3D portfolio.I'm using an iframe to display another html page I have for my resume. I want to use jQuery to remove the css paddingYou can see the code that wordpress outputs over herePageCodeThe iframe code in specific is
I'm currently trying to get the contents of an iframe's body without any mangling of content by the browser.I could do it by including the content in a textarea, however i want to avoid that.using .innerHTML results in special characters such as "<" ">" and "&" being converted to "<", ">", and "&"respectively.To test, build an html file containing:
{ "id": 5, "testtext":"I am > than this & < that",
I have the below code that I'm trying to read the contents of an XML file using jQuery, but I seem to have a syntax error on the line that starts with $('<div id="link_'+bannerId+'"></div>').html. Could someone I'm sure it has something to do with somethign not being terminated, or a quote, or something.
I use .prepend to add html contents in an existing html tag. When i view the source in IE i can't see the added content. I tried it with Chrome and it's working and see the contents immediately.
