[jQuery] QUnit reset
I'm converting qunit to work with selenium. Is there a way to 'restart' the tests. I need to do this to run the tests with another browser. Thanks!
[jQuery] Re: AJAX POST listener
Thanks Charlie
Unfortunately, while the code managed to trigger on the first load of
the page. Subsequent AJAX/POST calls from within the same page
wouldn't be triggered. Any way to combine this with a 'live' function?
On Dec 11, 9:53 pm, Charlie wrote:
> when in doubt the jQuery docs are your best friend
> copy/paste straight from Ajax examples:$.ajax({ type: "POST", url:
> "some.php", data: "name=John&location=Boston", success: function(msg){ alert(
> "Data Saved: " + msg ); } });success callbacks fire when return data is
> received, do whatever you need to do within the success
> callbackhttp://docs.jquery.com/Ajax/jQuery.ajax#options
> Justin wrote:Hi all, I'm trying to implement a way to execute a jquery
> function (i created) only when an AJAX POST request has status of complete.
> The AJAX itself is out of my reach (controlled by the application) but I want
> to be able to listen to the event. If I'm not mistaken, the AJAX in jQuery
> mainly uses the GET method? If any one can provide any insight as to how I
> can have an event trigger on AJAX POST method that would be fantastic.
> Regards, Justin
[jQuery] AJAX POST listener
Hi all, I'm trying to implement a way to execute a jquery function (i created) only when an AJAX POST request has status of complete. The AJAX itself is out of my reach (controlled by the application) but I want to be able to listen to the event. If I'm not mistaken, the AJAX in jQuery mainly uses the GET method? If any one can provide any insight as to how I can have an event trigger on AJAX POST method that would be fantastic. Regards, Justin
[jQuery] Re: Jquery forms ajaxsubmit- 'success' function callback fails with IE
I was having this same problem where my success function wouldn't be
called on ajaxSubmit. I ended up looking at the jquery forms plugin
code and line 65 forces your ajaxSubmit to use a GET if you haven't
specified wrote:
> Hello I am havign problem with using a callback function on the 'success'
> parameter of the ajaxsubmit function . The callback works fine in FF but
> not in IE 6-8 here my code
>
> $( "#signinform" ).ajaxSubmit({ success: FormResponse});
>
> function FormResponse( responseText, statusText )
> {
> //Code accesses the responseText
>
> }
>
> Syntax taken from jquery forms plugin page
>
> I tried 'success :FormResponse()' which is able to call the function but it
> wont pass the parameters that i need . How is correct syntax to do
> register callbacks for IE and also how do I access the rpeonseText that my
> server code is printing on a page
>
> --
> View this message in
> context:http://old.nabble.com/Jquery--forms-ajaxsubmit--%27success%27-functio...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] fading issue in IE7 (works fine in FF)
Hi,
I'm having a problem with the fade in in IE7 using jQuery1.3.2 with
this simple event binding to 3 buttons. In IE when I first pressed any
of the button the fade in works, but after the initial fade in the
page loads, but does not fade in at all. I have no problem with this
in Firefox. Any help would be much appreciated.
$(function() {
$("#button1").bind("click", function() {
$("#loadhtml").fadeIn("slow").load("a.html");
});
$("#button2").bind("click", function() {
$("#loadhtml").fadeIn("slow").load("b.html");
});
$("#button3").bind("click", function() {
$("#loadhtml").fadeIn("slow").load("c.html");
});
});
[jQuery] Re: Animate forces display:block?
I am animating input elements and have the same problem. On Oct 21, 8:56 am, Karl Swedberg wrote: > Try setting the width of a non-floated element that has display: > inline with CSS and see what you get. I haven't been able to change > the width of a non-floated, inline element with CSS, so I don't > imagine it can be done with JavaScript either. > > waseem's suggestion is probably your best bet. > > --Karl > > > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Oct 21, 2009, at 8:01 AM, waseem sabjee wrote: > > > > > would it be possible for you to use a float instead of display > > inline ? > > > On Wed, Oct 21, 2009 at 6:33 AM, Jared N wrote: > > > Hi all, > > > I'm trying to animate the width of a box, but I'm noticing that during > > the animation jQuery is setting the element's display property to > > 'block' (which is not what I want, I want 'inline'). At the completion > > of the animation it resets it to the desired setting. I've tried over- > > riding this behavior by including display:'inline' as one of the > > animation parameters, but no dice. Any other ideas? Is this supposed > > to happen or is it a bug?
[jQuery] JQuery smooth anchor scrolling - modify to fadein once in position?
This is the second time I've posted this. It didn't show up the first time, so apologies for a possible duplicate in post. At any rate, I am wanting to mod this jquery smooth scroll to anchor so that it fades in once in position. Farthest I've gotten has been that some how within the procedure, "onAfter().fadein" should be added. Nothing in that vain has worked. Anyone possibly entertain this newbie question? You can view the page I am working on here: http://plasticmonument.com/Masato_Pearls/test
[jQuery] Re: Selector bind help
After you have bound your keyup action you can add another triggering
event like so:
$('#Query').bind('change', function(){
$(this).trigger('keyup');
})
On Sep 9, 3:36 pm, "Dave Maharaj :: WidePixels.com"
wrote:
> I have a simple form field that runs a query.
>
> I have
>
> $('#Query').bind('keyup', function() {
> ...delay then search
>
> so after key up and delay it runs the search.
>
> Now when I click on the #query field the dropdown appears with my previous
> search text...if i select one it goes into the #query field but nothing
> happens becasue the script is waiting for keyup action.
>
> Can I add multiple events to trigger the query? If so how or what would be
> the best idea?
>
> Thanks,
>
> Dave
[jQuery] Any documentation for element.nodeIndex?
Hello, I was editing some javascript code yesterday that happened to use jquery. Part of the code selected two elements via jquery. Then the original author used nodeIndex to determine the position of each of these nodes in their parents. I could not find any documentation on nodeIndex on the jQuery site or anywhere else on the internet. It seemed to work in IE8, but I did not see the property from FireBug in FireFox 3.5. So I removed the call to nodeIndex and used a for loop to calculate my own equivalent of the nodeIndex. Is nodeIndex officially supported or meant for internal use? Is it documented anywhere? Regards, Justin Dearing http://justaprogrammer.net
[jQuery] Re: Need some ideas for starting a recommendation widget
It seems to me the first step would be getting your data into your
item list.Something like:
Pizza
Spaghetti
Pastry
Snails
Once you know what your data is then you can code the hide/show part.
In the about example you would have events on the user controls that
show/hide items using a selector, so
$('#recipeList .hot').show(); // Shows all hot food.
With two criteria you would need to come up with selector that takes
both into account, so
$('#recipeList .recipe').hide(); // hide everything
$('#recipeList .hot').add('#recipeList .italian').show(); // Show
everything that is hot OR italian
[jQuery] Re: Refresh DIV with full page refresh
Assuming you are looking to simply reset div1 to its original
contents, you would save the contents of it to a variable on page load
and then load it into the div again when you 'refresh' it.
$(function(){
var div1 = $("#div1").html();
$("#refreshButton").click(function(){
$("#div1").html(div1);
});
});
On Aug 11, 10:58 pm, bharani kumar
wrote:
> Hi All ,
>
> How to refresh DIV , without refresh entire page,
>
> Am having four DIV ,
>
> DIV1,DIV2,DIV3,DIV4
>
> I want to refresh only DIV! without affecting the DIV3,DIV4 ,
>
> Thanks
[jQuery] Re: Slow response to AJAX calls in IE7
It could be the response callback. But I have spent a half a day optimising the callback code for speed. I have seen some dramatic improvement - response delays of 3-4 seconds dropping to 1-2, but it still feels sluggish. There are two main ajax calls. The first is only called once when the page is loaded. It responds with a large data set that is then used the build the page. This call can be quite slow, but as it only happens once I can live with it. The second AJAX call is made when the user clicks on an element built in step 1. This call collects data from the interface on the clicked element(s) and submits it, then based on the returned data it updates the state of the displayed elements. While this update does not alter the structure of the page (no DOM elements are created or destroyed), it does add and remove classes from elements and then based on the classes, animates the show/hide of elements. This is the section I have optimised. >From what I have seen there are two factors slowing down the response. The first is the actual AJAX response in IE7. The second is the post response processing. I am looking for suggestions on fixing the AJAX response time in IE7. The other I can address already. I will see about getting a link to the running code. It is for a client site that has not gone live yet. It is a large and complex application though, so it might be overkill.
[jQuery] Slow response to AJAX calls in IE7
I am developing quite a complex user interface in jQuery that relies on an AJAX call to retrieve JSON. We have noticed that the code runs slow in IE7. IE8 and IE6 are acceptable. Firefox and Chrome really quick. I have traced the problem back to the AJAX call, which IE7 seems slow to process. What takes less than a second in the other browsers will take IE7 3 or 4. I have googled for an answer it seems there is some consensus that the native XHR in IE7 is slow, so it may not be a specific jQuery problem. Has anyone else experienced this? Does anyone have a solution? Please consider that this will be a public website, so the solution cannot involve altering settings on users' machines.
[jQuery] jQuery Workshop - We Want Your Input!
Hi Everyone Apologies for the intrusion, but I'm looking for your input on something. We're looking for input on a jQuery Workshop - let us know what's on your mind! Please fill out our poll at http://spreadsheets.google.com/viewform?formkey=cnN3VWxKcjNOYkZzX1lCNjgwZ29kNVE6MA when you have a moment (poll should take you only 15 seconds to complete). Thank you for your input! Sincerely, Justin Kozuch Founder, Refresh Events w: www.refresh-events.ca e: jus...@refresh-events.ca t: twitter.com/RefreshEvents
[jQuery] Re: Tablesorter with pager extension check boxes not present on form submit
Bump message please.
[jQuery] Tablesorter with pager extension check boxes not present on form submit
Hello everyone, This is my first post to the jQuery group. I am using the tablesorter and tablesorter.pager jQuery plugin in an ASP.NET web page. Each row in the table has a checkbox and is intended to be used by the user to add or remove an item from the final selection. The problem is that when the form is submitted and you are on a page with no checkboxes checked, on the server side, the Request.Form.AllKeys does not show the checkbox's named as a member of the request. I think this has something to do with the caching mechanism and the fact the checkboxes are physically taken out of the table. What methods are there to make sure all the "hidden" rows form elements are submitted back to the server? Thanks, Justin
[jQuery] Re: Permission denied to get property HTMLDivElement.parentNode
I've seen various number of posts related to the same issue and some folks think that it's a Mozilla bug (https://bugzilla.mozilla.org/ show_bug.cgi?id=208427) but I'm questioning whether it's really a jQuery bug that should be addressed by re-evaluating 'withinElement' where the problem currently seems to manifest rather than waiting for the Mozilla folks to fix it. FF is after all a very popular browser and this seems to be an easy bug that will very surface quickly. Another search I did yielded some results about people discussing this error due to cross-site scripting exploits and you can not use your web site to access the objects on a different web site. In my case, I'm fairly certain (99%) that my own code isn't loading any script files from other sites so this may not be the problem. I used to have a page that used YUI tabs and within the tab, a table for data display and a form. No matter how many times I hovered and mouse in/out in the input fields, I never saw this error. I then switched over to jQuery tabs along with Flexigrid in lieu of the tab and right away, I'm seeing this error on the same form that did not have this problem earlier. The problem seems to be that element that receives the event (event.relatedTarget) is of class type, 'anonymous-div' and somehow, it's not a node owned by the document from the current site, although I do not know how. I've also changed my form from div to table (some folks in one of the other posts mentioned this) and it had no effect on this bug. Justin
[jQuery] Re: Checkbox and Radio buttons hooked on change problem in Internet Explorer
listen for click On Jan 21, 5:24 am, XeroXer wrote: > Hi all. > > I am triggering an ajax load on my page if a radio button or checkbox > is changed. > For this i am binding 'change' to the checkbox or radio button. > This works perfect in both Firefox and Safari but not in Internet > Explorer. > In Internet Explorer it does not hook on the change but the deselect > after the change. > So the trigger is not happening when you check the box but after you > check it and then select something else on the page. > > If anyone have any idea on how to solve this please tell me :)
[jQuery] Re: Triggering Validation using a button instead of submit
No joy there...
Here's my code:
// validate signup form on keyup and submit
var validator = $("#sourcing").validate();
$("#submit").click(function() {
validator.triggerHandler('submit');
rules: {
}, // end rules
messages: {
...
} // end messages
});
});
});
I'm not getting any JS errors, so I'm going to assume that everything
is in order. However, validation still isn't occuring... Oh, how I
love Fridays. ;)
- justin
On Nov 7, 10:47 am, mbraybrook <[EMAIL PROTECTED]> wrote:
> Correction:
> validator.triggerHandler('submit');
> change to
> $('#formid').triggerHandler('submit');
>
> M
>
> On Nov 7, 3:45 pm, mbraybrook <[EMAIL PROTECTED]> wrote:
>
> > Try using the triggerhandler function:
> > var validator = $("#sourcing").validate();
> > $("#submit").click(function() {
> > validator.triggerHandler('submit');
>
> > });
>
> > Not tested...
>
> > HTH
> > M
>
> > On Nov 7, 3:41 pm, Justin Kozuch <[EMAIL PROTECTED]> wrote:
>
> > > Hi There,
>
> > > I've been using the validation plug in for a while now and I love it,
> > > but I am stuck on something.
>
> > > I am trying to validate a form using:
>
> > >
> > > instead of the usual:
>
> > >
>
> > > I tried using:
>
> > > var validator = $("#sourcing").validate();
> > > $("#submit").click(function() {
> > > validator.form();
>
> > > });
>
> > > to do the validation but that doesn't do anything at all. Has anyone
> > > been able to figure this out?
>
> > > Thanks,
>
> > > Justin
[jQuery] [validate] Triggering Validation using a button instead of submit
Hi There,
I've been using the validation plug in for a while now and I love it,
but I am stuck on something.
I am trying to validate a form using:
instead of the usual:
I tried using:
var validator = $("#sourcing").validate();
$("#submit").click(function() {
validator.form();
});
to do the validation but that doesn't do anything at all. Has anyone
been able to figure this out?
Thanks,
Justin
[jQuery] Using search engine keywords to change page content
I have written a post on my blog with some examples on how you can get the keywords a person used to find your site and then change content on it. http://www.justjquery.com/2008/11/04/how-to-make-the-most-of-search-engine-traffic/
[jQuery] Am I rewriting something jQuery already does?
I'm new to jquery and I'm writing some code but I'd like to make sure
I'm not rewriting something that already exists. Basically, I'd like
to be able to do:
$("#myAnchor").addBehavior($("#targetDiv", new MyNewBehavior);
I implement a few functions for MyNewBehavior such as "buildURL"
and "stuffToDoAfter". When myAnchor is clicked on, an ajax request is
made to buildUrl (which might be a static URL or might build the URL
from parameters), then targetDiv is filled with the html fragment that
is sent to the "success" function, and finally stuffToDoAfter() is
executed in case you want to manipulate the newly added elements.
So it abstracts away the click() call, the ajax call, the
targetDiv.innerHTML = ajaxResponse, etc.
Anyone know if something like this already exists?
[jQuery] Re: Disabling Textarea, Select
Nevermind I figured it out.
- Justin
On Oct 20, 2:20 pm, Justin Kozuch <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I've hit a bit of a snag in some code I've repurposed for a form I'm
> creating:
>
> $(document).ready(function() {
> var termsagree = $("#termsagree");
> var inital = termsagree.is(":checked");
> var terms = $("#contractualreqs")[inital ? "removeClass" :
> "addClass"]("gray");
> var termsInputs = terms.find("input").attr("disabled", !inital);
>
> //$("#contractualreqs").hide();
> termsagree.click(function() {
> //$("#contractualreqs").show();
> terms[this.checked ? "removeClass" : "addClass"]("gray");
> termsInputs.attr("disabled", !this.checked);
> });
>
> var reqsagree = $("#reqsagree");
> var inital = reqsagree.is(":checked");
> var reqs = $("#supplierform")[inital ? "removeClass" : "addClass"]
> ("gray");
> var reqsInputs = reqs.find("input").attr("disabled", !inital);
>
> //$("#supplierform").hide();
> reqsagree.click(function() {
> //$("#supplierform").show();
> reqs[this.checked ? "removeClass" : "addClass"]("gray");
> reqsInputs.attr("disabled", !this.checked);
> });
>
> });
>
> What I would like to do is disable ALL input fields, including selects
> and textarea elements, which is something that is not happening right
> now.
>
> Does anyone have any insight on how to accomplish this? I figured
> that
>
> var termsInputs = terms.find("input").attr("disabled", !inital);
>
> would do it, but alas, it was not to be.
>
> Best,
>
> justin
[jQuery] Disabling Textarea, Select
Hi,
I've hit a bit of a snag in some code I've repurposed for a form I'm
creating:
$(document).ready(function() {
var termsagree = $("#termsagree");
var inital = termsagree.is(":checked");
var terms = $("#contractualreqs")[inital ? "removeClass" :
"addClass"]("gray");
var termsInputs = terms.find("input").attr("disabled", !inital);
//$("#contractualreqs").hide();
termsagree.click(function() {
//$("#contractualreqs").show();
terms[this.checked ? "removeClass" : "addClass"]("gray");
termsInputs.attr("disabled", !this.checked);
});
var reqsagree = $("#reqsagree");
var inital = reqsagree.is(":checked");
var reqs = $("#supplierform")[inital ? "removeClass" : "addClass"]
("gray");
var reqsInputs = reqs.find("input").attr("disabled", !inital);
//$("#supplierform").hide();
reqsagree.click(function() {
//$("#supplierform").show();
reqs[this.checked ? "removeClass" : "addClass"]("gray");
reqsInputs.attr("disabled", !this.checked);
});
});
What I would like to do is disable ALL input fields, including selects
and textarea elements, which is something that is not happening right
now.
Does anyone have any insight on how to accomplish this? I figured
that
var termsInputs = terms.find("input").attr("disabled", !inital);
would do it, but alas, it was not to be.
Best,
justin
[jQuery] Chicago JavaScript Meetup
Excuse 'spamming' the forum, but it's relevant Vlad Didenko is organizing Chicago's first JavaScript meetup. If you are in the Chicago area and looking to improve your JavaScript skills, join the group at http://javascript.meetup.com/10/. We are posting discussion/talk topics to http://tinyurl.com/jsca081017. Of course, jQuery will be featured. Thanks, Justin Meyer
[jQuery] Toggle Issue - Firefox/Safari Mac
Hi All,
I have a maddening issue that I cannot seem to get my head around.
I have written a form in which, if you select a certain radio button,
it will toggle additional fields. The code I've written is:
//form40 coapp yes/no toggle function
$(document).ready(function() {
// hide on DOM load
$("tr.coapp").hide();
// shows co-app tr's on YES click
$("input#COAPPYES").bind("click", function(e) {
$("tr.coapp").toggle();
});
// hides co-app tr's on NO click
$('input#COAPPNO').bind("click", function(e) {
$('tr.coapp').toggle();
});
});
For some reason that I cannot yet understand, this code only works on
Windows browsers (Firefox, Safari, IE, etc). Thinking that I may have
disabled JavaScript in the Mac browsers, I checked to ensure they were
enabled, and they were in both Firefox and Safari.
This is the second time in less than 12 hours I have seen this issue;
last night, I was working on a POC that only worked in Safari, Firefox
3.0 was behaving VERY oddly. In that case, deleting the jQuery
completely removed the HTML elements from the browser, which is
something that I have NEVER seen before.
Am I the only who is having this problem, or is there something here
that I have overlooked?
Any advice would be greatly appreciated.
Cheers,
justin
[jQuery] Re: Validation plug-in - how to set russian messages for all
Hey Mateusz, I've worked with the validation plugin a bit (I'm implementing it for a bank), so I may be able to assist you. Do you have a URL I can look at? - Justin On Sep 25, 5:12 am, matma <[EMAIL PROTECTED]> wrote: > Hi, > I'm using validation plug-in in our application for customers from > Russia. I need to set russian messages for all customers from all > places in the world. How can i do that? Messages are in "localzation/ > messages_ru.js". > > Regards > Mateusz Wolsza
[jQuery] Re: jQuery Plugin tableSorter Filter
I've recently written a companion plugin to tablesorter which will do filtering. It's a bit different than the one shown in the demo you link. Mine allows real-time filtering across multiple columns. Check it out at: http://blog.compulsivoco.com/2008/08/22/tablesorter-filter-results-based-on-search-string/ Cheers, Justin On Aug 10, 3:46 pm, Bene2006 <[EMAIL PROTECTED]> wrote: > Hello, > > I use the great > plugintablesorter(http://tablesorter.com/docs/index.htmlhttp://tablesorter.com/docs/index.html) > to sort my tables. > At the moment I'm looking for a way tofilterthe tables and it seems to me > that there is such a > functionality:http://www.nabble.com/TableSorter-Preview%3A-Filtering.-to6492730s272...TableSorterPreview: > Filtering . There is also a > demo:http://motherrussia.polyester.se/pub/jquery/demos/filter/filter-demo > .../demos/filter/filter-demo.html > > Unfortunately I haven't found this functionality in the current release > oftablesorter. Do you have additonal information about filtering > andtablesorterand how to implement it? > > Thanks in advance! > Regards > Bene > > -- > View this message in > context:http://www.nabble.com/jQuery-Plugin-tableSorter-Filter-tp18903451s272... > Sent from thejQueryGeneral Discussion mailing list archive at Nabble.com.
[jQuery] Re: not working in Internet Explorer
Okay I figured out my problem, When i was building my array of items
for the autocomplete, I had an extra , after the last item in the
array, and that trailing comma was what was pissing internet explorer
off, I just simply popped that last comma off and everything works
fine in all browsers.
On Jul 16, 11:59 pm, Ariel <[EMAIL PROTECTED]> wrote:
> it's likely that you have an extra comma or something like that
> somewhere.
>
> On Jul 16, 11:09 pm, Justin <[EMAIL PROTECTED]> wrote:
>
> > Hello all,
> > I'm using the autocomplete plugin (http://jquery.bassistance.de/
> > autocomplete/demo/) and everything runs fine in Firefox and Opera, but
> > in Internet Explorer (7) It fails and the only little error I get from
> > IE is " 0 is null or not an object ", and thats from this line in the
> > plugin " formatItem: function(row) { return row[0]; }, ". I can't
> > figure out why this works in all other browsers but fails in internet
> > explorer. Anybody had this problem before or who can advice on a way
> > to fix this? Thanks.
>
>
[jQuery] [autocomplete] not working in Internet Explorer
Hello all,
I'm using the autocomplete plugin (http://jquery.bassistance.de/
autocomplete/demo/) and everything runs fine in Firefox and Opera, but
in Internet Explorer (7) It fails and the only little error I get from
IE is " 0 is null or not an object ", and thats from this line in the
plugin " formatItem: function(row) { return row[0]; }, ". I can't
figure out why this works in all other browsers but fails in internet
explorer. Anybody had this problem before or who can advice on a way
to fix this? Thanks.
[jQuery] Re: I can't seem to break out of this frame.
Well, that's totally confusing. I don't have access to the iFrame in the center of the page. In fact, I don't have any access except to the actual html file. I can only change the way it looks. But I fixed it already with a simple javascript code that makes a page jump out of frame if the frame url doesn't match the codes address. Then I just got rid of the target="top" from each link and that's it. var thisPage = "http://downloads.spinskins.net"; + self.location.pathname; if (top.location != thisPage) top.location = thisPage; I put this on every framed page I have. This way when I click on a link to go to another page FROM another page, it changes the URL as needed by forcing a reload.
[jQuery] I can't seem to break out of this frame.
Here's the page http://guestbook.spinskins.net It's just a guest book/comment section of my site. If you click "main menu" or any of those three nav links at the top of the page, you can see that it does break out of the frame but it opens in a new window. I want it to break out of frame and remain in the same window. I've added http://spinskins.net"; target="_top">Main Menu to the links but it still jumps to a new window. I believe it's cause there is an iFrame in the center of that page that doesn't let me break out of it. I'm stumped on what to do next. Any help provided would be greatly appreciated. Thanks, -Justin
[jQuery] $(el).html() Removes Line Breaks In IE6
I've been experimenting with client-size markdown transformation and have hit a stumbling block. It seems that "$(this).html()" returns the inner html of the element with the line breaks stripped out in IE6 (not sure about IE7 right now). Am I missing something? Obviously, markdown assigns meaning to line breaks so rendering in IE is incorrect.
[jQuery] Load JavaScript in order with IE
Does anyone know how to make IE load and run empty.js before it alerts
"second"?
Here's how I started doing it. But this doesn't work.
document.write("
[jQuery] Re: iPhone + jQuery
Was just browsing the jQuery UI on the iPhone using Edge and it was running pretty smooth. I would attribute any slow down to the fact that I was on Edge. Still need to try it on Wi-Fi to know for sure. Good article though on how to develop for the iPhone, i know Facebook did a good job with this. On Sep 20, 1:00 pm, Danjojo <[EMAIL PROTECTED]> wrote: > Hey there is a good article to be read at A List > Apart:http://www.alistapart.com/articles/putyourcontentinmypocketpart2 > > I guess Javascript renders much slower on the iphone. > > I bet jQuery performs like a rock-star on the iPhone though.
[jQuery] Re: ui tabs inside ui tabs
Yah, I thought i did. When I posted it, it said it would temporarily put it on this list. I had no idea why and it hasn't moved yet. I'll try again. On Sep 18, 1:17 pm, "John Resig" <[EMAIL PROTECTED]> wrote: > You should bring this up on the jQuery UI mailing > list:http://groups.google.com/group/jquery-ui > > --John > > On 9/18/07, Justin Sepulveda <[EMAIL PROTECTED]> wrote: > > > > > I'm sure there's something simple i'm missing here. > > >http://www.robustness.org/temp/tabs/tester.html > > > When you click on the second tabset (four,five & six) that is within > > the first tab, it hides the entire second tabset. Why?
[jQuery] ui tabs inside ui tabs
I'm sure there's something simple i'm missing here. http://www.robustness.org/temp/tabs/tester.html When you click on the second tabset (four,five & six) that is within the first tab, it hides the entire second tabset. Why?
[jQuery] Re: jquery 1.2 feedback
Thanks Stephan for the uber descriptive explanation. Very helpful. On Sep 11, 4:24 pm, Stephan Beal <[EMAIL PROTECTED]> wrote: > On Sep 12, 12:59 am, "Web Specialist" <[EMAIL PROTECTED]> > wrote: > > > I'm using Jorn's Form Validation in a monster form. Using jQuery > > 1.2minified version returns all validation in =~ 16 sec. Using > > uncompressed > > version returns in 6 sec. Comparing with an older version I don't have any > > improvement. > > That speed difference is almost certainly caused by odd circumstances, > not by the compression. A minified jQuery version is semantically > identical to an uncompressed version. A MIN'd copy essentially only > has whitespaces and comments removed, and those are meaningless for > the JS engine, which means they have no effect on execution speed. > During the JS compilation phase, only meaningful tokens are converted > to bytecode for the JS interpreter, while whitespace and comments are > literally stripped out. Now... if you have a really odd JS engine > which does not compile the source code to bytecode (or recompiles it > on each call) then i could understand a menial speed diff between > MIN'd and uncompressed code, but i would be surprised if any > commercial JS engine out there does that. > > A packed version is decompressed at the time the outer-most code is > run (when jQuery is first included), after which the compression > overhead is gone. This means that PACKing only has an overhead at load- > time (which may or may not be less than the time it would take to > transfer an unpacked copy). It has no effect on the execution speed of > the JS code once the initial expansion is done, however. > > If your MIN'd code is using YUIMin (as opposed to Doug Crockford's > jsmin), then it is functionally similar to the conventional PACK > process, in that it will have an initial overhead while the code is > unpacked, but afterwards the bytecode engine will have uncompressed > code and the decompression will play no role on the execution speed.
[jQuery] Re: jquery 1.2 feedback
Curious, would the speed increases come from using the minified version verses the packer version? On Sep 11, 3:07 pm, "Web Specialist" <[EMAIL PROTECTED]> wrote: > Hey Rey: what's "Purple Include"? > > 2007/9/11, Alexandre Plennevaux <[EMAIL PROTECTED]>: > > > > > Rey, let's see if u r really the speedmaster _ like, could you say ten > > time > > really fast: "I tweaked the ternary conditions across a same origin > > dynamic > > object literal expression while templating the script using Purple Include > > like techniques" ? > > > :D > > > -Original Message- > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > Behalf Of Rey Bango > > Sent: mardi 11 septembre 2007 22:44 > > To: jquery-en@googlegroups.com > > Subject: [jQuery] Re: jquery 1.2 feedback > > > Well, if John won't take credit for the speed increases, then, I WILL > > > Yeah, I tweaked the ternary conditions across a same origin dynamic object > > literal expression while templating the script using Purple Include like > > techniques. > > > That's what sped it up! Enjoy! ;) > > > Rey... > > > John Resig wrote: > > >> just wanted to report that i had absolutely not a single issue > > >> switching from 1.1.4 to 1.2 and i use tons of plugins. > > > >> The speed gain for me is more obvious with this release than with the > > >> move from 1.1.3 to 1.1.4. Also, animations and effects are smoother. > > > > Interesting - I've now heard this at least 3 times now - that there > > > have been "significant" speed ups in 1.2. I find this particularly > > > interesting because I didn't make any intentional speed tweaks - I was > > > purely adding features. I wonder what I changed to cause this to > > > occur! > > > >> Thus, so far so good and congratulation to the whole team for this > > >> slick, steel-solid library ! I'm really broke for the moment, but > > >> it's been a while i last donated to the project, and as soon as i see > > >> an extra, you'll get my renewed "thank you" in financial terms. > > > > :-) Anything is appreciated - thanks! > > > > --John > > > Ce message Envoi est certifié sans virus connu. > > Analyse effectuée par AVG. > > Version: 7.5.485 / Base de données virus: 269.13.14/999 - Date: 10/09/2007 > > 17:43
[jQuery] Re: 1.2 out?
Yah, it looks like they're in the middle of updating everything. On Sep 10, 3:46 pm, MrNase <[EMAIL PROTECTED]> wrote: > I just grabbedhttp://jquery.com/src/jquery-latest.jsand the header > of the file says: > > /* > * jQuery 1.2 - New Wave Javascript > * > * Copyright (c) 2007 John Resig (jquery.com) > * Dual licensed under the MIT (MIT-LICENSE.txt) > * and GPL (GPL-LICENSE.txt) licenses. > * > * $Date: 2007-09-10 15:45:49 -0400 (Mon, 10 Sep 2007) $ > * $Rev: 3219 $ > */ > > Is 1.2 officially out? YEAH! :-)
[jQuery] Re: I can't specify the photos width and height
http://sorgalla.com/projects/jcarousel/#Configuration
itemwidth and itemheight aren't properties of this plugin?
On Aug 29, 6:27 am, "Benjamin Sterling"
<[EMAIL PROTECTED]> wrote:
> Omar,
> Is there a live version we can have a look at?
>
> On 8/29/07, Omar101 <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
> > Hi,
> > I have created a jCarousel photo gallery using drupal, it takes the
> > photos dynamically from drupal moduke, its work fine, but i can't
> > control the photos width and height, it takes it as it is stored in
> > drupal module what i should do.
> > furthermore i specified it in my configuration, but it isn't
> > applied but the scroll property is applied right... why?!!!
>
> > jQuery(document).ready(function() {
> > jQuery('#mycarousel').jcarousel({
> > scroll: 3,
> > itemwidth : 100,
> > itemheight : 80
> > });
> > });
> > Thanks for your support,
>
> --
> Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
[jQuery] Re: hide some divs, show one
What you're looking for sounds a lot like tab functionality. I think you could pull it off using Klaus's tab plugin. http://www.stilbuero.de/2007/05/14/tabs-plugin-more-flexibility/ On Aug 17, 1:21 pm, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > hi friends, > > I have a product list... when the user click on a product i wanna show > the respectly div for this product..(photo) and hide all the one that > are visible.(for the case the user forget to close them) > > how can i do it ?
[jQuery] Re: fadeTo fades up in Safari and FF, down in IE
Haha. Whoops. So i guess don't set the opacity in the css.
$(object).css("opacity", 0.7).fadeIn(400);
If that doesn't work, then I should stop posting to these boards while
at work :-)
On Aug 17, 10:50 am, Aaron Scott <[EMAIL PROTECTED]> wrote:
> > For me, I like having the opacity setting in the CSS, so i set it
> > there and set "display:none". Then I use fadeIn instead of fadeTo.
> > Not a solution, but a possible alternative. I'm sure someone else
> > will have a real solution.
>
> The problem with fadeIn is that it brings the element to 100% opacity;
> I need it to only fade to 80%. Thanks, though.
>
> Aaron
[jQuery] Re: fadeTo fades up in Safari and FF, down in IE
Yah I had an issue with this as well. I use a work around. For me, I like having the opacity setting in the CSS, so i set it there and set "display:none". Then I use fadeIn instead of fadeTo. Not a solution, but a possible alternative. I'm sure someone else will have a real solution. On Aug 17, 10:06 am, Aaron Scott <[EMAIL PROTECTED]> wrote: > I have an element with this style associated with it: > > filter:alpha(opacity=0); > -moz-opacity: 0; > opacity: 0; > > Now, I fade it in: > > $(object).fadeTo(1000, 0.8); > > In FF and Safari, this results in the object fading from 0% to 80% > opacity. But in IE, it makes the object pop in at 100% opacity, then > fades down to 80%. > > Has anyone seen this before? What am I doing wrong? > > Thanks, > Aaron
[jQuery] Re: changing class
and even smaller:
$(this).parent().addClass("select").siblings().removeClass("select");
On Aug 16, 2:21 pm, "Sean Catchpole" <[EMAIL PROTECTED]> wrote:
> Hi,
>
> Are aware that there are tabs plugins?
>
> To answer your question:
> $(function(){
> $("#tabs li a").click(function(){
> $("#tabs li").removeClass("select");
> $(this).parent().addClass("select");
> });
>
> });
>
> ~Sean
[jQuery] Re: Jquery can show Images from file:///C:?
No. On Aug 7, 4:28 pm, "Mario Moura" <[EMAIL PROTECTED]> wrote: > Hi folks > > What I am trying is show an image into my browser with this tag > > into my > browser. > > Is it possible? or is a security lock from browsers? > > I am using $.post() > > So I could send the path that user choice C:/Users/example.JPG to my php and > return > > But isnt working because browsers cant show this tag height="50" src="file:///C:/Users/example.JPG"/> > > I can upload the file to webserver I know but will be more fast and I can > save some bandwidth traffic if I could do this. And avoid malicious users > consume my bandwidth traffic. > > So I am trying use AJAX to simulate Upload Ajax? and when forms is already > send images normaly (without ajax). > > So Jquery can show Images from file:///C:? or something like this? > > Regards > > Mario
[jQuery] Re: Best (lightest) Accordian Menu PlugIn
You'll notice in my example, the 4th tab jumps up just a bit when you click on any of the tabs. If you slow the speed down you'll notice it more. It's not a huge deal, but it can become annoying the more you focus on it :-) I just caught his new thread this morning. It fixes the issue I was talking about. I've implemented it into a new slider. I'll have it up soon. However you'll be stuck with each tab being the same height with this method. It's the only way to get it this smooth. If you don't mind the slight bump and/or want it to feel more like an accordion, then you can stick with what I already have up. On Aug 2, 3:08 pm, Jack Killpatrick <[EMAIL PROTECTED]> wrote: > A... that would explain why it was so hard to find... :-) . Well, it > worked well for what I'm using it for, so thanks much. The height change > sounds good, too. In my case it would be nice to be able to make one or > two of the tabs a different height than the rest. I'm not concerned > about overall height staying constantbut I also wouldn't want the > whole thing to flash closed then recalculating the new outer height, > either. Seems like that would lead to the flickering weirdness that > other ones have (but I haven't poked into what the reason with that > isI know there's an active thread about it...and another accordion > that John made a demo of). > > I didn't notice a bug...what's the bug? I'm using jquery 1.1.2 with it. > > - Jack > > Justin Sepulveda wrote: > > Haha ... I had this up to show a small bug in the jQuery Fx; I didn't > > think people would use it. I'm glad you found it useful! I'm in the > > middle of setting up a new website with actual documentation and > > updated plugins. The new version will detect the height of each tab > > as well as the height of the entire block so you don't have to worry > > about setting it in the CSS. Other than that, i'm keeping it as small/ > > simple as possible. > > > On Aug 1, 3:29 pm, Jack Killpatrick <[EMAIL PROTECTED]> wrote: > > >> I discovered this one the other day and have used it for a project and > >> it worked very nicely. Very small js file, snappy, has seemed solid so > >> far (about a week of using it): > > >>http://www.robustness.org/dev/jquery/slider/slider-jquery.html > > >> I've looked and tried a number of others, but all seemed a bit ragged or > >> had something about them that I didn't like or didn't fit my need, which > >> was for a very lightweight control with a reasonable amount of > >> configurability. > > >> - Jack
[jQuery] Re: Hover accordion (as on apple.com)
I'm silly. Ignore my post. Just needed to put in an "if" statement that checked if there was more than 1 panel visible. If so, don't do anything on click. On Aug 2, 9:54 am, "Dragan Krstic" <[EMAIL PROTECTED]> wrote: > Last version of inverted accordion > on:http://www.bydot.net/hoveracc/hoveracc_3.htm > Enjoy... > > 2007/8/2, [EMAIL PROTECTED] <[EMAIL PROTECTED]>: > > > > > > > > @John > > > One more thing. I'm getting a serious amount of JavaScript errors, > > > the same error repeated over and over. It seems to happen when i > > > click on a tab while another tab is open. > > > > jquery.js (line 321) > > > too much recursion > > > [Break on this error] fn.constructor != Array && /function/i.test( fn > > > + "" ); > > > It happens when you click on header during animations. Take a look on > > 3) in my previous post. Browser cannot handle so many recursions > > -- > Dragan Krstić krdrhttp://krdr.ebloggy.com/
[jQuery] Re: Hover accordion (as on apple.com)
@John One more thing. I'm getting a serious amount of JavaScript errors, the same error repeated over and over. It seems to happen when i click on a tab while another tab is open. jquery.js (line 321) too much recursion [Break on this error] fn.constructor != Array && /function/i.test( fn + "" ); On Aug 2, 4:01 am, "Dragan Krstic" <[EMAIL PROTECTED]> wrote: > @John > Why callback doesn't work with "step" function"? > > Anyway, "step" function opens whole new field of synchronized animations. > > -- > Dragan Krstić krdrhttp://krdr.ebloggy.com/
[jQuery] Re: Hover accordion (as on apple.com)
@John Thanks for jumping on this as I'm sure you have many more things to worry about in the jQuery world. It's very much appreciated. @Karl Kick-assity. I just had to note how awesome this word is. Nice work :-) On Aug 2, 4:01 am, "Dragan Krstic" <[EMAIL PROTECTED]> wrote: > @John > Why callback doesn't work with "step" function"? > > Anyway, "step" function opens whole new field of synchronized animations. > > -- > Dragan Krstić krdrhttp://krdr.ebloggy.com/
[jQuery] Re: Best (lightest) Accordian Menu PlugIn
Haha ... I had this up to show a small bug in the jQuery Fx; I didn't think people would use it. I'm glad you found it useful! I'm in the middle of setting up a new website with actual documentation and updated plugins. The new version will detect the height of each tab as well as the height of the entire block so you don't have to worry about setting it in the CSS. Other than that, i'm keeping it as small/ simple as possible. On Aug 1, 3:29 pm, Jack Killpatrick <[EMAIL PROTECTED]> wrote: > I discovered this one the other day and have used it for a project and > it worked very nicely. Very small js file, snappy, has seemed solid so > far (about a week of using it): > > http://www.robustness.org/dev/jquery/slider/slider-jquery.html > > I've looked and tried a number of others, but all seemed a bit ragged or > had something about them that I didn't like or didn't fit my need, which > was for a very lightweight control with a reasonable amount of > configurability. > > - Jack > > Mitchell Waite wrote: > > Is anyone aware of a good accordian plugin. > > > I have been using the one from Adobe (SPRY) and while its very flexible, it > > takes a lot of JS and its slow when there are a lot of menu items. > > > What happens to mine is when you first load the page the accordian appears > > completely expanded. See > > >http://www.whatbird.com/wwwroot/TAB_SEARCH.html > > > I'd appreciate any insights. > > > Thanks > > > Mitch
[jQuery] Re: Hover accordion (as on apple.com)
Finally. Someone else feels my pain. I had just posted a message to
this group today about this as well. I just wish there was an easier
way to remove that flicker/bounce that happens with the jQuery
standard slideUp/slideDown. Having to call in that many scripts to
get this effect seems pretty un-jQuery. But nice work!
On Aug 1, 11:18 am, [EMAIL PROTECTED] wrote:
> My company redesigns a web site. Our head designer (as apple fan)
> decided to put nasty inverted hover accordion on new site. So,
> yesterday I started to develop a
> prototype:http://www.bydot.net/hoveracc/hoveracc_1.htm
>
> Structure is:
>
>
>
> Naslov stavke 1
> Sadrzaj stavke 1
>
>
>
>
> Naslov stavke 2
> Sadrzaj stavke 2
>
>
>
> Naslov stavke 3
> Sadrzaj stavke 3
>
>
>
> Naslov stavke 4
> Sadrzaj stavke 4
>
>
>
> where "naslov_stavke" is part that should be hidden or shown, and
> "sadrzaj_stavke" is always visible. "Omot" means wrap.
> It took me about half an hour to make this piece, but, there's a
> flicker that our designer didn't like.
> "Never mind if you can do it by jQuery. We will copy from apple.com".
>
> Yeah, sure...
>
> So, I spent next 6 hours yesterday and 4 today to find solution.
> Actually, my idea was same all the time: to fixate elements by
> position: absolute and top property. Here he the list of problems I
> had to solve:
> 1) How to obtain consistency of li elements and children's. I did it
> with . In some time of development it was crucial to
> have this div. Now, it isn't important, but it can help with styling.
> 2) On which container element to position:relative. The best solution
> is to put on ul element that contains inverted accordion
> 3) How to remove position and top properties. There's no mention about
> that in documentation
> 4) How to obtain proper top values for elements that should not move.
> First, I wanted to do it just for elements that must remain static.
> This will be done after each hover. Then, I decided to recalculate
> top's for each :
>
> i = 0;
> visine = new Array();
> $(".sadrzaj_stavke").each(function(){visine[i]=$(this).position().top;i
> ++;});
>
> which gives me wrong results all the time.
>
> In one moment I have two perfectly working scripts, but one worked in
> up direction, second one in down direction :)
> Finally, I decide to put in work original idea to calculate top's, and
> that's working perfectly (I abandoned this idea because I wanted to
> make more flexible script)
>
> Minor problems will be masked with images and css.
>
> This solution can be generally used to solve jQuery animation quirks.
> It can be found onhttp://www.bydot.net/hoveracc/hoveracc_2.htm
>
> PS How to start new threads directly from gmail?
[jQuery] Fx Bug: SlideUp/SlideDown - Height Toggle - Accordion
Compare: http://openrico.org/demos?demo=accordion (based on Prototype) To: http://jquery.bassistance.de/accordion/?p=1.1.2.5 (based on jQuery) You'll notice the Prototype version does not bounce at all. The jQuery version does. Yes you can set a height so it doesn't effect the rest of the page, however you'll still see the accordion itself bounce. It does this with every effect that toggles the height and I haven't seen one accordion plugin using jQuery that doesn't bounce. If you just use Show and Hide, you won't see the bump, but then you lose the slide effect. It seems like a small issue, but in every project, i've had to revert to the Prototype version because the client didn't approve of this small bumping issue. The apple site also has a good example of a smooth accordion effect. Any ideas?
[jQuery] Re: Using a variable in a selector
I'm dumb. This does work if you use the right selector. Based on the
structure of my document, $('#foo dl') would never return anything
since my definition list is a sibling of the header, not a child of.
DOH!
On May 1, 5:45 am, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:
> Justin Stockton schrieb:
>
> > window.location returns the current URL in the browser's locator.
> > window.location.hash refers to the specific part of the page that the
> > URL refers too (the part that follow the #). So if you're visiting
> >http://example.org/index.html#foothen window.location would return
> >http://example.org/index.html#foowhile window.location.hash returns
> > only #foo. You'll notice that the hash looks exactly like an ID
> > selector which I am hoping to use on the following code:
>
> >
> > Some Menu Item
> >
> >
> >
> >
> > [repeat for each item in the menu each with a different value for ID]
>
> > Now if I am able to use the value of window.location.hash as a
> > selector then I should get something similar to $('#foo dl').show().
> > Unfortunately though it appears that the jQuery method ($) only wants
> > to accept strings and objects.
>
> Ok, looks like some debugging is necessary, because I can't see any
> obvious flaw here. Have you checked how the concatenated selector looks
> like? What it actually selects? I use Firebug for that all the time, eg.
> console.log( $(window.location.hash+' dl') )
>
> --
> Jörn Zaefferer
>
> http://bassistance.de
[jQuery] Re: Using a variable in a selector
window.location returns the current URL in the browser's locator.
window.location.hash refers to the specific part of the page that the
URL refers too (the part that follow the #). So if you're visiting
http://example.org/index.html#foo then window.location would return
http://example.org/index.html#foo while window.location.hash returns
only #foo. You'll notice that the hash looks exactly like an ID
selector which I am hoping to use on the following code:
Some Menu Item
[repeat for each item in the menu each with a different value for ID]
Now if I am able to use the value of window.location.hash as a
selector then I should get something similar to $('#foo dl').show().
Unfortunately though it appears that the jQuery method ($) only wants
to accept strings and objects.
On Apr 30, 6:06 pm, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:
> poorgeek schrieb:> I'm having the hardest time trying to figure out how to
> use a variable
> > in a selector. I have the following code that works as part of a basic
> > accordion menu but with a twist that if someone links to the page
> > using an internal link then that section of the menu defaults to open.
>
> > $(document).ready(function(){
> > $('.accordionMenu dl').hide();
> > if (window.location.hash) {
> > $(window.location.hash+' dl').show();
> > }
> > ...
> > }
>
> > Any ideas what I might be doing wrong or just haven't learned yet?
>
> Can you provide a bit more information? What is window.location.hash
> supposed to contain? How are the links looking like?
>
> --
> Jörn Zaefferer
>
> http://bassistance.de
[jQuery] Re: Why is IE messing with my mind?
On 4/25/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: Hi, On PC IE (v. 7.0) only, I'm getting a JS error on line 9, saying "Error: Expected identifier string, or number." Here's the code left: 0, },// line 9 Perhaps an unecessary comma at the end of line 8?
