[jQuery] clone() + Sortable and Draggable
Hello everyone ! I am facing a strange problem here : http://rejome.homeip.net:8080/prototype.html When I clone a list that is part of a Sortable, the Draggable objects are not bound to the cloned list, only the original one. Do you have a solution or a hint for me please ? Thanks in advance. Réjôme.
[jQuery] Cycle Plugin ScrollHorz effect problem in FF
I'm using the Cycle plugin and really like the "scrollHorz" transition
effect since it scrolls left/right appropriately when using the pager
navigation. But I'm having a strange problem with the very first
transition when viewed in FireFox (v 3.0.11 on Mac as well as 3.0.11
on WinXP).
You can see the page here: http://tinyurl.com/mmddkn
The main content to the right of the vertical image on the left side
of the page is what is being animated. If you click "Begin" at the
bottom right of that content, or click on any of the white words/links
on the image ("Strategy", "Requirements", etc.), the first time it
cycles, the content of the first slide squishes vertically as it
scrolls left, resulting in it overlapping the content of the incoming
slide. Every time after that, though, it behaves as it should and is
just pushed off the side of the section, without and distortion.
I've tried setting a height for the div containing the content, but
that didn't work.
Again, it only happens the very first time the scrollHorz is triggered
for the very first slide.
Anyone have any thoughts?
Thanks!
- John
[jQuery] Re: Jquery UI Tabs and Ajax
$("#tabs").tabs();
should be just fine, the type of tab is detected automatically. Unless
you're using a very, very old version of Tabs.
--Klaus
On 17 Jul., 00:49, havanna wrote:
> Hi together,
> I tried it in the group Jquery UI - but nobody answer there?!
>
> I'm really new to jQuery and UI. What I'm trying is to build a view in
> CakePHP with the jQuery UI Tabs. The first part, integration the
> informations from my Cake controller in Tab 1 to 4 is working.
> In Tab 5 and Tab 6 I want to show informations which are in relation
> to the dataset of Tab1 to Tab4. I.e. Im calling a Post-View. In Tab 5
> I want to show the attachements (1 : n relation).
>
> So I do the following:
>
>
> a>
> span> a>
> span>
> a>
> span>
>
>
> I think I have to tell the object, that the fiftht tab is an ajax
> call. But I don't know how to mix them:
>
>
> $(function() {
> $("#tabs").tabs();
> $('#tabs').tabs({ remote: true });
> });
>
>
> Have anybody an idea for me?
>
> Regards Thomas
[jQuery] Re: Get the HTML of the current node plus its Inner HTML
the native outerHTML property only exists in IE.
On Jul 16, 6:50 pm, FrenchiInLA wrote:
> each time that you need javascript function you can use [0] or 'this' in your
> case you can get it by
> if(this.nodeName.toLowerCase() == "table")
> {
>
> contentHtml += this.outerHTML();}
>
> or if have already selected your table, $table = $('selector') use
> $table[0].outerHTML
>
>
>
> bittermonkey wrote:
>
> > Hi,
>
> > I need to get all the TABLE HTML code within the tag for a
> > content-generating application. I'm trying to use the html() method,
> > but it only gets the inner HTML. I also tried clone(), but does the
> > same thing. Or maybe I'm using it wrong. Here's an example to clarify
> > what I wanted to do:
>
> > Input
> >
> >
> > some text
> > > table>
> > ...
> > > table>
> >
>
> > Output
> >
> > > table>
> > > table>
>
> > jQuery Code
> >
> > $("body").children().each(function(){
> > var contentHtml = "";
> > if(this.nodeName.toLowerCase() == "table")
> > {
> > //need to include the code here
> > contentHtml += $(this).html();
> > }
> > });
>
> > Thanks in advance.
>
> --
> View this message in
> context:http://www.nabble.com/Get-the-HTML-of-the-current-node-plus-its-Inner...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: File uploader with preview like box.net, etc.?
What was I smoking when I wrote that? No, the site that had the 'nice' uploader was: http://www.element-it.com/Examples/MultiPowUpload/ThumbnailsViewerHTMLinterface.html "Nice" in that it let's me select several files at once and has a scrolling region previewing all the pending uploads. But it looks hidious. And being a commercial product, advancement of it is destined to be a long, slow endeavor. On Jul 16, 9:34 pm, donb wrote: > Seems the preview aspect is being a real bugger - I don't see anyone > successfully doing it with any of the current crop of jquery > uploaders. > > There are a number of sites doing it, such as box.net which I think is > quite a nice one. > > I found some info on the matter here: > > http://blog.flexexamples.com/2008/08/25/previewing-an-image-before-up... > > I have Flash 8 and found it nigh onto impossible to do anything > useful. I wrestled with it for a time and finally quit, as it just > seemed so retarded AND it liked to randomly crash before I saved my > work. > > So I'm very resistant to getting a Flash 10 upgrade. I'm hoping > there's someone smarter than me tackling this monster. > > Is that the case? Anyone? > > tnx, > > Don
[jQuery] File uploader with preview like box.net, etc.?
Seems the preview aspect is being a real bugger - I don't see anyone successfully doing it with any of the current crop of jquery uploaders. There are a number of sites doing it, such as box.net which I think is quite a nice one. I found some info on the matter here: http://blog.flexexamples.com/2008/08/25/previewing-an-image-before-uploading-it-using-the-filereference-class-in-flash-player-10/ I have Flash 8 and found it nigh onto impossible to do anything useful. I wrestled with it for a time and finally quit, as it just seemed so retarded AND it liked to randomly crash before I saved my work. So I'm very resistant to getting a Flash 10 upgrade. I'm hoping there's someone smarter than me tackling this monster. Is that the case? Anyone? tnx, Don
[jQuery] My new website AllJobsXChange.com developed with Jquery
Hi. My website, www.alljobsxchange.com was developed with the use of JQuery. I really appreciate all the people that put their time and effort to make JQuery the way it is now. The site will go live in July 31, 2009. This site will allow job providers, job seekers, service providers and service seekers to manage their job and service posting needs. I am providing this to everyone absolutely free. Hopefully, you can take a look when it goes live on July 31. Go to www.alljobsxchange.com and enter your email address, so you will be notified when the site is ready. Anybody who would like a preview of the site, can contact me at webmas...@alljobsxchange.com. The preview site should be ready in a day or 2. Thanks, Son
[jQuery] Re: Convert single click to double click?
thanks for your reply - I think that's cracked it :)
On Jul 15, 1:21 am, James wrote:
> Is the callback function of thedouble-clickhandler separate (has a
> variable name to reference)?
> If so, just use that function as the callback to the single-click
> handler.
>
> Otherwise, maybe you can just have the single-clicktrigger
> adouble-clickevent. I haven't tried this.
>
> $("#myDiv").click(function() {
> $(this).trigger("dblclick");
>
> });
>
> On Jul 13, 3:59 pm, Piers Plowden wrote:
>
> > I'm wondering if anyone knows a method for 'converting' a singleclick
> > to (effectively) adoubleclickwith a timeout?
>
> > I have an onclick handler issue that requires adoubleclickfor an
> > event that the user will expect to need only a singleclickfor.
>
> > Thanks!
[jQuery] Re: Can't iterate through SPANs and execute Ajax GET
It's a scope issue.
$(document).ready(function() {
$("span").each(function (i) {
var mySpan = this; // set mySpan
$.get("myfile.php", { target: this.id, key: "value" },
function(data) {
// alert("Data Loaded: " + data);
// mySpan will be accessible in here
mySpan.innerHTML = data;
}
);
});
});
On Jul 16, 11:54 am, ajaxer wrote:
> As soon as the page loads, I would like to iterate through several
> span tags on the page and update their innerHTML to be the response
> from the AJAX get call. The line I have commented out, alert("Data
> Loaded: " + data);, works perfectly, but creates a bunch of alert
> boxes (which I don't want). And if I move the line "this.innerHTML =
> data;" out of the Ajax call, it works fine also. So I know all the
> syntax is correct. But when I put it together as outlined below, it
> just won't work. The Ajax is working, I also see the GET calls
> working fine in the Firebug console. It just won't update the
> innerHTML of the SPAN tags.
>
> Please, any help would be greatly appreciated!
>
> $(document).ready(function() {
> $("span").each(function (i) {
> $.get("myfile.php", { target: this.id, key: "value" },
>
> function(data){
> // alert("Data Loaded: " + data);
> this.innerHTML = data;
> });
>
> });
>
> });
>
>
[jQuery] Re: Recoving failure on request submission
I believe that jQuery Form extends jQuery's native $.ajax method, so you could use the options for $.ajax also. In $.ajax options, there's an 'error' callback for non-success responses. Additionally, there's a 'complete' callback which also passes a reference to the XMLHTTPRequest object (the core of what handles the AJAX call), in which you're able to look at HTTP Header Responses and such. On Jul 16, 4:55 am, Ícaro Dourado wrote: > Hi everyone, > First, I have to say the jquery form is just perfect and fills very > well a common issue for those who need to work with ajax. > I would like to know, or even sugest a new feature if it is the case: > how can we get, on client side and after an 'ajaxSubmit' call, the > error code produced on server side? Is it possible to include such > function on jquery form? Because we already have a 'success' callback > functionality, how about a 'failure' one?
[jQuery] Re: show dynamic changes when a refresh occurs
The data is still there since the browser does a cache of the form
info, but dynamically created elements do not get cached in the same
way, unfortunately.
I haven't tried this before, but one thing you can try is to have a
hidden input in your form, and the purpose of this is to store the
number of fields you have dynamically generated. Every time you add/
remove fields, you update this number. Then on page load, you populate
the form with this many extra fields. However, since I haven't tried
this before, I'm guessing that the new fields will not be pre-
populated like the other static fields
I don't think there really is any good workaround for that except to
constantly save the form data to a cookie or to a database (via AJAX).
Another is to use the onbeforeunload event handler which is triggered
right before a page is left/re-loaded, and a prompt will be given,
which can be canceled and the refresh will not occur. (Google Groups
uses this when you type a message and try to leave/refresh the page.)
Just do a Google search on this and you'll find out lots about it.
On Jul 16, 12:46 pm, Terry wrote:
> Hi, I have a moderate level of experience with javascript, and a good
> oo background. So, when I tried jquery I'm really liking it.
>
> I have a requirement to add input fields dynamically to the form since
> I don't know ahead of time how many entries the user may request. I
> was able to implement this with jquery very quickly with a small
> amount of code.
>
> When the form is submitted it is sent to the server with all of the
> data correctly passed. However, if I do a refresh, the dynamic fields
> go away, but the static fields still have data in them so I assuming
> that the dynamic data is still there.
>
> How can I verify this? When I show source, it only shows the original
> code; same even before the form is submitted. Is there a way to stop a
> refresh? This application may have 10 added fields or 300 added
> fields, and if the user does a refresh for some reason he'll want to
> see every thing that has been input so far.
>
> my code:
> $(document).ready(function() {
> $("#divBoxes input:last").bind("change", appendBoxField);
> $("#divBags input:last").bind("change", appendBagField);});
>
> function appendBoxField() {
> var len = $("#divBoxes input").length + 1;
> //alert(len);
> $("#divBoxes").append(' name="_UPS_Shipping_Label_' + len + '" />')
> $(this).unbind("change", appendBoxField);
> $("#divBoxes input:last").bind("change", appendBoxField).focus();}
>
> function appendBagField() {
> var len = $("#divBags input").length + 1;
> //alert(len);
> $("#divBags").append('')
> $(this).unbind("change", appendBagField);
> $("#divBags input:last").bind("change", appendBagField).focus();
>
> }
>
> Thanks,
>
> Terry
[jQuery] Re: tablesorter not sorting numbers correctly
Last I checked "*sym link*" wasn't a number. ;-) aquaone On Thu, Jul 16, 2009 at 09:51, Ian Stokes-Rees wrote: > > tablesorter isn't sorting numbers correctly. I have the latest jQuery > (1.3.2) and tablesorter (2.0.3). > > from http://abitibi.sbgrid.org/: > > script> >