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).
View 2 Replies
ADVERTISEMENT
Jul 1, 2011
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.
View 1 Replies
View Related
Mar 7, 2009
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.
View 12 Replies
View Related
Apr 12, 2006
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.
View 7 Replies
View Related
Jul 15, 2009
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.
View 1 Replies
View Related
May 2, 2011
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?
View 1 Replies
View Related
Mar 14, 2010
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:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
View 3 Replies
View Related
Dec 20, 2011
I have this slider:
<ul id="slider">
<li> Content a</li>
<li> Content b</li>
[code]....
View 1 Replies
View Related
Feb 12, 2010
I have simple web contents in a page on one server, [URL] and want to plant that in a page on a second server, [URL]
This code doesn't work:
$(function(){
$("#test").load("http://foo.bar.org/test.shtml");
});
although it does work if I put test.shtml on the second server, bar.org, and refer to it relative to root.
View 2 Replies
View Related
Oct 16, 2009
i want to refresh a div with the contents of the same div is this possible
<div id="time">
<table>
<tr>
<td><?=date('g:i:s a')?></td>
[Code]....
View 1 Replies
View Related
Mar 3, 2011
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);
[Code]....
View 2 Replies
View Related
Jul 20, 2009
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.
View 1 Replies
View Related
Sep 4, 2009
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.
View 2 Replies
View Related
May 13, 2011
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?
View 1 Replies
View Related
Nov 3, 2010
how would I get the contents of an ajax load to be added after a certain <tr></tr>?
View 1 Replies
View Related
Aug 29, 2010
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?
<tr id="e2c420d928d4bf8ce0ff2ec19b371514">
<td><div id="item_name">asdf (asdf)</div></td>
<td><div id="item_description">asdf</div></td>
<td><div id="item_price">1234</div></td>
[Code]...
View 2 Replies
View Related
Nov 27, 2011
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?
View 1 Replies
View Related
Mar 2, 2010
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".
var objIframe = $('<iframe></iframe>').attr('src', '/includes/blank.jsp').attr('id', areaIfrId).addClass('areaIfr').attr('frameborder', '0').width(objW).height(objH).appendTo(areaParent).attr('allowTransparency', true).css({
'background': 'transparent',
'padding': '0',
[code]....
View 2 Replies
View Related
Aug 13, 2011
I'm trying to refresh this div:
<?php
echo "<div id='some_div'>".rand()."</div>";
?>
For that, I wrote this jquery code:
$(document).ready(function(){
setInterval(function() {
$('#some_div').load(location.href+' #some_div>*');
}, 3000);
});
But now, instead of refreshing the div, it seems to be hiding it.
View 4 Replies
View Related
May 22, 2009
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() ) ;
View 1 Replies
View Related
Apr 15, 2011
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
<iframe src
="/Resume/resume.html"id
="ifres
[code].....
View 4 Replies
View Related
Nov 27, 2011
I've got such code:
$(serv_response).hide().appendTo($('.topics_block')).fadeIn('250');
and it works perfectlyBUTI want to replace the block ".topics_block" not adding AFTER it anything, just replace the contents, how to do it?[URL]
View 1 Replies
View Related
Sep 24, 2009
I am trying to refresh the contents of a division without refreshing the entire page when a button is clicked.I have tried
$("#close_add_event").click(function(html){
$("#add_event_div").fadeOut(600);
$("#contents_inner").html(html);
});
I have also tried
$("#close_add_event").click(function(html){
$("#add_event_div").fadeOut(600);
$("#contents_inner").replaceWith($('#contents_inner', $(html)));
});
But all this does is clear the contents of the div. Most of the tutorials I have found are refreshing a div with external contents.
View 2 Replies
View Related
Aug 31, 2011
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",
[code]....
View 2 Replies
View Related
Jun 23, 2011
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.
[Code]...
View 7 Replies
View Related
Jun 12, 2011
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.
View 1 Replies
View Related
