[jQuery] Re: Wrong Width in Firefox
I can't see the 1 pixel protrusion in ur gallery right now. did u already
solve it. If yes, i am interested to know how... can u please explain.
BTW, your gallery and the gallery design in wonderful...
-GTG
On 8/24/07, b0bd0gz [EMAIL PROTECTED] wrote:
Hi,
I have a gallery of images and when one is loaded it gets the width of the
image and then sets the p tag underneath the image to the same width, the
problem is in firefox, on SOME of the images, the width of the p tag is a
pixel out, but in IE7 it displays everything correctly.
here is a link to the gallery itself
http://b0bd0gz.adsl24.co.uk/gallery2/
and here is a link to a screenshot of the problem
http://img44.imagevenue.com/img.php?image=75951_wrong_width_122_861lo.JPG
heres the code that gets and then sets the width
var imgload = img = $('img.full_img')[0];
imgload.onload = function() {
var description = $('a.selected img').attr(alt);
var width = $('.full_img').width();
$('p.hidden').css('width', width + 16); // The + 16 is added because
the
image has a border
$('p.hidden').html(description);
$('p.hidden').fadeIn(slow);
};
I have no idea what's causing this so any ideas would be greatly welcomed.
If you need anymore info let me know. Thanks in advance.
b0bd0gz
--
View this message in context:
http://www.nabble.com/Wrong-Width-in-Firefox-tf4324806s15494.html#a12316725
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: [NEWS] More Press for tableSorter
I know i am late to the party... but still dugg it. Very nice work christian, we need more like this from u. -GTG On 8/24/07, Christian Bach [EMAIL PROTECTED] wrote: Thanks Brandon and Marshall! /christian 2007/8/24, Marshall Salinger [EMAIL PROTECTED]: I upgraded from 1.0 to 2.0 in my app and noticed a big improvement in speed. It is an excellent plug-in. Dugg! Christian Bach wrote: Thanks Rey! If anyone would like to help me get the word out even more, please feel free to digg: http://digg.com/programming/jQuery_plugin_Tablesorter_2_0 Best regards Christian 2007/8/24, Rey Bango [EMAIL PROTECTED]: The press continues around Christian Bach's tableSorter plugin. The most recent is an intro to the plugin on the AMIS Technology Blog: http://technology.amis.nl/blog/?p=2376 The phrase that caught my attention was I really love the tablesorter plugin. It's very easy to use and the code looks so clean!. Great work Christian!
[jQuery] Re: Release: Accordion 1.5
Jörn, this is fantastic... very re-usable as well.. I have a question/suggestion though... When i hover over one of the items, and before the animation completes if i hover over another item, the animation for the second item doesn't occur. Now, i will have to move my mouse out of that item and hover over it again to get the other item to expand. Is it something that can be fixed, or is it a known limitation that we will have to live by... -GTG On 8/25/07, Jörn Zaefferer [EMAIL PROTECTED] wrote: Jack Killpatrick schrieb: Jörn, happy to have this, thx! Question: is it possible to set the height of individual accordion panels? Perhaps that goes against the grain of an accordion's bottom edge staying in place, but in my use case it would be ok if the bottom moved up and down as the user moved through the panels. I have some panels with a bunch of content, which would have scrollbars appear (fine), but some of the panels have very little content and in this case I'd like to prevent a big gob of whitespace at the bottom of them, by tweaking the height for that panel a bit. Thanks for bringing this up. I need a bit more math to support that together with the new animation system. -- Jörn
[jQuery] Re: Blueprint and jQuery
this is very good... i am not sure if i am understanding it right? but, if it is doing, what i think it is, then i absolutely love it. So, a writeup would be awesome. -GTG P.S - Among other things, i think it has a min width and a max width and between those widths, you are able to dynamically resize. On 8/25/07, Kevin F [EMAIL PROTECTED] wrote: absolutely make it available! just another bonus for the jquery community :) thx. On 8/24/07, george.gsgd [EMAIL PROTECTED] wrote: Building on the work done by matz in auto generating grids (http:// kematzy.com/blueprint-generator/). I've been working on a javascripty dynamicly resizing grid using jQuery. Have a look at the demo here: http://gsgd.co.uk/sandbox/blueprint/ Feedback much appreciated. Is it worth making available as a download? Worth a proper write up? I've not tested on Safari/Opera/Konqueror yet. Thanks, George.
[jQuery] Re: Plugin Repository - Report New Bugs and Request New Features?
For starters, i don't know if i have write access to the jquery svn repository to checkin my plugin. Once i know that i already have it or not, or if i am given one, then i might be more interested in tracking bugs and enhancements from the plugin page itself. Second, the plugin site is fairly new, and as u know we faced quite a few issues using that in the first place... So, it is just a matter of time before both developers and users get confidence in the repo. Third, the main jquery page still points to the docs.jquery.com/plugins wiki instead of the plugin page. Many people are still using that. And, as Stephan says it is both a problem of education and the barrier to entry. But, these are expected from the users to get quality extensions from any open source software. Yet, it has to solved. Again, i guess i am just rambling... -GTG On 8/25/07, Karl Swedberg [EMAIL PROTECTED] wrote: Hey folks, I was looking through the plugins at jquery.com/plugins/ and noticed that, even though the project pages have bug-report and feature-request tools built right in, hardly any of the plugins have anything entered for any of it. Kelvin Luck's plugins are the only ones I saw from a cursory skim through the list that are taking advantage of them. So, I'm curious. What do more seasoned plugin developers recommend for tracking bugs and feature requests? Why is hardly anyone using these on the plugin pages? Is there something better out there that others are using? It's seems a shame not to use what looks like a nice tool. But before I jump in and start using it for my own plugin, I thought I'd seek the perspective of others. As I've been working on the clueTip plugin, one of the hardest things for me has been to keep track of what people want out of it and what they're finding wrong with it. I think it would be nice to have a centralized location where I could monitor this stuff for my own plugins, and it would also be cool to be able to look at other plugin pages and check on their progress. Any thoughts on this? How about not just from plugin *developers*, but from plugin *users* as well? People out there using these plugins -- would you find it helpful to be able to look at these plugin pages at the jquery.com plugin repository and check on their status? Okay, sorry, I'm rambling. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: Plugin Repository - Report New Bugs and Request New Features?
You don't need it - anyone can submit a plugin to the plugin web site, which is independent of the svn tree. You just need to create an account on the plugins site, then you're all set to go. I am aware of that... coz, i have my plugins already listed there. What, i was trying to convey was, although my plugins are listed there, i am not motivated to effectively use the plugin web site for issue tracking and feature requests because, i don't have the actual code in the repo. -GTG On 8/26/07, Stephan Beal [EMAIL PROTECTED] wrote: On Aug 26, 9:03 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote: For starters, i don't know if i have write access to the jquery svn repository to checkin my plugin. You don't need it - anyone can submit a plugin to the plugin web site, which is independent of the svn tree. You just need to create an account on the plugins site, then you're all set to go. Third, the main jquery page still points to the docs.jquery.com/pluginswiki instead of the plugin page. Many people are still using that. Someone posted a few weeks ago saying that they would install a redirect on the plugins page soon. When... i don't remember. And, as Stephan says it is both a problem of education and the barrier to entry. Perhaps we can get the webmasters to allow anonymous posts to the bug db (assuming that the underlying framework allows it, which i'm not sure about at all). :)
[jQuery] Re: Plugin Repository - Report New Bugs and Request New Features?
your site is hosted on hostmonster (same as mine), and they run apache 1.x, which doesn't have the necessary apache modules for hosting an svn server. yup, that is true :-( . -GTG On 8/26/07, Stephan Beal [EMAIL PROTECTED] wrote: On Aug 26, 7:29 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: What, i was trying to convey was, although my plugins are listed there, i am not motivated to effectively use the plugin web site for issue tracking and feature requests because, i don't have the actual code in the repo. Ah, that's a good point. But the plugins page allows you to add a link to your own repo (obviously, most people don't have a publicly- accessible repo, though). IIRC, your site is hosted on hostmonster (same as mine), and they run apache 1.x, which doesn't have the necessary apache modules for hosting an svn server.
[jQuery] Re: Release: Accordion 1.5
In my opinion (and only my opinion) i think that it is kinda disturbing if we hover on one item and immediately if we hover on another item, the accordian doesn't open for the second item. If you look at the mootools.net home page, you see the kwick(horizontal acoordian). I am working on something like that. I am facing the same problem there as well. But in the mootools site, if you hover from the left end to the right end fast, you could see that the intermediate items partially animate... As far as i know this can be solved using the stop() method in fx. But the stop() method is available only as part of the interface's animation extension. John has promised that as part of the core in 1.2 though. So, again, in my opinion, i would favor an approach where if we hover over one item and then immediately if we hover over the other item before the animation of first is complete, then the animation of the first item should be stopped in the middle and the second animation should start. That would be ideal. But i am not sure how easy or difficult it is. I am keen and willing to do any help that might be required. -GTG On 8/26/07, Jörn Zaefferer [EMAIL PROTECTED] wrote: Ganeshji Marwaha schrieb: Jörn, this is fantastic... very re-usable as well.. I have a question/suggestion though... When i hover over one of the items, and before the animation completes if i hover over another item, the animation for the second item doesn't occur. Now, i will have to move my mouse out of that item and hover over it again to get the other item to expand. Is it something that can be fixed, or is it a known limitation that we will have to live by... Well, so far that was intended to be a feature, not a bug. The combination of long-running animations with hover is annoying, right. But it is also annoying when the accordion keeps changing on each mouse move, even when you didn't intend to get a different chunk. Fixing it isn't difficult, but it is difficult to decide what the right fix actually is. Your help is appreciated. -- Jörn
[jQuery] Re: Plugin Repository - Report New Bugs and Request New Features?
Excellent Karl, initiatives like this is what makes open source so much fun... -GTG On 8/26/07, Karl Swedberg [EMAIL PROTECTED] wrote: On Aug 26, 2007, at 2:55 AM, Stephan Beal wrote: On Aug 26, 5:23 am, Karl Swedberg [EMAIL PROTECTED] wrote: It's seems a shame not to use what looks like a nice tool. i agree 100%, and i think it would help if the plugin developers started directing people to the bug db. The bug db has a higher barrier to entry than the list does (one has to create an account on the web site), though, so that might keep some people away (most list- goers have a Google account already). Okay then. If anyone would like to report a bug or add a feature request for the clueTip plugin, you may do so here: http://jquery.com/plugins/node/add/project_issue/cluetip/bug or here: http://jquery.com/plugins/node/add/project_issue/cluetip/feature :-) As I've been working on the clueTip plugin, one of the hardest things for me has been to keep track of what people want out of it and what they're finding wrong with it. If memory serves me properly, most people report bugs to you via this list or your blog. yeah. multiple threads, multiple blog entries. and personal email. and IM. :-) Hard to keep track of. Just to be clear -- I'm not complaining, and I'm not suggesting that it's anyone's fault but my own. I'm just seeking guidance for managing this stuff and wondering if there was a flaw in the plugin repository's tools or if people weren't using them for some other reason. Sounds like you and Ganeshji think there's nothing inherently wrong with those tools, but other factors, such as force of habit, path of least resistance, etc. are the (de-)motivating factors. I really appreciate the input, Stephan. And Ganeshji. Okay, sorry, I'm rambling. i think you've brought a very useful topic to the surface. A summary of my stance is: it's a problem of education - the developers should get in the habit of teaching the users to file bug reports by simply requesting them to please file a bug report at http://...; That may be overkill for trivial reports which you know you can fix in a few minutes, but for bugs which won't/can't be fixed immediately, i feel it's a good solution. Excellent suggestion. I think I'll start doing that. Thanks again! --Karl
[jQuery] Re: jQuery 1.1.4: Faster, More Tests, Ready for 1.2
this is great work... and more speed improvements? wow, that is just amazing news. Thanks for the great library john. -GTG On 8/24/07, Su [EMAIL PROTECTED] wrote: On 8/24/07, Erik Beeson [EMAIL PROTECTED] wrote: I notice the file size has crept up to 21kb from 19kb for 1.1.2. And...?
[jQuery] Re: how to delay a event?
are u trying to achieve something like autocomplete (like google suggest),
if that is the case, then you should look at
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
-GTG
On 8/22/07, james_027 [EMAIL PROTECTED] wrote:
hi,
I have a small jQuery script, that get some data over the server on
every keypress by the user, but I don't to perform such action every
time when the user presses a key, specially if between key presses
happens in short amount of time. How do I delay this event?
Here is my script
$('[EMAIL PROTECTED]').keyup(function(e){
if (e.target.value != ''){
$.get('/main/search_item/',
{search_item:e.target.value
},
function(data){
$('[EMAIL PROTECTED]').html(data);
}
);
}
});
thanks
james
[jQuery] Re: how to delay a event?
sorry, am i missing something. -GTG On 8/22/07, james_027 [EMAIL PROTECTED] wrote: Hi, On Aug 23, 2:34 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: are u trying to achieve something like autocomplete (like google suggest), if that is the case, then you should look athttp://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ -GTG No I am doing a auto complete here... THanks james
[jQuery] [ANNOUNCE] LavaLamp for jQuery lovers released!
Hi friends, Thank you! both for all your patience and valuable feedback. This sure helped shaped this plugin into whatever it is today. LavaLamp is a very simple menu plugin for jQuery. As many of you already know, fancy hover effects is what gives it character. It was originally written by Guillermo Rauchhttp://devthought.com/cssjavascript-true-power-fancy-menu/ for the mootools library. I just ported it for the benefit of jQuery lovers. You can get a complete overview and how to implement it in your site here - http://gmarwaha.com/blog/?p=7 Special thanks to Stephan Beal who gave it its name and to Glen Lipka who generously chipped in and helped with image sprites. If you like it, don't resist the urge to digg it at http://digg.com/design/Lava_Lamp_for_jQuery_lovers. I would be really glad if more people came to know about it. I would be happy to answer any questions, comments or suggestions you may have... Thanks again, -GTG
[jQuery] Re: [ANNOUNCE] LavaLamp for jQuery lovers released!
Thanks for mentioning me in the docs, but really, it was just 10 minutes. You did the work! @Glen - oh come on, it took just 10 minutes because u are an expert in it. I don't know how long it would have taken me to create that. It really was helpful, and my appreciation is honest and sincere. Thanks. Vertical orientation would be the next logical thing. Version 2.0 coming soon! @Glen and @Andy - That is correct. I will try to get a vertical version out soon. -GTG On 8/23/07, Glen Lipka [EMAIL PROTECTED] wrote: I just spent 30 seconds (an eternity for me) putting my mouse between plant and tree and ride an elephant. Back and forth. Like a metronome. I was mesmerized by the action. It's truly stare-worthy. Glen On 8/23/07, Andy Matthews [EMAIL PROTECTED] wrote: Vertical orientation would be the next logical thing. Version 2.0coming soon! -- *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Glen Lipka *Sent:* Thursday, August 23, 2007 11:35 AM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Re: [ANNOUNCE] LavaLamp for jQuery lovers released! This is an awesome effect, with tons of room for customization. I have to use it somewhere. Hmm, Question, could it be made to run vertically as well as horizontally? I have a few vertical nav bars that it would still be very nice. Thanks for mentioning me in the docs, but really, it was just 10 minutes. You did the work! Awesome job! Glen On 8/23/07, Mike Alsup [EMAIL PROTECTED] wrote: Awesome, Ganeshji! Great job on the docs, too! Mike I just ported it for the benefit of jQuery lovers. You can get a complete overview and how to implement it in your site here - http://gmarwaha.com/blog/?p=7
[jQuery] Re: [ANNOUNCE] LavaLamp for jQuery lovers released!
True, that is primarily because, in the test version i was using interface plugin's animation, so that i can have access to the stop() method. But, i thought, asking to include interface plugin(even a part of it) could be a deal breaker for many. So, i rolled out a poor man's stop() function within the LavaLamp plugin. For most part it is good, but when you hover the mouse all the way from the beginning to the end fast, the effect seems a tad choppy. So, what do you suggest. I cannot makeup my mind. If i were the user, i would take the bit of choppiness for another 10K download, but i don't know if i am thinking in the right direction. -GTG On 8/23/07, Karl Swedberg [EMAIL PROTECTED] wrote: Hi Ganeshji, for what it's worth, I'm seeing the same difference between the test version (smooth) and the one in the blog entry (choppy). FF 2/ Mac --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Aug 23, 2007, at 1:46 PM, Ganeshji Marwaha wrote: Thanks everybody for the feedback. It is too motivating and am really glad u all liked it... @Chris - I am not sure if i changed much after that version. In any case, i will try to test it on XP/FF 2 and see if i can see the problem. Meantime, try a browser restart, we have come to know FF for its heavy weight sometimes... ;-) @Pops - Good catch... Thanks... Fixed it... -GTG On 8/23/07, Chris W. Parker [EMAIL PROTECTED] wrote: On Thursday, August 23, 2007 9:20 AM Ganeshji Marwaha said: You can get a complete overview and how to implement it in your site here - http://gmarwaha.com/blog/?p=7 Special thanks to Stephan Beal who gave it its name and to Glen Lipka who generously chipped in and helped with image sprites. [snip] I would be happy to answer any questions, comments or suggestions you may have... Good job Ganeshji. But what happened to the smooth animation? Is it my system? Firefox 2 on XP. Your original test is smooth. (http://www.gmarwaha.com/jquery/jfancymenu/test/test.html) Regards, Chris.
[jQuery] Re: LavaLamp for jQuery lovers released!
Yes Pops u r right... i wasn't able to test in IE 6 coz, i don't have one... I had to borrow my friends laptop to find out the problem after u pointed it out... I guess, i will try to fix it sometime tonight. Thanks -GTG On 8/23/07, Pops [EMAIL PROTECTED] wrote: GTG, Maybe its just me, but under IE6 your demo does not appear correctly. You have to change the width so the the items fit.. Around 480 makes it right. But I think the overall issue is the spacing of the items. Can you repeat this under IE6? -- HLS On Aug 23, 12:20 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Hi friends, Thank you! both for all your patience and valuable feedback. This sure helped shaped this plugin into whatever it is today. LavaLamp is a very simple menu plugin for jQuery. As many of you already know, fancy hover effects is what gives it character. It was originally written by Guillermo Rauchhttp://devthought.com/cssjavascript-true-power-fancy-menu/ for the mootools library. I just ported it for the benefit of jQuery lovers. You can get a complete overview and how to implement it in your site here -http://gmarwaha.com/blog/?p=7 Special thanks to Stephan Beal who gave it its name and to Glen Lipka who generously chipped in and helped with image sprites. If you like it, don't resist the urge to digg it athttp://digg.com/design/Lava_Lamp_for_jQuery_lovers. I would be really glad if more people came to know about it. I would be happy to answer any questions, comments or suggestions you may have... Thanks again, -GTG
[jQuery] Re: co-existing with mootools: help
I don't think there is a way to make mootools play well with other libraries
when using the infamous $. jQuery is probably the only library that
understands this concern and has implemented appropriate precautions in its
code base.
That said, to look at ur needs from a higher level, i think i will first
need to understand what is that u r doing with mootools that can't be done
in jquery. If we are able to easily achieve the same using jQuery, then you
wont have to use mootools at all in the first place...
-GTG
On 8/22/07, Jack Killpatrick [EMAIL PROTECTED] wrote:
Right, I just don't want to touch any of the existing/relevant
filesonly wrap moo in something that won't conflict. Thanks for poking
into it for me, though, much appreciated. Seems like a no-brainer to have in
a library (and a reason to use jq over moo in general if it t'aint possible
;-)
Benjamin Sterling wrote:
I was just looking at some of my plugins and realized that, if your
plugins are wrapped like below, doing the noflict should not be a headache.
(function($){
// original content
})(jQuery);
Even if you have to wrap your current code (custom code you written) in
that, you should still be ok.
On 8/22/07, Benjamin Sterling [EMAIL PROTECTED] wrote:
Sorry Jack, never ran into the issue. Maybe replacing all the $ in
mootools' core, probably not the best approach, but I could not find an
answer.
Sorry.
On 8/22/07, Jack Killpatrick [EMAIL PROTECTED] wrote:
Right, I know about the no-conflict mode. My issue is the opposite: I
don't want to touch any existing js files to use jquery in no-conflict
modeand haven't had any luck via mootools pleas for a workaround at
the
moo level. Hoping someone here has dealt with it. I just have a little
mootools thing I need to use so don't want to touch other stuff that's
already working.
Thx.
Jack
Benjamin Sterling wrote:
Check out
http://michaelshadle.com/2007/07/03/jquerys-no-conflict-mode-yet-another-reason-why-its-the-best/
On 8/22/07, Jack Killpatrick [EMAIL PROTECTED] wrote:
I have a site that's chock-full of jquery stuff: numerous js files
using
jquery, bunch of plugins, etc. I have a need to use mootools for
something that must coexist with the jquery stuff. I know that
jquery's
$ can be changed to something else, but rather than mod any of my
existing js files, I'd prefer to override moo's $ instead. However,
haven't been able to find a way to do it. I can't imagine there
isn't a
way, but so far no luck.
Anyone in this lovely, lively, vigorous jquery group know a
workaround?
(buttered up enough?)
Thanks,
Jack
--
Benjamin Sterling
http://www.KenzoMedia.com http://www.kenzomedia.com/
http://www.KenzoHosting.com http://www.kenzohosting.com/
--
Benjamin Sterling
http://www.KenzoMedia.com http://www.kenzomedia.com/
http://www.KenzoHosting.com http://www.kenzohosting.com/
--
Benjamin Sterling
http://www.KenzoMedia.com http://www.kenzomedia.com/
http://www.KenzoHosting.com http://www.kenzohosting.com/
[jQuery] Re: Classic noob questions
I recommend, you take a look at the jCarouselLite plugin. Even if you don't
use the plugin itself (if your intention is to learn), the code there will
provide some starting point, because i guess it solves the same problem that
u r trying to solve.
http://www.gmarwaha.com/jquery/jcarousellite/index.php
-GTG
On 8/22/07, littlerobothead [EMAIL PROTECTED] wrote:
I'm trying (for learning, and out of stubborness) to build an image
slider. The code I'm using, and my issue, follows.
script type=text/javascript charset=utf-8
$(document).ready(function() {
$('div#features:eq(0) div:not(:first)').hide();
// Hides all but
the first feature story
$('#next').bind(click,function() {
$('div.content ul
li:visible:first').hide();
});
$('#prev').bind(click,function() {
$('div.content ul
li:visible:first').prev('li').show();
});
});
/script
div class=content
ul
liimg src=../img/film_strip/abba-still.jpg width=130
height=95 alt=Abba Still //li
liimg src=../img/film_strip/hairspray130.jpg
width=130
height=95 alt=Hairspray130 //li
liimg src=../img/film_strip/harry.gif width=82
height=60
alt=Harry //li
liimg src=../img/film_strip/oysters.gif width=82
height=60
alt=Oysters //li
liimg src=../img/film_strip/pottercover130.jpg
width=130
height=95 alt=Pottercover130 //li
liimg src=../img/film_strip/simpsons.gif width=82
height=60
alt=Simpsons //li
liimg src=../img/film_strip/sopranos.gif width=82
height=60
alt=Sopranos //li
liimg src=../img/film_strip/speedracer75x55.jpg
width=75
height=55 alt=Speedracer75x55 //li
ul
/div
div class=controls
a id=prev#171;/a
a id=next#187;/a
/div
My issue is that the slider scrolls as I want it to when clicking on
the prev anchor--i.e., it scrolls only until it reaches the first
li, then stops. However, clicking on the next anchor moves the
content div on and on until it leaves the container. How do I get
the prev and next anchors to behave the same way?
In a perfect world, the content div would behave as if it were a loop.
But I tried to make that happen last night to no avail. For now, I'd
be happy just to iterate through all the li items from right to left
until there aren't anymore.
I hope this makes sense. This code is the product of both a deadline
and three hour's sleep. I have Karl's book on the way, but until it
gets here this group is my Obi Wan.
Best to all,
Nick
[jQuery] Re: Error creating div in IE7
I will take a look at it in depth... But, in the meantime, can u try using
some other id for the div instead of document. Sometimes crazy things like
these have worked for me.
-GTG
On 8/22/07, Márcio Kabke Pinheiro [EMAIL PROTECTED] wrote:
I'm very new in jQuery (in fact, only 2 days :-) ), and I'm having a
strange error in IE7.
I have a little JS function that, when a link is clicked, creates a
div in the screen and shows a PHP page created with an parameter
passed. Nothing too fancy, is like a pop-up window.
The code is really simple:
function callDoc (cod) {
$(div id='document' class='document' Loading document.../
div).appendTo(.maintable);
$.get (document.php, {doccode: cod}, function(page){
$(#document).html (page);
});
}
Works like a charm in Firefox, but nothing appears is IE7. Since I
don't have a Firebug in IE (anger...), and no error appears in the
IE's status bar, I've inserted and alert (Hello) in the first line
of the function, to see if the functions was been called. It appeared.
Then, the problem is in the jQuery commands.
To make it more strange, once in a while (very few times) the div
appeared in IE.
Any hints? Rookie mistake? I have to finish this site 'till the end of
the week.
Sorry for my English, and thanks in advance
Márcio
[jQuery] Re: co-existing with mootools: help
Interesting... I should admit that, we don't have a plugin that does exactly that in jQuery. But there are quite a few upload related plugins that may partially solve your needs. Sorry, couldn't be of much help here... But i am sure, someone somewhere (including Benjamin) is writing a plugin that exactly solves this need for jQuery. -GTG On 8/22/07, Jack Killpatrick [EMAIL PROTECTED] wrote: I want to do this and have evaluated and tried a few plain-js and jquery based solutions: http://digitarald.de/playground/uplooad.html required abilities: 1. select multiple files at once via browse dialog 2. list all selected files separately 3. remove any selected file before uploading and during upload (if not started) 4. per-item progress bars (and ability for individual uploads to complete before whole batch does) 5. clear completed list easily Nice to haves: 6. restrict selections by file extension 7. file-size limit enforced on client side Additionally: I'm looking for a solution that has most/all of this already packaged (since this mootools uploader does and has therefore set the bar) so that implementation time will be minimal. FWIW, all of the jq-based plugins I've looked at so far did not meet *all* requirements or came close, but had various browser-specific issues (crashing browsers, not loading from local cache) that made us give up on them. - Jack Benjamin Sterling wrote: @GTG, great question, I second that. @Jack, if you can explain what you are trying to do with mootools, maybe we can come up with an alternative. On 8/22/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: I don't think there is a way to make mootools play well with other libraries when using the infamous $. jQuery is probably the only library that understands this concern and has implemented appropriate precautions in its code base. That said, to look at ur needs from a higher level, i think i will first need to understand what is that u r doing with mootools that can't be done in jquery. If we are able to easily achieve the same using jQuery, then you wont have to use mootools at all in the first place...
[jQuery] Re: Dinamically add elements to a existing jCarouselLite
hi thorfinn,
Using the present featureset of jCarouselLite, you will not be able to add
content at run-time once the carousel is initialized.
You have 2 options
1. To add the li elements before u even initialize the carousel
2. look into jCarousel. Although a bit heavy, it has a host of features that
jCarouselLite does not support.
Lemme know if you have further questions.
-GTG
On 8/21/07, thorfinn [EMAIL PROTECTED] wrote:
Hi jQuery folks,
i'm trying to create a page where a new li element is to be added to
an existing carousel. The new element's content is coming from some
ajax call and it should fit dinamically into the existing carousel
forcing it to reinitialize (i suppose).
Ex.
THIS IS THE HTML MARKUP OF THE ORIGINAL CAROUSEL
div id=carousel
ul id=carouselList
lihtml markup content/li
/ul
/div
--JCAROUSELLITE JAVASCRIPT INIT CODE
$(#carousel).jCarouselLite({
btnGo: new Array(#historyGo1),
visible:1,
circular:false
});
---
suppose that on completion of aN ajax request we get some other html
code,
then we should be supposed to add it to a new li element appended to
the ul this way:
$(ul#carouselList).append(li+new html code from ajax+/li);
-
Now i suppose that i should reinitialize the carousel but it doesent
seem to work that way!
Since i'm getting lots of troubles doing that, i would greatly
appreciate if anyone can point me to some hints or existing
documentation...
Thanks in advance!
thorfinn
[jQuery] Re: New Plugin: Live Query (previously called Behavior)
wonderful... before behavior plugin, i used to convince myself that the extra effort is worth it because it creates more readability and reusability by separating out methods that attach events etc. But, now, u r making me lazy, and i am really glad u are ;-) Thanks brandon, for this wonderful plugin. The utility of the plugin cannot be overstated. anyone using ajax and unobstrusive javascript just has to use it.. BTW, one quick question... do u have any idea how mootools / prototype handle this scenario. Are there plugins, is it built into their core etc? -GTG On 8/20/07, Dave Cardwell [EMAIL PROTECTED] wrote: On 20/08/07, Stosh [EMAIL PROTECTED] wrote: Any chance that this might be integrated into the core in a future version, or something like it perhaps? http://docs.jquery.com/JQuery_1.2_Roadmap#Behaviors -- Best wishes, Dave Cardwell. http://davecardwell.co.uk/javascript/jquery/
[jQuery] Re: A Simple Question ! (mouseover)
try this...
$(img).mouseover(function(){
$(this).prev(span).html(img src=hover.jpg);
});
-GTG
On 8/19/07, Kixe [EMAIL PROTECTED] wrote:
span/span
img src=1.jpg/img
span/span
img src=2.jpg/img
span/span
img src=3.jpg/img
$(document).ready(function() {
$(img).mouseover(function(){
$(span).html(img src=hover.jpg);
});
$(span).mouseout(function(){
$(this).html();
});
});
Mouse point to IMG1, all of it hover,
How can I piont to IMG1, IMG1 hover, and IMG2 , IMG2 hover only .
[jQuery] Re: Selecting readonly textboxes
Try this $(input:text).not([EMAIL PROTECTED]); -GTG On 8/17/07, Mohsen Saboorian [EMAIL PROTECTED] wrote: Hello list, Is it possible to select non-readonly textboxes with JQuery? I've tried the following queries, non of which worked: $(input:[EMAIL PROTECTED]) $(input:[EMAIL PROTECTED]'false']) $(input:[EMAIL PROTECTED]'true']) However it was possible to select readonly textboxes with the following query: $(input:[EMAIL PROTECTED])
[jQuery] Re: request for comments - a periodic execution plugin/function for jQuery
I am sure westamastaflash will reply to ur query, but in the meantime, since
i am still awake (3 PM here), i thought i will do a good deed before i goto
bed.
try $.periodic(callback, {frequency: 5});
You were using quotes for the options object. That was probably the cause of
the problem
And you mentioned period instead of periodic, and i am sure that was a
typo, coz, u said it works ;-)
-GTG
On 8/18/07, Pops [EMAIL PROTECTED] wrote:
On Aug 17, 5:43 pm, westamastaflash [EMAIL PROTECTED] wrote:
So I wrote a periodic execution function for jQuery, similar to the
PeriodicExecuter function of prototype. I'd like some feedback as to
it's usefulness (or non-usefullness). This is my first plugin, so any
suggestions as to what to change are appreciated (should I use
jQuery.extend to create the plugin, or just assign it like this,
etc).
Hi
I'm still new to jQuery (I'm getting tired of saying that g) but do
you have an example usage of your new plugin?
I tried:
$.period(myCallBack);
and this seem to work, my simple callback adds a list to a listbox to
provide the visual. But it only did it once.
I was trying to change the frequency (without altering your code) but
I'm not yet well verse to read a jQuery function or plugin to see how
it is implemented without documentation. However, with trial and
error, I did try this:
$.period(myCallBack, {frequency: 5});
but that didn't seem to take. The frequency was still 10. An
example will help. :-)
I'm trying to find a solution to a bug in firefox (but NOT internet
explorer) where the parallel execution of the callback function is not
shielded by the code (prototype's PeriodicExecuter has the same
problem - their example code *does not work* in firefox (firebug web
developer plugin installed). Any comments are appreciated.
Are you saying your provided code is not quite right for FF and the 1
time callback I saw under FF is an example behavior? And under IE its
works fine?
--
HLS
[jQuery] Re: stop animation
Cool, That seems to look like an extension of my jkwick source. Was jkwick
the starting point? :-)
Anyways, i guess u r facing the same problem as i am at this point.
Initially i had it similar to yours, but the problem is the individual items
bump left and right especially when we are hovering onn kwicks from left to
right. I am sincerely working on getting a solution for that. If u find a
solution, then lemme know.
-GTG
On 8/18/07, Cybolic [EMAIL PROTECTED] wrote:
Funny how things work sometimes...
Sorry for not sending that message sooner, I just stumbled on yours
while searching to see if anyone had done a kwick plugin.
I'd be glad to be added as co-author, though you found the answer on
your own, so you really don't have to, but again, I'd be glad :)
By the way, I have a kwick plugin in action at http://mannequinballs.dk
(plugin at http://untied.dk/mb/jquery.kwick.js) if you'd like to see
how I handled the case.
- Christian Dannie
On Aug 18, 12:03 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
Hey Christian,
This is either a huge co-incidence or we are probably born on the same
date
and time... coz, i spent the full day yesterday to figure out exactly
this
and was jumping for joy that i found the simplest and the easiest way to
stop animation and i started incorporating them into the jkwick and
lavalamp
plugin that i was working on...
I just wish u saved me all the hardwork by sending this message on
wednesday
Anyways, even though i thought i found the solution, i wasnt confident
if
that was the right solution, but now u confirmed it, and thanks a ton.
When i whip out a small utility plugin outta this, i will be glad to add
you
as co-author. ;-)
-GTG
On 8/17/07, Cybolic [EMAIL PROTECTED] wrote:
You can start and stop an animation like so:
// start
$('#animationElement').animate({width: 50}, slow);
// stop
$.dequeue($('#animationElement').get(0), fx);
You can of course define a helper for it like so:
$.fn.stop = function(){
this.each(function(){
$.dequeue(this, fx);
});
return this;
};
- now you can just do: $('#animationElement').stop();
This should really be added to the documentation, or given a shortcut.
If anyone would do this, or tell me how to do it, that'd be great.
Cheers,
Christian Dannie
On Aug 4, 6:40 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
hi friends,
is there a way to stop an animation after it has started? any hack
that
will
make this happen will be useful...
thanks in advance,
-GTG
[jQuery] Re: Rolling region plugin?
i guess u r looking for jCarouselLite - http://gmarwaha.com/jquery/jcarousellite/ -GTG On 8/18/07, howa [EMAIL PROTECTED] wrote: Anyone know there is such as plugin, e.g. div id=image1 img src='... desc... /div div id=image2 img src='... desc... /div div id=image3 img src='... desc... /div ... the effect is the DIVs keep rolling (over and over) from a limited area (which only show at most 2 items at the same time)
[jQuery] Re: stop animation
yehuda, i dont see it in the trunk... am i missing something...
-GTG
On 8/18/07, Yehuda Katz [EMAIL PROTECTED] wrote:
stop() is going to be in jQuery 1.2, and I believe it is already in trunk.
-- Yehuda
On 8/18/07, Joan Piedra [EMAIL PROTECTED] wrote:
Omg,is this in the jquery-core?! O_o
If it is then I won't need to use interface iutil and ifx anymore, yay!
On 8/17/07, Cybolic [EMAIL
PROTECTED]https://mail.google.com/mail?view=cmtf=0[EMAIL PROTECTED]
wrote:
You can start and stop an animation like so:
// start
$('#animationElement').animate({width: 50}, slow);
// stop
$.dequeue($('#animationElement').get(0), fx);
You can of course define a helper for it like so:
$.fn.stop = function(){
this.each(function(){
$.dequeue(this, fx);
});
return this;
};
- now you can just do: $('#animationElement').stop();
This should really be added to the documentation, or given a shortcut.
If anyone would do this, or tell me how to do it, that'd be great.
Cheers,
Christian Dannie
On Aug 4, 6:40 am, Ganeshji Marwaha [EMAIL
PROTECTED]https://mail.google.com/mail?view=cmtf=0[EMAIL PROTECTED]
wrote:
hi friends,
is there a way to stop an animation after it has started? any hack
that will
make this happen will be useful...
thanks in advance,
-GTG
--
Joan Piedra || Frontend webdeveloper
http://joanpiedra.com/
--
Yehuda Katz
Web Developer | Procore Technologies
(ph) 718.877.1325
[jQuery] Re: stop animation
Ok, there is no way i can oppose that. You are an authority in what u r
talking about and i comletely agree with u. I also understand exactly what u
mean when u say that...
That said, the interesting part is, in the case of my lavalamp plugin
http://www.gmarwaha.com/jquery/lavalamp/test/test.html , this code seems to
solve the problem that could be solved by stopping animations in the middle.
I don't understand how this works then. I willd be glad if you can explain
that please.
-GTG
On 8/18/07, John Resig [EMAIL PROTECTED] wrote:
That code doesn't work - it doesn't stop any animations, it only
clears the animation queue (stopping any future queued animations).
You can't build a true stop animation without modifying jQuery core.
Here's a page that demonstrates that code that's going into jQuery
1.2:
http://dev.jquery.com/~john/ticket/stop/
--John
On 8/17/07, Cybolic [EMAIL PROTECTED] wrote:
You can start and stop an animation like so:
// start
$('#animationElement').animate({width: 50}, slow);
// stop
$.dequeue($('#animationElement').get(0), fx);
You can of course define a helper for it like so:
$.fn.stop = function(){
this.each(function(){
$.dequeue(this, fx);
});
return this;
};
- now you can just do: $('#animationElement').stop();
This should really be added to the documentation, or given a shortcut.
If anyone would do this, or tell me how to do it, that'd be great.
Cheers,
Christian Dannie
On Aug 4, 6:40 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
hi friends,
is there a way to stop an animation after it has started? any hack
that will
make this happen will be useful...
thanks in advance,
-GTG
[jQuery] Re: stop animation
John, i now completely get what u mean... This is actually not stopping
animation ;-).
:-( we will wait for jquery 1.2 in the meantime... Thanks for letting us
know.
-GTG
On 8/18/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
Ok, there is no way i can oppose that. You are an authority in what u r
talking about and i comletely agree with u. I also understand exactly what u
mean when u say that...
That said, the interesting part is, in the case of my lavalamp plugin
http://www.gmarwaha.com/jquery/lavalamp/test/test.html , this code seems
to solve the problem that could be solved by stopping animations in the
middle. I don't understand how this works then. I willd be glad if you can
explain that please.
-GTG
On 8/18/07, John Resig [EMAIL PROTECTED] wrote:
That code doesn't work - it doesn't stop any animations, it only
clears the animation queue (stopping any future queued animations).
You can't build a true stop animation without modifying jQuery core.
Here's a page that demonstrates that code that's going into jQuery
1.2:
http://dev.jquery.com/~john/ticket/stop/
--John
On 8/17/07, Cybolic [EMAIL PROTECTED] wrote:
You can start and stop an animation like so:
// start
$('#animationElement').animate({width: 50}, slow);
// stop
$.dequeue($('#animationElement').get(0), fx);
You can of course define a helper for it like so:
$.fn.stop = function(){
this.each(function(){
$.dequeue(this, fx);
});
return this;
};
- now you can just do: $('#animationElement').stop();
This should really be added to the documentation, or given a shortcut.
If anyone would do this, or tell me how to do it, that'd be great.
Cheers,
Christian Dannie
On Aug 4, 6:40 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
hi friends,
is there a way to stop an animation after it has started? any hack
that will
make this happen will be useful...
thanks in advance,
-GTG
[jQuery] Re: jCarousel Lite - version 1.0
Aaron, I checked the site and it seems to work as u expect it to now. I guess u already fixed it. If u haven't, can u explain what part do u need help with? -GTG On 8/17/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi Ganeshji, Thanks for your plugin. Its easy to use, and the true circular function is a great benefit! I am utilizing your plugin in the design for a food company website: http://www.comittechnologies.com/designs/brucefoods/test.html You can see the carousel on the left side, where the logos scroll past. This is about half the functionality I wanted. The other thing I want is for the carousel to stop moving once the user mouses over. Ideally it will stop when the brand logo is centered. Without seeing a complete source (with descriptive variable names) of your plugin, I am a little unsure as to how this can be done. Can you provide any suggestions? Thanks! Aaron On Aug 10, 1:00 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Awesome work. I'm now thinking to port this nice plugin to as a module in open source application like joomla. @Mike - Thanks, and that would be cool... Hi Ganeshji, Hey is it possible to have the presentation vertical, say three thumbnails tall, and then have it animate horizontally to slide three new thumbnails into place. I haven't seen an example for that type of a setup, still looking them over though. Nice work. thanks. @Ty, Since jCarouselLite supports any HTML content as its individual items, i am sure it is possible as long as your requirement is not to scroll both vertically and horizontally. If i have some time this weekend, i will try to get a demo for that in place. -GTG On 8/10/07, Ty [EMAIL PROTECTED] wrote: Hi Ganeshji, Hey is it possible to have the presentation vertical, say three thumbnails tall, and then have it animate horizontally to slide three new thumbnails into place. I haven't seen an example for that type of a setup, still looking them over though. Nice work. thanks. On Aug 9, 3:20 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Oops, forgot the link to the project page... here you go... http://gmarwaha.com/jquery/jcarousellite/ -GTG On 8/9/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Hi friends, I have finally released the 1.0 version of jCarouselLite plugin. There was a lot of feedback for the earlier revisions, and i sincerely thank you all for that, because that is what shaped this 1.0 release. Nicolas Hoizey and Mike Fern - As per your request, circular is now well, circular. The carousel won't rewind itself after the last element. Rather it will cycle as if there is no end. Anton - As per your request, the buttons will be assigned a class called disabled when the carousel is in the first or last element respectively. This is applicable to non-circular carousels only. Cliff Lee - The bug you reported regarding clicking the previous button when the carousel is showing the first element, and then clicking the next button causes the carousel not to respond, should be fixed i suppose. Let me know. If you find the plugin interesting, don't resist yourself to digg it athttp://digg.com/programming/Merry_go_round_aka_jCarouselLite_with_jQuery -GTG
[jQuery] Re: stop animation
thats wonderful joan... simple and effective how to's are very useful pieces of information. Send us a link after u have posted something. -GTG On 8/17/07, Joan Piedra [EMAIL PROTECTED] wrote: Hello Ganeshji, Nvm the previouse message, I've just seen your work at the lava lamp plugin, awesome. It looks like you already use the interface plugin so there isn't a need for me to tell you how to do it ;) Still, I will post a simple howto how to do it, so anyone in the jquery community can take a look at it. Congrats for the lava lamp plugin, Cheers On 8/17/07, Joan Piedra [EMAIL PROTECTED] wrote: Hello Ganeshji, I gave interface a try and It deserves it a lot. I'll write a simple howto stop animations and queuing in jquery. You can see an example here. All the navigation animations use it. http://www.justaquit.com/ Cheers, On 8/5/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Thanks eddy... I will try to make them work together and will let u know how it goes. -GTG On 8/5/07, eddy [EMAIL PROTECTED] wrote: The demo page is http://interface.eyecon.ro/demos/animate.html You only need to make jQuery and fx together. On 8月4日, 下午12时40分, Ganeshji Marwaha [EMAIL PROTECTED] wrote: hi friends, is there a way to stop an animation after it has started? any hack that will make this happen will be useful... thanks in advance, -GTG -- Joan Piedra || Frontend webdeveloper http://joanpiedra.com/ -- Joan Piedra || Frontend webdeveloper http://joanpiedra.com/
[jQuery] Re: ORing selectors
I am not sure about the additional overhead, but i find comma more straight-forward because they are css selectors and we use commas to select in css anyways. -GTG On 8/17/07, Rob Desbois [EMAIL PROTECTED] wrote: Does anyone know offhand how much overhead using .add() instead of the comma incurs? Is it just the additional function call? I've always used comma in selectors but using .add() instead is much clearer as it separates the selectors in an obvious manner. --rob On 8/15/07, Matt Stith [EMAIL PROTECTED] wrote: I would do something like $(#X).add(.Y); On 8/15/07, rickdog [EMAIL PROTECTED] wrote: What is the cleanest way for ORing select results, e.g. returning all DIVs with id=X or class=Y? -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: event bubbling - checking for the right element
I don't know ur use-case, but why are u using body.click...
Instead it could be very easy, intuitive and smaller to use
$(#test h2).click(function() {
alert(test);
});
-GTG
On 8/17/07, Jones [EMAIL PROTECTED] wrote:
Hi,
I've got a problem with event bubbling.
That works fine:
$(function() {
$(body).click(function(e) {
if ($(e.target).is(h2)) {
alert(Test);
}
});
});
But now I want something like that:
$(function() {
$(body).click(function(e) {
if ($(e.target).is(#test h2)) {
alert(Test);
}
});
});
[jQuery] Re: How to show Updating container
try something like this...
$(#some_table_name).click(function() {
$(#rs_loading).show(function() {
someFuncTORefine();
$(#rs_loading).hide();
});
});
-GTG
On 8/17/07, Potluri [EMAIL PROTECTED] wrote:
So whats the alternative for this to work... there should be definitely a
alternative...
Stephan Beal-3 wrote:
On Aug 17, 6:36 pm, Potluri [EMAIL PROTECTED] wrote:
function()
{
$(#rs_loading).show();
someFuncTORefine();
$(#rs_loading).hide();
}
...
I dont know where it's breaking it rs_loading container is shown after
the
someFuncTORefine() is executed. So it appears once the refinement
function
is done but not exactly when the click is made. I spent lot of time on
this
figuring out whats going wrong. Can Any one help me out plz...
If i'm not mistaken this happens because your browser is not
guaranteed to update any UI elements while a script is actually
running. Most (all?) browsers will freeze the UI while a script is
running and avoid making updates to it (there are several technical
reasons for this). Once your script stops running, THEN the UI is
given a chance to refresh.
--
View this message in context:
http://www.nabble.com/How-to-show-Updating-container-tf4179621s15494.html#a12204566
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: problem with selector in IE
i don't see why the selector needs to be that complex.
I would do it this way...
$(#srTable tr).each(function() {
alert(test);
});
-GTG
On 8/17/07, Potluri [EMAIL PROTECTED] wrote:
sorry that a typo.. I know that rows contain colomns. My table already has
multiple colomns. I just provided example to make you understand clearly.
The main problem is looping forget abt the way table is right now. I want
the optimal way to loop through the rows in table which works in both
browsers. Thats the bottom line. Thnaks any way..
Stephan Beal-3 wrote:
On Aug 17, 7:36 pm, Potluri [EMAIL PROTECTED] wrote:
table id=srTable
tbody
tra1 /tr
tra2 /tr
tra3 /tr
tra4 /tr
/tbody
/table
This isn't legal HTML. TR elements can only contain TD elements, not
text.
Try replacing each row with:
trtda1/td/tr
--
View this message in context:
http://www.nabble.com/problem-with-selector-in-IE-tf4287169s15494.html#a12204624
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Avoiding anonymous functions - enhancement suggestion
$(...).onclick().toggle().end();
This will be cool John...
I have so many one-liner anonymous functions that i can get rid of then...
When can we expect it.?
-GTG
On 8/17/07, John Resig [EMAIL PROTECTED] wrote:
I've thought of this, as well. I also wanted to add a hook to allow:
$(...).click(.toggle())
However, I'm currently leaning away from it (embedding code in strings
is messy) in favor of another solution that I'm working on:
$(...).onclick().toggle().end();
Removing the need for anonymous functions entirely.
--John
On 8/17/07, Matt Kruse [EMAIL PROTECTED] wrote:
Assigning event functions like click() require an anonymous function
for what is often a very small snippet of code. These anonymous
functions are confusing to inexperienced javascript coders and make
the code less readable, IMO.
I think it would be great to be able to pass a string to these
functions and have it internally turned into a function.
For example, instead of this:
$('#test').click(function() { alert('test'); });
I want to do this:
$('#test').click(alert('test'););
This simple code change seems to do the job:
// Handle event binding
jQuery.fn[o] = function(f){
return f ? this.bind(o, ((typeof f==string)?Function(f):f)) :
this.trigger(o);
};
Is it possible to change jQuery to accept a string in addition to a
function reference where possible? Although you would lose the
potential benefit of the closure by passing a string, you could always
pass the function ref instead if you needed to.
Matt Kruse
[jQuery] Re: request for comments - a periodic execution plugin/function for jQuery
This is a neat utility plugin that i will definitely use... There are a few
suggestions - just thinking out loud though
First, to answer your question, i dont think u need to use $.extend, there
isn't a function called periodic in the core, so it should be fine...
My suggestion is, typically periodic execution is done to update some part
of the dom periodically. So, in addition to whatever the plugin is already
doing, if it works on the DOM (like $.fn plugins) and take a URL for ajax
request, and periodically update the DOM element with the ajax response.
Just a thought.
-GTG
On 8/17/07, westamastaflash [EMAIL PROTECTED] wrote:
So I wrote a periodic execution function for jQuery, similar to the
PeriodicExecuter function of prototype. I'd like some feedback as to
it's usefulness (or non-usefullness). This is my first plugin, so any
suggestions as to what to change are appreciated (should I use
jQuery.extend to create the plugin, or just assign it like this,
etc).
I'm trying to find a solution to a bug in firefox (but NOT internet
explorer) where the parallel execution of the callback function is not
shielded by the code (prototype's PeriodicExecuter has the same
problem - their example code *does not work* in firefox (firebug web
developer plugin installed). Any comments are appreciated.
/*
* jquery-periodic.js
*
* Adds a periodic function to jQuery which takes a callback and
options for the frequency (in seconds) and a
* boolean for allowing parallel execution of the callback function
(shielded from exceptions by a try..finally block.
* The first parameter passed to the callback is a controller object.
*
* Return falsy value from the callback function to end the periodic
execution.
*
* For a callback which initiates an asynchronous process:
* There is a boolean in the controller object which will prevent the
callback from executing while it is true.
* Be sure to reset this boolean to false when your asynchronous
process is complete, or the periodic execution
* won't continue.
*
* To stop the periodic execution, you can also call the stop method
of the controller object, instead of returning
* false from the callback function.
*
*/
jQuery.periodic = function (callback, options) {
callback = callback || (function() { return false; });
options = jQuery.extend({ },
{ frequency : 10,
allowParallelExecution : false},
options);
var currentlyExecuting = false;
var timer;
var controller = {
stop : function () {
if (timer) {
window.clearInterval(timer);
timer = null;
}
},
currentlyExecuting : false,
currentlyExecutingAsync : false
};
timer = window.setInterval(function() {
if (options.allowParallelExecution || !
(controller.currentlyExecuting || controller.currentlyExecutingAsync))
{
try {
controller.currentlyExecuting =
true;
if (!(callback(controller))) {
controller.stop();
}
} finally {
controller.currentlyExecuting = false;
}
}
}, options.frequency * 1000);
};
[jQuery] Re: stop animation
But how does this help in stopping animations? -GTG On 8/15/07, eddy [EMAIL PROTECTED] wrote: I find a good plugin jQuery Timers (http://jquery.offput.ca/every/) On 8月6日, 下午12时01分, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Thanks eddy... I will try to make them work together and will let u know how it goes. -GTG On 8/5/07, eddy [EMAIL PROTECTED] wrote: The demo page ishttp://interface.eyecon.ro/demos/animate.html You only need to make jQuery and fx together. On 8月4日, 下午12时40分, Ganeshji Marwaha [EMAIL PROTECTED] wrote: hi friends, is there a way to stop an animation after it has started? any hack that will make this happen will be useful... thanks in advance, -GTG
[jQuery] Re: jQuery for JavaScript programmers
+1 - to linking this from the jquery site... -GTG On 8/15/07, Tane Piper [EMAIL PROTECTED] wrote: Very clear and concise article - it should get linked to on the documention page as a good beginners tutorial. On 15/08/07, Erik Beeson [EMAIL PROTECTED] wrote: Here's a really nice jQuery introduction that starts at the beginning and goes all the way through plugin development. It looks pretty thorough: http://simonwillison.net/2007/Aug/15/jquery/ --Erik -- Tane Piper http://digitalspaghetti.me.uk This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: Tweaks to jCarouselLite
Hi Kelvin, The link that you have posted for the modified version of jCarouselLite and for the patch is not reachable. The server is timing out i guess. I would really like to take a look at the changes and the page in which it wasn't working. This will help me fix the plugin for everyones benefit. Thanks, GTG On 8/15/07, Kelvin Luck [EMAIL PROTECTED] wrote: Hi, I've just tried to implement jCarouselLite [1] on a project I'm working on. Nice plugin - perfect for my needs of a lightweight carousel for this project :) But I came across a couple of problems. For some reason, when I set circular to false the carousel stopped animating for me. Not sure why as it works on the example on the authors site - maybe because my carousel had more items in... Or maybe because I have more than one carousel on the page... I also wanted to update the state of the previous and next buttons when the plugin initialised and set them to disabled if necessary. So I made a couple of changes to the plugin - you can get the changed file here: http://kelvinluck.com/assets/jquery/jCarouselLite/jquery.jcarousellite.js And a patch showing the changes here: http://kelvinluck.com/assets/jquery/jCarouselLite/jquery.jcarousellite.js.patch Hope that's helpful, Kelvin :) [1] http://www.gmarwaha.com/jquery/jcarousellite/
[jQuery] Re: stupid dev tricks: gzipping jQuery without mod_deflate
Very cool... I will start using this technique right away...
But my only concern is, since this technique compresses the file everytime
it is requested, isn't it an overkill on the server's CPU?
-GTG
On 8/15/07, Stephan Beal [EMAIL PROTECTED] wrote:
Hi, all!
i'm working on re-designing the web site for my mother's company,
which was horribly neglected/abused by the previous webmaster, and i
came across an interesting problem...
A part of the refactoring is to use jQuery for parts of the site.
However, since all of the pages use the same site layout template
(which includes the headers/script tags) yet most of the site won't
actually use the JS features, i wanted to make the jQ download as tiny
as possible.
Unfortunately, i don't have admin rights on my server so i cannot
activate mod_gzip/mod_deflate to gzip the stuff on the fly. But here's
an easy workaround...
Create a PHP file called jquery.php:
?php
ob_start( 'ob_gzhandler' );
echo join('',file('jquery-1.1.3.1.pack.js'));
ob_end_flush();
?
Now, in the main site layout template i have:
script type='text/javascript' src='/include/js/jquery.php'/script
Firebug confirms that the jQ transfer is then 12k, which is tolerable
for my purposes.
It would be only a tiny amount of extra work to integrate the PHP port
of Dean Edwards' packer, such that the packing is done each time
jquery.php is called, but that seems like overkill to me.
This approach could just as easily be used to combine all required JS
scripts on the fly (just be sure to insert a ';' after each one to
accommodate scripts which don't have them), then gzip them, to help
reduce the overall download overhead.
[jQuery] Re: [ANNOUNCE] New jQuery Plugins Found
neat stuff... By any chance are u talking to the authors of the plugins to get them to post on our main plugin page? -GTG On 8/15/07, Rey Bango [EMAIL PROTECTED] wrote: AjaxRain has really been digging up some great plugins which I never see announced. Check these out: jQuery Image Strip http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/ jQuery Share It! http://www.joanpiedra.com/jquery/shareit/ jQuery Thumbs http://joanpiedra.com/jquery/thumbs/ jQuery flickrGallery http://ptflickrgallery.sourceforge.net/web/index.html
[jQuery] Re: Draggables help
Gordon,
I just wish u finish this widget in style... I also have similar problems
with interface slider and wasn't able to get around it... Interface slider
also has problems when executing callbacks. For example, when the handle is
dragged and dropped, the onChange fires, but not when you click somewhere on
the slider bar that moves the handle... That was pretty annoying, coz,
onChange events wont work fine in my cases... I sincerely wish u get it
right...
Lemme know if you want my help testing it... I will give my best shot to
break them if u need me to.
Also, remember, there is a jquery UI project taht is going to implement a
slider... But, i am not sure when it is due. Either ways, i think u r in the
right direction...
Also, can u post ur example somewhere where i can take a look...
-GTG
On 8/15/07, Gordon [EMAIL PROTECTED] wrote:
I realised in the end it's not really a problem because dragging the
sliders trigger a resizing of the divs used to define the domain so
the handles still remain grabbable when that part of the object is
implemented.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/
TR/xhtml11/DTD/xhtml11.dtd
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
/head
script type=text/javascript src=/js/jquery/jquery.js/script
script type=text/javascript src=/js/jquery/interface/
interface.js/script
style type=text/css
/* Sliders */
.slider {
width: 171px;
height: 58px;
position: relative;
margin: 2px;
padding: 0px;
overflow: hidden;
background: url(ui/configurator/range_chart.gif) no-repeat top;
}
.slifer .domain {
position: absolute;
height: 100%;
}
.slider .domain {
position: absolute;
top: 0;
width: 152px;
height: 100%;
/*opacity: 0.3;*/
/*filter: alpha (opacity=30);*/
}
.slider .domain.left {
/*background: yellow;*/
left: 0px;
}
.slider .domain.right {
/*background: cyan;*/
right: 0px;
}
.slideHandle {
width: 19px;
height: 58px;
position: absolute;
font-size: 0;
line-height: 0;
overflow: hidden;
border: none;
top: 0px;
}
.leftHandle {
background: url(ui/configurator/range_handle_left.gif) no-repeat
bottom;
}
.rightHandle {
left: 133px;
background: url(ui/configurator/range_handle_right.gif) no-repeat
bottom;
}
/style
script type=text/javascript
function RangeSlider (slideElem, slideMin, slideMax, fieldMin,
fieldMax, rangeMin, rangeMax, step)
{
var self= this;
// DOM elements
self.container = $(slideElem);
self.domainLeft = $('.left', self.container);
self.domainRight= $('.right', self.container);
self.handleMin = $(slideMin);
self.handleMax = $(slideMax);
// Widths
self.sliderWidth= self.container.width ();
self.handleWidth= self.handleMin.width ();
self.dmnLeftWidth = self.domainLeft.width ();
self.dmnRightWidth = self.domainRight.width ();
self.dmnLeftSize= function ()
// resize left domain
{
// Calculate left domain width
var newWidth= self.sliderWidth
- self.dmnRightWidth
+ parseInt (
self.handleMax.css ('left'));
// Resize the left hand domain
self.domainLeft.width (self.dmnLeftWidth=
newWidth);
};
self.dmnRightSize = function ()
// Resize right domain
{
// Calsulate right domain width and handle offset
var newWidth= self.sliderWidth
- self.handleWidth
- parseInt (
self.handleMin.css ('left'), 10);
var widthChange = self.dmnRightWidth - newWidth;
// Resize the right hand domain
self.domainRight.width (self.dmnRightWidth =
newWidth);
// Reposition the right drag handle to maintain its
relative
position
self.handleMax.css ('left', parseInt
(self.handleMax.css('left'),
10) - widthChange);
};
self.initHandle = function (handle)
// Initialize a handle
{
handle.Draggable (
{
containment : 'parent',
grid: step,
onChange: function ()
{
switch (this.id)
[jQuery] Re: NEWS: Publisher posts big chunk of Learning jQuery Chapter 7 online
thanks, but i already have the book ;-) BTW, ur post is singlicate (a new english word for - it appeared only once) -GTG On 8/15/07, Karl Swedberg [EMAIL PROTECTED] wrote: Hey everyone, I just noticed that our publisher (Packt) just posted a rather large excerpt of Learning jQuery Chapter 7 (Table Manipulation) on their site for all to see: http://www.packtpub.com/article/jquery-table-manipulation-part1 The excerpt covers table sorting, pagination, row highlighting/striping, and basic tooltips. Enjoy! p.s. I kept messing up this post -- first sending to the wrong address and then sending from the wrong email account. Apologies if this is a duplicate or triplicate somehow. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: Interface slider - get value of multiple handles
I don't think you can get both values using onSlide(). That might not be true... There is a method in interface slider called SliderGetValues() that can come to ur rescue. I guess that is not in the docs, but it is similar to SliderSetValues() that is documented, just that this sets whereas we want to get. -GTG On 8/15/07, Geoffrey Knutzen [EMAIL PROTECTED] wrote: I don't think you can get both values using onSlide(). You need to keep track of both values somewhere else and update those values as you slide. It gets tricky when the sliders cross, but you can work through it -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Simpel Sent: Wednesday, August 15, 2007 1:42 AM To: jQuery (English) Cc: [EMAIL PROTECTED] Subject: [jQuery] Interface slider - get value of multiple handles Hi there! so...I've been looking at the interface slider (http:// interface.eyecon.ro/demos/slider.html) I'd like to use two horizontal sliders but how do I get the current value for them, the onSlide function only seems to display the value for the slider that was changed last, I wan't to be able to pull the values for both handles whilst dragging one of them /Joel
[jQuery] Re: What is wrong with this code?
No problem karl I like being quoted ;-) But, the jkwick doesn't actually use the technique he needs. Instead it uses a boolean called running to determine if an animation is running or not and if it is running, then it doesn't trigger another animation until that has finished. Actually it is just a hack to get around the issue of not being able to stop animations in the middle. That said, Eridius, if all you need is to stop the animation midway, you have to take a look at the interface Fx plugin. Just the way mootools has moo.fx as a module, you get interesting FX features with interface plugin's FX. One such thing is surprise, surprise a way to easily stop animations. Take a look here... http://interface.eyecon.ro/docs/animate Eridius, come on, it is not a lot of code... the whole jkwick plugin(which is packaged for reuse) is just approximately 1K leaving the comments out. -GTG On 8/13/07, Karl Swedberg [EMAIL PROTECTED] wrote: On Aug 13, 2007, at 8:40 PM, Joel Birch wrote: On 8/14/07, Joel Birch [EMAIL PROTECTED] wrote: On 8/14/07, Eridius [EMAIL PROTECTED] wrote: That help quite a bit but still not the effect i am looking for. I know this is ironic but i am looking for the effect on this home page on the right hand side: http://mootools.net/ The thing that that effect has and this one does not is the is stops the effect once the mouse leaves if i move over a link real fast and then leave it. in my code it perform the full effect even if my mouse is over it right away. is there a way to stop the effect from fully complete if the mouse is move in and then out real fast? Would you like to take this one Karl ;) Joel. Seriously though, I think you will find that jQuery can not currently stop animations mid-way through. If it begins, it will animate fully and then remember to do the closing animation if you moused out in the meantime. I think the ability to stop animations mid-way is planned for a future release of jQuery. In the meantime I highly recommend looking at Brian Cherne's hoverIntent plugin as it will definitely help cut down on triggering unwanted animations for menus like this. haha, very funny, Joel. :-) I hope Ganeshji Marwaha doesn't mind my pasting a previous email of his that answers the same question: 1. There is a plugin called hover intenthttp://cherne.net/brian/resources/jquery.hoverIntent.html. The primary purpose of this plugin is to stop these kind of actions on unintentional hovers. So, you can allow the user to move the mouse over ur link, and when it is clear that the users intention is to actually use the link, the hover event is fired. This can solve your problem although, this might not be what you are looking for. 2. You can unbind the mouseover event when the animation starts and in the animation end callback you can bind the handler again. Same can be done for mouse out as well. This way if the user mouseovers the link, the unbind event happens and the animation starts. During this time if the user hovers over it again and again, your handler wont be called because you have unbound it already. Once the animation is done, attach the handler again. And you can see an implementation of suggestion #2 in Ganeshji's jQuerified version of another Mootools accordion thingie: http://www.gmarwaha.com/jquery/jkwick/test/test.html Just have a look at the source js. That should get you going in the right direction. This questions has been asked a lot lately. Anyone up for adding it to the frequently asked questions list? :) --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] fancy menu - tell me what you guys think
Hi all, I have ported this fancy menu over from mootools to jquery. You can take a look at it http://www.gmarwaha.com/jquery/jfancymenu/test/test.html The original mootools version is http://devthought.com/cssjavascript-true-power-fancy-menu/ Tell me what you guys think. As always, based on feedback, we can consider packaging it as a plugin or not... Thanks in advance for the great feedback as always, -GTG
[jQuery] Re: fancy menu - tell me what you guys think
wow, u guys overwhelm me ;-). I sent this message before starting for work, and when i reach my desk i have such a pleasant surprise... Thanks guys... Now, lemme answer some of your concerns... @Stephan - I am sure u know what !important is. If your question is, why i have commented that out, then, it is because, the original mootools author chose to use images as menu items instead of text for some reason. Since he used images, he had to hack IE 6 with gif versions of the images. So, he had the !important hacks in place. But, since i figured it is cleaner and easier to use text rather than images there, i didnt need those hacks, so i just commented them out. ;-) Also, the backout easing effect is causing the bubble to move out of the target sometimes... I experimented with other easing effects, and it looks cool for most of them. I chose to display backout as my first effect because that is the same as what mootools version uses and that will give you apples and apples to compare and comment. @Brandon - Thanks a ton... blushing @Mike - Thanks @Andy - I am using the hoverIntent plugin, that is probably causing the delay, but as of now i dont have a choice because, if i directly use hover, then the effect will be spoilt. For example, if you move your mouse all the way across from the first menu item to the last menu item and then back, you will notice a long animation that slowly passes over one menu item after another although your intent was not to hover over the interim menu items. This can at present be solved with interface's animation library. I will try that next. The good news is, once jquery 1.2 comes out, i wont need interface plugin as well, coz John has promised a method to stop animations for jquery 1.2 @Rick - Yes, you are right... You will find lot of documentation when this little thing progresses into a plugin. I really have an eye for documentation. Take a look at my jCarouselLitehttp://gmarwaha.com/jquery/jcarousellite/index.phpand u will know what i am mean ;-) jus kidding... @Rajesh - See comments for @Andy above. I guess that should address your concern. Thanks again guys... Based on the reponse it seems that it is worth making this into a real plugin... I will start doing that... -GTG On 8/14/07, Stephan Beal [EMAIL PROTECTED] wrote: On Aug 14, 5:31 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: I have ported this fancy menu over from mootools to jquery. You can take a look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html Slick, Ganishji :). My first thought is lava lamp, so maybe lava lamp menu would be a suitable plugin name? Is it intentional that the bubble slides past its target, and then back (a single bounce effect)? That's a bit disconcerting - when it happens i think, oh, no, it's moving to the wrong menu item. Have you tried it without the bounce? And a CSS question for you: i notice several commented-out blocks with !important in them. What does that mean in CSS?
[jQuery] Re: fancy menu - tell me what you guys think
Stephan u got it man... u r the man who named my plugin... Lava Lamp it is :-) -GTG On 8/14/07, Stephan Beal [EMAIL PROTECTED] wrote: On Aug 14, 5:31 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: I have ported this fancy menu over from mootools to jquery. You can take a look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html Slick, Ganishji :). My first thought is lava lamp, so maybe lava lamp menu would be a suitable plugin name? Is it intentional that the bubble slides past its target, and then back (a single bounce effect)? That's a bit disconcerting - when it happens i think, oh, no, it's moving to the wrong menu item. Have you tried it without the bounce? And a CSS question for you: i notice several commented-out blocks with !important in them. What does that mean in CSS?
[jQuery] Re: Do we have something like Mootools:Kwick on jQuery?
Thanks Brian... The code looks pretty self-documenting though... I will keep you posted when we have a real plugin.. -GTG On 8/14/07, Brian Cherne [EMAIL PROTECTED] wrote: Nice work! A few months ago I played around with something similar. Feel free to steal anything that might be useful... as I don't know when I'll make the time to play with this again. My apologies for it being undocumented. http://cherne.net/brian/resources/jquery.slidingPanels.html Brian. On 8/11/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: I am working on something like that... it is not a completed version, but works enough to get the point across. I will be making it into a full featured plugin sometime this week. Here is the link to it... http://www.gmarwaha.com/jquery/jkwick/test/test.html Hoep that helps. -GTG On 8/11/07, Rey Bango [EMAIL PROTECTED] wrote: Hola Ricardo, Check the mailing archives as there was a whole series of discussions about accordians. http://groups.google.com/group/jquery-en/search?group=jquery-enq=accordianqt_g=Search+this+group Rey... ricardoe wrote: Hi everyone, regards from México. (Sorry for my english, is not very good) I've been developing a website for my little companie ( www.tuukuls.com.mx) but my comrades saw the mootools page and they are fascinated by the kwick accordion. I love jQuery, so, do we have something like that? Regards :D
[jQuery] Re: Do we have something like Mootools:Kwick on jQuery?
Jean, Thank you for ur patience... i will get to this definitely by this weekend... But my hands are tied before that... Thanks for understanding. -GTG On 8/14/07, Jean [EMAIL PROTECTED] wrote: I´m waiting for the final release =D only have to work around this delay in FF On 8/11/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: I am working on something like that... it is not a completed version, but works enough to get the point across. I will be making it into a full featured plugin sometime this week. Here is the link to it... http://www.gmarwaha.com/jquery/jkwick/test/test.html Hoep that helps. -GTG On 8/11/07, Rey Bango [EMAIL PROTECTED] wrote: Hola Ricardo, Check the mailing archives as there was a whole series of discussions about accordians. http://groups.google.com/group/jquery-en/search?group=jquery-enq=accordianqt_g=Search+this+group Rey... ricardoe wrote: Hi everyone, regards from México. (Sorry for my english, is not very good) I've been developing a website for my little companie ( www.tuukuls.com.mx) but my comrades saw the mootools page and they are fascinated by the kwick accordion. I love jQuery, so, do we have something like that? Regards :D -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] Re: fancy menu - tell me what you guys think
Thanks Glen... I am not hardcoding the easing effects. That is an option for the user. About the button being 2 different images. Yes, i understand, that it isn't very professional that way. They are the images of the original author though and i don't have too much expertise creating images... any help from an expert like u will be sincerely appreciated. But, don't get me wrong... i know u r busy too... So, if you can't do it i will understand, and will try to roll out my own pretty soon... -GTG On 8/14/07, Glen Lipka [EMAIL PROTECTED] wrote: Its a great effect and will make a great plugin. I love it. Are you hard-coding the easing or allowing options? I saw a little bit of strangeness in the first load, when only the right-side of the button showed up. One suggestion. Use a button sprite to have the caps and the body as part of the same image. That way it would load all at once. Nice work! Glen On 8/14/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: wow, u guys overwhelm me ;-). I sent this message before starting for work, and when i reach my desk i have such a pleasant surprise... Thanks guys... Now, lemme answer some of your concerns... @Stephan - I am sure u know what !important is. If your question is, why i have commented that out, then, it is because, the original mootools author chose to use images as menu items instead of text for some reason. Since he used images, he had to hack IE 6 with gif versions of the images. So, he had the !important hacks in place. But, since i figured it is cleaner and easier to use text rather than images there, i didnt need those hacks, so i just commented them out. ;-) Also, the backout easing effect is causing the bubble to move out of the target sometimes... I experimented with other easing effects, and it looks cool for most of them. I chose to display backout as my first effect because that is the same as what mootools version uses and that will give you apples and apples to compare and comment. @Brandon - Thanks a ton... blushing @Mike - Thanks @Andy - I am using the hoverIntent plugin, that is probably causing the delay, but as of now i dont have a choice because, if i directly use hover, then the effect will be spoilt. For example, if you move your mouse all the way across from the first menu item to the last menu item and then back, you will notice a long animation that slowly passes over one menu item after another although your intent was not to hover over the interim menu items. This can at present be solved with interface's animation library. I will try that next. The good news is, once jquery 1.2 comes out, i wont need interface plugin as well, coz John has promised a method to stop animations for jquery 1.2 @Rick - Yes, you are right... You will find lot of documentation when this little thing progresses into a plugin. I really have an eye for documentation. Take a look at my jCarouselLitehttp://gmarwaha.com/jquery/jcarousellite/index.phpand u will know what i am mean ;-) jus kidding... @Rajesh - See comments for @Andy above. I guess that should address your concern. Thanks again guys... Based on the reponse it seems that it is worth making this into a real plugin... I will start doing that... -GTG On 8/14/07, Stephan Beal [EMAIL PROTECTED] wrote: On Aug 14, 5:31 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: I have ported this fancy menu over from mootools to jquery. You can take a look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html Slick, Ganishji :). My first thought is lava lamp, so maybe lava lamp menu would be a suitable plugin name? Is it intentional that the bubble slides past its target, and then back (a single bounce effect)? That's a bit disconcerting - when it happens i think, oh, no, it's moving to the wrong menu item. Have you tried it without the bounce? And a CSS question for you: i notice several commented-out blocks with !important in them. What does that mean in CSS?
[jQuery] Re: fancy menu - tell me what you guys think
Sure, i will try that... I sincerely hope that solves the unresponsiveness
problem...
-GTG
On 8/14/07, Brian Cherne [EMAIL PROTECTED] wrote:
You may be able to tweak hoverIntent's default settings to make it react
more quickly. Maybe something more like:
.hoverIntent({
sensitivity: 2,
interval: 50,
over: function(){ move(this); },
out: noop
});
Brian.
On 8/14/07, Glen Lipka [EMAIL PROTECTED] wrote:
Its a great effect and will make a great plugin. I love it.
Are you hard-coding the easing or allowing options?
I saw a little bit of strangeness in the first load, when only the
right-side of the button showed up.
One suggestion. Use a button sprite to have the caps and the body as
part of the same image. That way it would load all at once.
Nice work!
Glen
On 8/14/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
wow, u guys overwhelm me ;-). I sent this message before starting for
work, and when i reach my desk i have such a pleasant surprise... Thanks
guys...
Now, lemme answer some of your concerns...
@Stephan - I am sure u know what !important is. If your question is,
why i have commented that out, then, it is because, the original mootools
author chose to use images as menu items instead of text for some reason.
Since he used images, he had to hack IE 6 with gif versions of the images.
So, he had the !important hacks in place. But, since i figured it is
cleaner
and easier to use text rather than images there, i didnt need those hacks,
so i just commented them out. ;-)
Also, the backout easing effect is causing the bubble to move out of
the target sometimes... I experimented with other easing effects, and it
looks cool for most of them. I chose to display backout as my first
effect
because that is the same as
what mootools version uses and that will give you apples and apples to
compare and comment.
@Brandon - Thanks a ton... blushing
@Mike - Thanks
@Andy - I am using the hoverIntent plugin, that is probably causing
the delay, but as of now i dont have a choice because, if i directly use
hover, then the effect will be spoilt. For example, if you move your mouse
all the way across from the first menu item to the last menu item and then
back, you will notice a long animation that slowly passes over one menu
item
after another although your intent was not to hover over the interim menu
items. This can at present be solved with interface's animation library. I
will try that next. The good news is, once jquery 1.2 comes out, i
wont need interface plugin as well, coz John has promised a method to stop
animations for jquery 1.2
@Rick - Yes, you are right... You will find lot of documentation when
this little thing progresses into a plugin. I really have an eye for
documentation. Take a look at my
jCarouselLitehttp://gmarwaha.com/jquery/jcarousellite/index.phpand u
will know what i am mean ;-) jus kidding...
@Rajesh - See comments for @Andy above. I guess that should address
your concern.
Thanks again guys... Based on the reponse it seems that it is worth
making this into a real plugin... I will start doing that...
-GTG
On 8/14/07, Stephan Beal [EMAIL PROTECTED] wrote:
On Aug 14, 5:31 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
I have ported this fancy menu over from mootools to jquery. You
can take a
look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
Slick, Ganishji :). My first thought is lava lamp, so maybe lava
lamp menu would be a suitable plugin name?
Is it intentional that the bubble slides past its target, and then
back (a single bounce effect)? That's a bit disconcerting - when
it
happens i think, oh, no, it's moving to the wrong menu item. Have
you tried it without the bounce?
And a CSS question for you:
i notice several commented-out blocks with !important in them.
What
does that mean in CSS?
[jQuery] Re: fancy menu - tell me what you guys think
Thanks Glen i will incorporate the sprites tonight...
In the meantime, i tried using interface fx library for stopping animations
which should effectively make it perform exactly as the mootools version.
have a look at it and lemme know if the delay problem is gone...
http://www.gmarwaha.com/jquery/jfancymenu/test/test.html
But, ofcourse, this means that u need the interface fx plugin. But, it is a
start... I will experiment with Glens sprites and more optimized hoverIntent
tonight... Lets see what comes out of it...
Brandon: Thanks for the suggestion. Yes, i am planning to add the background
using javascript in the final version... Just wanted the js a bit clean when
i am experimenting with the animation issues and work arounds...
P.S. Glen: You da man
-GTG
On 8/14/07, Brandon Aaron [EMAIL PROTECTED] wrote:
Nice ... gotta love collaboration! One thing I'd like to see if the extra
li element added at runtime so it is not there if javascript isn't enabled.
--
Brandon Aaron
On 8/14/07, Glen Lipka [EMAIL PROTECTED] wrote:
Ok, I made the sprite for you with css.
http://www.commadot.com/jquery/lavalamp/
This will make it load the bubble all at once.
I also added in the change from Brian to make it trigger quicker.
Glen
On 8/14/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
Sure, i will try that... I sincerely hope that solves the
unresponsiveness problem...
-GTG
On 8/14/07, Brian Cherne [EMAIL PROTECTED] wrote:
You may be able to tweak hoverIntent's default settings to make it
react more quickly. Maybe something more like:
.hoverIntent({
sensitivity: 2,
interval: 50,
over: function(){ move(this); },
out: noop
});
Brian.
On 8/14/07, Glen Lipka [EMAIL PROTECTED] wrote:
Its a great effect and will make a great plugin. I love it.
Are you hard-coding the easing or allowing options?
I saw a little bit of strangeness in the first load, when only the
right-side of the button showed up.
One suggestion. Use a button sprite to have the caps and the body
as part of the same image. That way it would load all at once.
Nice work!
Glen
On 8/14/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
wow, u guys overwhelm me ;-). I sent this message before
starting for work, and when i reach my desk i have such a pleasant
surprise... Thanks guys...
Now, lemme answer some of your concerns...
@Stephan - I am sure u know what !important is. If your question
is, why i have commented that out, then, it is because, the original
mootools author chose to use images as menu items instead of text
for some
reason. Since he used images, he had to hack IE 6 with gif versions
of the
images. So, he had the !important hacks in place. But, since i
figured it is
cleaner and easier to use text rather than images there, i didnt
need those
hacks, so i just commented them out. ;-)
Also, the backout easing effect is causing the bubble to move
out of the target sometimes... I experimented with other easing
effects, and
it looks cool for most of them. I chose to display backout as my
first
effect because that is the same as
what mootools version uses and that will give you apples and apples
to compare and comment.
@Brandon - Thanks a ton... blushing
@Mike - Thanks
@Andy - I am using the hoverIntent plugin, that is probably
causing the delay, but as of now i dont have a choice because, if i
directly
use hover, then the effect will be spoilt. For example, if you move
your
mouse all the way across from the first menu item to the last menu
item and
then back, you will notice a long animation that slowly passes over
one menu
item after another although your intent was not to hover over the
interim
menu items. This can at present be solved with interface's animation
library. I will try that next. The good news is, once jquery
1.2comes out, i wont need interface plugin as well, coz John has
promised a
method to stop animations for jquery 1.2
@Rick - Yes, you are right... You will find lot of documentation
when this little thing progresses into a plugin. I really have an
eye for
documentation. Take a look at my
jCarouselLitehttp://gmarwaha.com/jquery/jcarousellite/index.phpand
u will know what i am mean ;-) jus kidding...
@Rajesh - See comments for @Andy above. I guess that should
address your concern.
Thanks again guys... Based on the reponse it seems that it is
worth making this into a real plugin... I will start doing that...
-GTG
On 8/14/07
[jQuery] Re: fancy menu - tell me what you guys think
cool, i guess, the concerns of unresponsiveness are now gone...
The name has been established (lava lamp). Thanks to Stephan Beal.
All that is pending is, add Glen Lipka's sprites(thanks a ton), remove the
dependency on hoverIntent (as we dont need it since i added ifx dependency)
and create a true reusable plugin out of it...(taking care of some useful
features like making it work without images etc) and release it.
Ok, lets see... I will try to get it out by this weekend maybe...
-GTG
On 8/14/07, Brian Cherne [EMAIL PROTECTED] wrote:
The interface plugin is certainly a better alternative in this situation.
Very nice!
Brian.
On 8/14/07, Andy Matthews [EMAIL PROTECTED] wrote:
It's better now that Ganeshji added in the interface plugin.
Loads better now. In fact, I'd say that it's perfect.
--
*From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On
Behalf Of *Brian Cherne
*Sent:* Tuesday, August 14, 2007 2:28 PM
*To:* jquery-en@googlegroups.com
*Subject:* [jQuery] Re: fancy menu - tell me what you guys think
The responsiveness is a little better but still not great. For some
reason the visual treatment of this menu begs for responsiveness. I'm
certainly looking forward to jQuery 1.2 when hoverIntent can go back on
the shelf as more of a special utility and less of a hack. If someone can
come up with a better (near term) alternative I'd love to see it.
There was a horizontal menu thread from April that had something
similar:
http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48/b5a2ebe5df7e1226?lnk=gstq=horizontal+menurnum=3#b5a2ebe5df7e1226
And another jQuery implementation of this rounded box idea:
http://meta20.net/demos/Smooth_menu_widget_for_jQuery/
Brian.
On 8/14/07, Glen Lipka [EMAIL PROTECTED] wrote:
Ok, I made the sprite for you with css.
http://www.commadot.com/jquery/lavalamp/
This will make it load the bubble all at once.
I also added in the change from Brian to make it trigger quicker.
Glen
On 8/14/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
Sure, i will try that... I sincerely hope that solves the
unresponsiveness problem...
-GTG
On 8/14/07, Brian Cherne [EMAIL PROTECTED] wrote:
You may be able to tweak hoverIntent's default settings to make it
react more quickly. Maybe something more like:
.hoverIntent({
sensitivity: 2,
interval: 50,
over: function(){ move(this); },
out: noop
});
Brian.
On 8/14/07, Glen Lipka [EMAIL PROTECTED] wrote:
Its a great effect and will make a great plugin. I love it.
Are you hard-coding the easing or allowing options?
I saw a little bit of strangeness in the first load, when only
the right-side of the button showed up.
One suggestion. Use a button sprite to have the caps and the
body as part of the same image. That way it would load all at once.
Nice work!
Glen
On 8/14/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
wow, u guys overwhelm me ;-). I sent this message before
starting for work, and when i reach my desk i have such a pleasant
surprise... Thanks guys...
Now, lemme answer some of your concerns...
@Stephan - I am sure u know what !important is. If your
question is, why i have commented that out, then, it is because,
the
original mootools author chose to use images as menu items
instead of text
for some reason. Since he used images, he had to hack IE 6 with
gif versions
of the images. So, he had the !important hacks in place. But,
since i
figured it is cleaner and easier to use text rather than images
there, i
didnt need those hacks, so i just commented them out. ;-)
Also, the backout easing effect is causing the bubble to move
out of the target sometimes... I experimented with other easing
effects, and
it looks cool for most of them. I chose to display backout as
my first
effect because that is the same as
what mootools version uses and that will give you apples and
apples to compare and comment.
@Brandon - Thanks a ton... blushing
@Mike - Thanks
@Andy - I am using the hoverIntent plugin, that is probably
causing the delay, but as of now i dont have a choice because, if
i directly
use hover, then the effect will be spoilt. For example, if you
move your
mouse all the way across from the first menu item to the last
menu item and
then back, you will notice a long animation that slowly passes
over one menu
item after another although your intent was not to hover over the
interim
[jQuery] Re: fancy menu - tell me what you guys think
Thanks Dan... You are right... I will make sure, i include ifx.js alone and list only ifx.js as a dependency... -GTG On 8/14/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: In the meantime, i tried using interface fx library for stopping animations which should effectively make it perform exactly as the mootools version. have a look at it and lemme know if the delay problem is gone... http://www.gmarwaha.com/jquery/jfancymenu/test/test.html If we ever needed an example, I think is the perfect example to show off why you need to be able to stop an animation in its current state. Also, you I think you only need the ifx.js from the Interface project--you do need to include the whole thing. The ifx.js is only 8k mined. -Dan
[jQuery] Re: Event bubbling
i think u r doing it right... just that u will have to remove the attribute
onclick=return false; from the button tag that is probably preventing ur
event to bubble.
I dont know if i am even close to answering ur question. But if i am not,
can u provide more explanation on what u r trying to do and what is
happening?
-GTG
On 8/14/07, Steve Finkelstein [EMAIL PROTECTED] wrote:
Hi all,
Using this block of code:
--
$(document).ready(function() {
$('body').click(function(event) {
if ($(event.target).is('h3')) {
$(event.target).toggleClass('highlighted');
}
});
});
--
If my element I'm trying to toggle is input type=button id=button-
accept name=accept value=Accept onclick=return false;, is
there anyway I can do something similar to if($
(event.target).is('#button-accept'));
If not, what does $(event.target) have to point to in .is() to trigger
my input in this situation?
[jQuery] Re: dimensions plugin, animated scrollLeft(x)
Just wanted to remind that there is a plugin called jCarouselLite which can hold any HTML content. That can probably solve ur problem... BTW, i am not marketing for my plugin... Just trying to help http://www.gmarwaha.com/jquery/jcarousellite/index.php -GTG On 8/14/07, emi polak [EMAIL PROTECTED] wrote: I'll have to wait then :p Thank you Brandon and all jQuery team. On 8/14/07, Brandon Aaron [EMAIL PROTECTED] wrote: This functionality is slated for jQuery 1.2: http://docs.jquery.com/JQuery_1.2_Roadmap#Animating_scrollLeft.2FscrollTop -- Brandon Aaron On 8/14/07, emi polak [EMAIL PROTECTED] wrote: Hello, I am using Dimensions for a carousel type of scroller. Two buttons (prev + next) controls the offset of the content inside a div (with overflow set to hidden). The offest is set with Dimension's scrollLeft(px). Is there a way to animate the motion of the content inside the div container, rather than just jump by the number of pixels set within scrollLeft(px)? And would be there another aproach to make this work (cross browser) without Dimensions by using animate() ? Thank you!
[jQuery] Re: How do I bind this into the DOM?
$('#pendingUsers').load(' index.php/meduser/check_pending_users',false,
function() {
$('#pendingUsers a').click(function() {
$.post('index.php/meduser/pull_user_information', {id: $(this).attr('rel')},
function(data) {
$('#main').html(data);*
$(#button).click(function() {
alert(your code for button click goes here ):
});*
}
);
});
});
-GTG
On 8/14/07, Steve Finkelstein [EMAIL PROTECTED] wrote:
Hi all,
This is a rather complicated issue, for a novice at least.
I have HTML that gets injected into the DOM, and this is after a
completely separate HTML gets injected via .load() into a separate div.
So essentially, when you load the page, a div gets populated with .load(),
and when you click a link from that populated data, more HTML gets injected
via the following code:
$('#pendingUsers').load(' index.php/meduser/check_pending_users',false,
function() {
$('#pendingUsers a').click(function() {
$.post('index.php/meduser/pull_user_information', {id:
$(this).attr('rel')},
function(data) {
$('#main').html(data);
}
);
});
});
I'm looking to bind .click() to an element within $('#main').html(data);,
over to input type=button id=button name=accept value=Accept
Would anyone be kind enough to give me hints as to how I can access my
button via a click action in this setup?
Thank you kindly for all of your assistance!
[jQuery] Re: is this possible in jQ: plugin namespaces?
I dont think it is possible Stephan. jquery core requires the plugin method
to be part of the $.fn (which is jQuery.prototype internally). This way
jQuery will be able to call the method in the context of the jquery object
itself. This is how we get this to represent the jQuery object itself. I
also wish there was a way to have our own namespaces. But atleast couldn't
find a working solution.
But if you wanted to create direct $.myPlugin plugins (like $.ajax). You can
have these in ur namespaces. Coz, there is no need for this reference
here.
-GTG
On 8/14/07, Stephan Beal [EMAIL PROTECTED] wrote:
On Aug 14, 4:05 pm, Benjamin Sterling
[EMAIL PROTECTED] wrote:
Stephan,
I believe it is possible, M. Alsup does just that in is cycle plugin:
http://malsup.com/jquery/cycle/jquery.cycle.all.js?v1.4
That *almost* does what i'm looking for, but not quite. In that case,
a single plugin uses child objects to hold the transitions. That is,
in effect, a namespace in and of itself. But what i'm looking for is:
$(...).malsup.cycle(...);
Such that all of Malsup's plugins could be placed under the 'malsup'
namespace.
My initial attempts to do this in jQ have failed so far, e.g.:
if( ! 'myns' in jQuery.fn ) {
jQuery.fn.myns = {};
}
jQuery.fn.myns.myPlugin = function(...){...};
$(...).myns.myPlugin(...);
[jQuery] Re: Dimensions 1.1 Released
awesome, good call on including the margin as part of the outerwidth. thanks -GTG On 8/12/07, Brandon Aaron [EMAIL PROTECTED] wrote: I just released Dimensions 1.1. It includes an option to include margin for the outerWidth and outerHeight methods. I've also fixed the issues with Safari 3 and the offset method. The docs have also been udpated for 1.1 . As usual you can grab the latest from the Dimensions project page. Note that this update requires jQuery 1.1.3. project page: http://jquery.com/plugins/project/dimensions/ docs: http://brandonaaron.net/docs/dimensions/ -- Brandon Aaron
[jQuery] Re: Creating plugins
Eridius,
Whatever u choose is upto u, but i just want u to be make a clear and
informed decision...
Anyways, the demo now will reflect creation of class outside $(function())
method. I guess, u just have to try a bit more, coz every new language or
framework has its ways of doing things, and it takes some time and patience.
But, the funny part in this piece of code is that, it is not jquery at all.
It is plain javascript.
Have fun.
-GTG
On 8/12/07, Eridius [EMAIL PROTECTED] wrote:
That does no achive what i want. I can only declare and instance of the
class inside the $(function()) which does not help me becuase i might want
to declare X amount of the with different names.
I guess maybe jQuery is not what i am looking for, i mean jQuery seems to
have poor OOP support when it is a bit of a pain in the ass to create a
class.
Ganeshji Marwaha wrote:
why do i get error saying that test is not a function of t?
Because you are approaching it wrong. This is how u can achieve what u
want
to
$.ajax_request = function(options) {
this.options = {test: test};
}
$.ajax_request.prototype = {
test: function() {
alert(this.options.test)
}
}
var test = new $.ajax_request();
test.test();
You can see a demo of it here...
http://gmarwaha.com/test/other/testClassCreation.html
Although it is possible to do this, doesn't mean that it is the right
way
to
approach a problem. Mootools excels in giving class structure to
javascript.
But jQuery feels class structure is a overkill and that is the reason
why
class a class framework is not give out of the box.
Also, as John Resig mentioned in a reply to ur post, creating a class
and
this members is such a trivial task which doesn't benefit much from
framework intervention. Anyways, if all you want to create is class
structure, there you go, you got the code and link to the demo...
Have fun... and welcome to the world of jquery, the world that created a
difference in my life...
-GTG
On 8/11/07, Eridius [EMAIL PROTECTED] wrote:
ok here is my code:
jQuery.ajax_request = function(options)
{
ajax_options =
{
test: 'test'
};
test = function()
{
alert(this.test);
}
}
var test = $.ajax_request();
test.test();
why do i get error saying that test is not a function of t?
Ganeshji Marwaha wrote:
When you create a plugin that will be executed on a selected set of
DOM
elements, you use
jQuery.fn.myPlugin = function() {}
When you create a plugin that is going to be executed statically,
like
$.ajax, you create it like this.
jQuery.myPlugin = function() {}
Effectively, jQuery is an instance of a class and jQuery.fn is
nothing
but
jQuery.prototype.
So. if you assign functions to jquery.fn, then you are creating
plugins
that
operate on instances of jquery (eg: when a set of dom elements are
selected
using the $() syntax).
If you assign functions to jQuery itself, it can be executed
statically
on
a
jQuery object itself. Like $.ajax.
Hope that helps
-GTG
On 8/11/07, Eridius [EMAIL PROTECTED] wrote:
I don't know what happen with the last post but let me try to
explain
myself
better in this one.
The only way i see documenetation for building plugins is so you can
add
like:
$('#whatever').plugin();
Now this is all good but I want to know something different. I want
to
be
able to build a plug so i can do something like the $.ajax, so
something
like:
var whatever = new someplugin();
This way of creating a new class is one thing i love about mootools,
in
mootools i can do:
var ajax_request = new Class(
{
//class code
});
var ajax_request_handle = new ajax_request();
Is this possible n jQuery?
--
View this message in context:
http://www.nabble.com/Creating-plugins-tf4254598s15494.html#a12108667
Sent from the JQuery mailing list archive at Nabble.com.
--
View this message in context:
http://www.nabble.com/Creating-plugins-tf4255335s15494.html#a12111289
Sent from the JQuery mailing list archive at Nabble.com.
--
View this message in context:
http://www.nabble.com/Creating-plugins-tf4255335s15494.html#a12112018
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: $.ajax question
If you are looking to submit a form using ajax, the you should take a look at the form plugin. http://www.malsup.com/jquery/form/ This plugin offers 2 methods( among others) to submit a form using ajax. They are ajaxSubmit() and ajaxForm(). More info can be obtained from the documentation. -GTG On 8/12/07, Eridius [EMAIL PROTECTED] wrote: Is there a way to pass the $.ajax object a form id or will i need to convert for form to a string.object and pass the data like that? -- View this message in context: http://www.nabble.com/%24.ajax-question-tf4257664s15494.html#a12116633 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: $.ajax question
As far as i know, you wont be able to pass a form id to $.ajax method. Unless you want to pass it through one of the available parameters. -GTG On 8/12/07, Eridius [EMAIL PROTECTED] wrote: The reason for the question is that i am create a $.ajax_request class to provide additional functionality to the current ajax request. Ganeshji Marwaha wrote: If you are looking to submit a form using ajax, the you should take a look at the form plugin. http://www.malsup.com/jquery/form/ This plugin offers 2 methods( among others) to submit a form using ajax. They are ajaxSubmit() and ajaxForm(). More info can be obtained from the documentation. -GTG On 8/12/07, Eridius [EMAIL PROTECTED] wrote: Is there a way to pass the $.ajax object a form id or will i need to convert for form to a string.object and pass the data like that? -- View this message in context: http://www.nabble.com/%24.ajax-question-tf4257664s15494.html#a12116633 Sent from the JQuery mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/%24.ajax-question-tf4257664s15494.html#a12116783 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: [NEWS] jQuery Team Member Jörn Zaeffere r in Javamagzin
cool, that will be great. i sincerely wish u convince ur managers. Also, lemme know if you need any help... I have been programming in java for long enough to offer u some decent help. -GTG On 8/11/07, Jörn Zaefferer [EMAIL PROTECTED] wrote: I'm working on a jQuery-based Java web-framework. Basically everything is working, but its not really a framework yet. There is just too much that you have to deal with yourself. If I succeed to convince my managers that we should use that framework to build our two products, I could spend quite a lot of time working on it...
[jQuery] Re: scollovers animation
you should post it on digg... how annoying a scrollover is? haha, i will digg it for sure.. -GTG On 8/11/07, Stephan Beal [EMAIL PROTECTED] wrote: On Aug 11, 6:21 am, Blair Mitchelmore [EMAIL PROTECTED] wrote: Here's my (40 line) proof of concept. It's not as foolproof as the ... algorithm so its glitchy when the font gets really big or really small). Source code:http://jquery.offput.ca/js/jquery.scrollover.js Simple (even for my standards) demo:http://jquery.offput.ca/scrollover/ Nice, Blair :). You're right, though - the effect is pretty annoying. Someone posted a good use for it, though - showing answers to questions when you hover over the question.
[jQuery] Re: Problem with animation on mouseover/mouseout!
Hi, the demo that is posted was just a way to approach that problem...
As i mentioned already, you can use the hoverIntent plugin to approach it as
well...
If you are fine to use interface plugin, then you can use interface's
animate() method, coz, that allows you to stop animation in between...
Hope that helps.
-GTG
On 8/11/07, Nazgulled [EMAIL PROTECTED] wrote:
Can anyone help me with this?
On Aug 10, 8:06 pm, Nazgulled [EMAIL PROTECTED] wrote:
It doesn't really work as expected. Let's say you increase the time it
takes to do the animation (it's easier to see the problem). You move
the mouse over, then out and then back over, all this while the first
mouse over animation is being executed. You'll notice that the
mouse out animation will be executed when the mouse over animation
finishes. I mean, yes, I moved hte mouse over and out a few times, but
the last movement was mouse over while the first animation ov mouse
over was being executed, and I don't think that the mouse out
animation should have been executed in this case. Also, sometimes the
functions stay unbinded for some reason and for them to work again, a
page refresh is needed...
On Aug 10, 7:25 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
I have put together a demo.
http://www.gmarwaha.com/test/other/testHoverAnchorInAndOutFast.html
Have fun, and lemme know if this works for u.
-GTG
On 8/10/07, Nazgulled [EMAIL PROTECTED] wrote:
I think I understood what you said, but I just can't find a way to
code it... Coud you provide me with a simple example on how to do
it?
Let's say I have the following code:
$(a#testlink).mouseover(function() {
$(div#testbox).animate({ color: '#00' }, 1000);
});
$(a#testlink).mouseout(function() {
$(div#testbox).animate({ color: '#ff' }, 1000);
});
How would you do it?
On Aug 9, 9:31 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
there are several ways you can solve this problem... Let me try
and
guide u
through a couple
1. There is a plugin called hover
intenthttp://cherne.net/brian/resources/jquery.hoverIntent.html.
The primary purpose of this plugin is to stop these kind of
actions on
unintentional hovers.
So, you can allow the user to move the mouse over ur link, and
when it
is
clear that the users intention is to actually use the link, the
hover
event
is fired. This can solve your problem although, this might not be
what
you
are looking for.
2. You can unbind the mouseover event when the animation starts
and in
the
animation end callback you can bind the handler again. Same can be
done
for
mouse out as well. This way if the user mouseovers the link, the
unbind
event happens and the animation starts. During this time if the
user
hovers
over it again and again, your handler wont be called because you
have
unbound it already. Once the animation is done, attach the handler
again.
-GTG
On 8/8/07, Nazgulled [EMAIL PROTECTED] wrote:
I'm using the Interface Elements plugin (just the IFX one) to
create
some animations in my scripts but I have a little problem. For
better
descriptiong of the problem here's a test page:
http://stuff.nazgulled.net/misc/test/
You'll see a link named TESTE LINK. Please move the mouse over
the
link and out a couple of times really quick.
What happened? The mouseover and mouseout animations were
executed
many times has you moved the mouse over and out of the link.
Well, if
you move the mouse over, out, over, out, over and out, while the
first
animation is still being done, I want this to be only done once
and
not repeatedly. Basically the animation over and out would be
done
just once.
Do you understand what I'm saying? I hope so...
[jQuery] Re: [Plugin] DynaCloud Plugin
this is very interesting... i think i will have a use for it sometime very soon. -GTG On 8/11/07, Tane Piper [EMAIL PROTECTED] wrote: Another plugin that's not mine, but very handy: http://johannburkard.de/blablog/programming/javascript/2007/08/06/dynacloud-a-dynamic-javascript-tag-keyword-cloud-with-jquery.html DynaCloud is a jQuery plugin that generates tag or keyword clouds from text on web pages and highlights matching parts once a keyword is clicked. -- Tane Piper http://digitalspaghetti.me.uk This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: jCarousel vs jCarousel LITE
Hi ashok, It really depends on the number of thumbnails u have. If the number is not too large, the jCarouselLite is a good choice, because of its light-weight nature. But, if the number is too large, then you will need the ajax facilities of the jCarousel plugin. Hope that helps -GTG On 8/10/07, LSUDVM [EMAIL PROTECTED] wrote: I have looked at both of these plugins. How would i decide which one to use? Basically i just the carousel to show the thumbnails and then below the carousel the large image will appear. Thanks Ashok
[jQuery] Re: Why jQuery over Mootools
Benjamin,
Think google maps... It is a nice class, which can be instantiated and setup
any number of times within the same page... So, in this case class offers a
convenient blueprint for further instantiation.
Hope that clarifies a bit.
-GTG
On 8/11/07, Benjamin Sterling [EMAIL PROTECTED] wrote:
Eridius,
If you do a search in the group
(http://groups.google.com/group/jquery-en/search?group=jquery-enq=mootoolsqt_g=Search+this+group
) you will see a few comparisons between both. I think ultimately it
comes down to preference.
As for the class thing you talk about, can you give an example of when
this would be useful in javascript? In php, asp or java I get why classes
become very useful, but don't see where in javascript.
The use of plugins and chainablilty, to me, do what classes can do, but I
could be wrong.
On 8/11/07, Eridius [EMAIL PROTECTED] wrote:
I have been working with mootools for a bit the past few months and
started
to take a look at jQuery too see what the hype is all about from what i
have
heard from a co-worker. From what i see, jQuery does not offer anything
that mootools does not. I mean jQuery does have
$().click
and i don't believe Mootools has anything like that, they just have the:
$().addEvent('click', function(){});
However this is just a shortcut and not a major thing. On thing that
jQuery
has is that there are far more scripts however this is just to the fact
that
jQuery has been around longer than mootools. However on the other hand
mootools has is a very nice way to create new classes. All i have to do
is:
var ajax_request = new Class(
{
options:
{
//class options
};
initialize: function(options)
{
this.setOptions(options);
//other initliaizing code
};
//more methods
});
ajax_request.implement(Options);
var my_ajax_request = new ajax_request({//override default options});
my_ajax_request.process();
Now I have been told that jQuery tries to do things more like the OO
method. Well to me the basically thing about OO is being able to
combine
members(variables) and methods(functions) into a common
place(class/object).
I have tried creating a simple class with jQuery and it does not
work(this
code if based off what i was told from these forums):
var ajax_request = function(options)
{
ajax_options =
{
test: 'test'
};
test = function()
{
alert(this.test);
}
}
var test = new ajax_request();
test.test();
and this code tells me that test() is not a function of test. It seems
that
jQuery wants you to incorporate everything into the $() selector which
does
not make sense of everything. Being able create separate object is
something that is important to me and jQuery does not seem to support
that.
Another thing that that jQuery says is that is it so small. Well
comparing
the full version of mootools(all options selected) to the full version
of
jQuery is unfair. In order to get allt he features of full mootools you
would have to add jQuery interface script and comparing mootools to
jQueryInterface script, mootools is still smaller.
So why should someone choose jQuery over Mootools or is it really just a
preference thing and and both are basically the same(i see a lot about
jQuery vs prototype but not alot about jQuery vs mootools)
--
View this message in context:
http://www.nabble.com/Why-jQuery-over-Mootools-tf4254982s15494.html#a12109680
Sent from the JQuery mailing list archive at Nabble.comhttp://nabble.com/
.
--
Benjamin Sterling
http://www.KenzoMedia.com http://www.kenzomedia.com/
http://www.KenzoHosting.com http://www.kenzohosting.com/
[jQuery] Re: Do we have something like Mootools:Kwick on jQuery?
I am working on something like that... it is not a completed version, but works enough to get the point across. I will be making it into a full featured plugin sometime this week. Here is the link to it... http://www.gmarwaha.com/jquery/jkwick/test/test.html Hoep that helps. -GTG On 8/11/07, Rey Bango [EMAIL PROTECTED] wrote: Hola Ricardo, Check the mailing archives as there was a whole series of discussions about accordians. http://groups.google.com/group/jquery-en/search?group=jquery-enq=accordianqt_g=Search+this+group Rey... ricardoe wrote: Hi everyone, regards from México. (Sorry for my english, is not very good) I've been developing a website for my little companie (www.tuukuls.com.mx) but my comrades saw the mootools page and they are fascinated by the kwick accordion. I love jQuery, so, do we have something like that? Regards :D
[jQuery] Re: Creating plugins
When you create a plugin that will be executed on a selected set of DOM
elements, you use
jQuery.fn.myPlugin = function() {}
When you create a plugin that is going to be executed statically, like
$.ajax, you create it like this.
jQuery.myPlugin = function() {}
Effectively, jQuery is an instance of a class and jQuery.fn is nothing but
jQuery.prototype.
So. if you assign functions to jquery.fn, then you are creating plugins that
operate on instances of jquery (eg: when a set of dom elements are selected
using the $() syntax).
If you assign functions to jQuery itself, it can be executed statically on a
jQuery object itself. Like $.ajax.
Hope that helps
-GTG
On 8/11/07, Eridius [EMAIL PROTECTED] wrote:
I don't know what happen with the last post but let me try to explain
myself
better in this one.
The only way i see documenetation for building plugins is so you can add
like:
$('#whatever').plugin();
Now this is all good but I want to know something different. I want to be
able to build a plug so i can do something like the $.ajax, so something
like:
var whatever = new someplugin();
This way of creating a new class is one thing i love about mootools, in
mootools i can do:
var ajax_request = new Class(
{
//class code
});
var ajax_request_handle = new ajax_request();
Is this possible n jQuery?
--
View this message in context:
http://www.nabble.com/Creating-plugins-tf4254598s15494.html#a12108667
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Do we have something like Mootools:Kwick on jQuery?
thanks rey... will take care of it in my first release as a plugin... -GTG On 8/11/07, Rey Bango [EMAIL PROTECTED] wrote: Nice work G. In IE7, it looks good. In FF v2.0.0.6, there's always an initial delay when hovering over the first option. Rey Ganeshji Marwaha wrote: I am working on something like that... it is not a completed version, but works enough to get the point across. I will be making it into a full featured plugin sometime this week. Here is the link to it... http://www.gmarwaha.com/jquery/jkwick/test/test.html Hoep that helps. -GTG On 8/11/07, *Rey Bango* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Hola Ricardo, Check the mailing archives as there was a whole series of discussions about accordians. http://groups.google.com/group/jquery-en/search?group=jquery-enq=accordianqt_g=Search+this+group http://groups.google.com/group/jquery-en/search?group=jquery-enq=accordianqt_g=Search+this+group Rey... ricardoe wrote: Hi everyone, regards from México. (Sorry for my english, is not very good) I've been developing a website for my little companie ( www.tuukuls.com.mx http://www.tuukuls.com.mx) but my comrades saw the mootools page and they are fascinated by the kwick accordion. I love jQuery, so, do we have something like that? Regards :D
[jQuery] Re: Creating plugins
why do i get error saying that test is not a function of t?
Because you are approaching it wrong. This is how u can achieve what u want
to
$.ajax_request = function(options) {
this.options = {test: test};
}
$.ajax_request.prototype = {
test: function() {
alert(this.options.test)
}
}
var test = new $.ajax_request();
test.test();
You can see a demo of it here...
http://gmarwaha.com/test/other/testClassCreation.html
Although it is possible to do this, doesn't mean that it is the right way to
approach a problem. Mootools excels in giving class structure to javascript.
But jQuery feels class structure is a overkill and that is the reason why
class a class framework is not give out of the box.
Also, as John Resig mentioned in a reply to ur post, creating a class and
this members is such a trivial task which doesn't benefit much from
framework intervention. Anyways, if all you want to create is class
structure, there you go, you got the code and link to the demo...
Have fun... and welcome to the world of jquery, the world that created a
difference in my life...
-GTG
On 8/11/07, Eridius [EMAIL PROTECTED] wrote:
ok here is my code:
jQuery.ajax_request = function(options)
{
ajax_options =
{
test: 'test'
};
test = function()
{
alert(this.test);
}
}
var test = $.ajax_request();
test.test();
why do i get error saying that test is not a function of t?
Ganeshji Marwaha wrote:
When you create a plugin that will be executed on a selected set of DOM
elements, you use
jQuery.fn.myPlugin = function() {}
When you create a plugin that is going to be executed statically, like
$.ajax, you create it like this.
jQuery.myPlugin = function() {}
Effectively, jQuery is an instance of a class and jQuery.fn is nothing
but
jQuery.prototype.
So. if you assign functions to jquery.fn, then you are creating plugins
that
operate on instances of jquery (eg: when a set of dom elements are
selected
using the $() syntax).
If you assign functions to jQuery itself, it can be executed statically
on
a
jQuery object itself. Like $.ajax.
Hope that helps
-GTG
On 8/11/07, Eridius [EMAIL PROTECTED] wrote:
I don't know what happen with the last post but let me try to explain
myself
better in this one.
The only way i see documenetation for building plugins is so you can
add
like:
$('#whatever').plugin();
Now this is all good but I want to know something different. I want to
be
able to build a plug so i can do something like the $.ajax, so
something
like:
var whatever = new someplugin();
This way of creating a new class is one thing i love about mootools, in
mootools i can do:
var ajax_request = new Class(
{
//class code
});
var ajax_request_handle = new ajax_request();
Is this possible n jQuery?
--
View this message in context:
http://www.nabble.com/Creating-plugins-tf4254598s15494.html#a12108667
Sent from the JQuery mailing list archive at Nabble.com.
--
View this message in context:
http://www.nabble.com/Creating-plugins-tf4255335s15494.html#a12111289
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: $.getJSON ?
Just to add to what john said, it is not a limitation of jquery, but ajax in
general, but i might be wrong...
John, correct me if i am wrong.
-GTG
On 8/11/07, John Resig [EMAIL PROTECTED] wrote:
You can't request JSON data from remote URLs, currently. You'll need
to run the request through a local server in order to get at the
specific data, unfortunately.
--John
On 8/11/07, neuromystical [EMAIL PROTECTED] wrote:
Can anyone tell me what is wrong with the following. I am new to
JQuery and I do not know if I am doing anything wrong here. I am not
just looking for an answer, I am trying to understand what is going on
here and I do not understand by looking at the existing jquery.js I
have or searching the web for jquery stuff. I realize their are Flickr
scripts to addon to JQuery, but I want to understand JQuery.
$(document).ready(function(){ //INIT Stuff
// Your code here
alert('Document Ready');
var url = 'http://api.flickr.com/services/feeds/
photos_public.gne?
[EMAIL PROTECTED]api_key=6470b0f7c050146a3dd9e861966092c5format=json';
alert(url);
$.getJSON(url,function(json)
{
alert('test');
//alert('I received the json and put it in the json var :
' + json.toString());
}
//alert('nothing after this');
);
});
[jQuery] Re: Problem with animation on mouseover/mouseout!
Nazgulled,
I understand exactly what u are after. They key to the solution is interface
animation's stop() method. I guess it will take some work to get this done,
and i sincerely can't squeeze in enough time to ponder around for a
solution. So, i would leave this for other jquery experts here, or request
you to try along the lines of the stop() method.
-GTG
On 8/11/07, Nazgulled [EMAIL PROTECTED] wrote:
The hoverintent plugin won't help, because the hover event will only
take place after a while when the user hovers the mouse and I can't
have that, I need the event to be fired just when the mouse is over,
so that plugin is out.
And I though you already knew that I'm using animate() method from
interface... I just don't have a clue on how to make this animation
work as I want it. I don't need to stop the animation I just need to
prevent it from running. I mean, all I want is a nice and correct
animation, without any loops and no matter how many times I move the
mouse over and out, the last animation must be the one corresponding
the mouse's last movement.
Please someone help me out, I have no Idea to achieve this animation
in a coherent fashion.
On Aug 12, 12:17 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
Hi, the demo that is posted was just a way to approach that problem...
As i mentioned already, you can use the hoverIntent plugin to approach
it as
well...
If you are fine to use interface plugin, then you can use interface's
animate() method, coz, that allows you to stop animation in between...
Hope that helps.
-GTG
On 8/11/07, Nazgulled [EMAIL PROTECTED] wrote:
Can anyone help me with this?
On Aug 10, 8:06 pm, Nazgulled [EMAIL PROTECTED] wrote:
It doesn't really work as expected. Let's say you increase the time
it
takes to do the animation (it's easier to see the problem). You move
the mouse over, then out and then back over, all this while the
first
mouse over animation is being executed. You'll notice that the
mouse out animation will be executed when the mouse over
animation
finishes. I mean, yes, I moved hte mouse over and out a few times,
but
the last movement was mouse over while the first animation ov
mouse
over was being executed, and I don't think that the mouse out
animation should have been executed in this case. Also, sometimes
the
functions stay unbinded for some reason and for them to work again,
a
page refresh is needed...
On Aug 10, 7:25 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
I have put together a demo.
http://www.gmarwaha.com/test/other/testHoverAnchorInAndOutFast.html
Have fun, and lemme know if this works for u.
-GTG
On 8/10/07, Nazgulled [EMAIL PROTECTED] wrote:
I think I understood what you said, but I just can't find a way
to
code it... Coud you provide me with a simple example on how to
do
it?
Let's say I have the following code:
$(a#testlink).mouseover(function() {
$(div#testbox).animate({ color: '#00' }, 1000);
});
$(a#testlink).mouseout(function() {
$(div#testbox).animate({ color: '#ff' }, 1000);
});
How would you do it?
On Aug 9, 9:31 am, Ganeshji Marwaha [EMAIL PROTECTED]
wrote:
there are several ways you can solve this problem... Let me
try
and
guide u
through a couple
1. There is a plugin called hover
intent
http://cherne.net/brian/resources/jquery.hoverIntent.html.
The primary purpose of this plugin is to stop these kind of
actions on
unintentional hovers.
So, you can allow the user to move the mouse over ur link, and
when it
is
clear that the users intention is to actually use the link,
the
hover
event
is fired. This can solve your problem although, this might not
be
what
you
are looking for.
2. You can unbind the mouseover event when the animation
starts
and in
the
animation end callback you can bind the handler again. Same
can be
done
for
mouse out as well. This way if the user mouseovers the link,
the
unbind
event happens and the animation starts. During this time if
the
user
hovers
over it again and again, your handler wont be called because
you
have
unbound it already. Once the animation is done, attach the
handler
again.
-GTG
On 8/8/07, Nazgulled [EMAIL PROTECTED] wrote:
I'm using the Interface Elements plugin (just the IFX one)
to
create
some animations in my scripts but I have a little problem.
For
better
descriptiong of the problem here's a test page:
http://stuff.nazgulled.net/misc/test/
You'll see a link named TESTE LINK. Please move the mouse
over
the
link and out a couple of times really quick.
What
[jQuery] Re: [ANNOUNCE] jCarousel Lite - version 1.0
Hi Olaf, u r absolutely right. When javascript is disabled, there is no need for a button there. One should probably put the markup for the button through javascript. jCarouselLite as such doesn't bother about how and where the button is placed. In fact, the buttons need not be part of the carousel's div itself. It can be anywhere in the page and can be created by pure HTML or by javascript. So, it is upto the developer how to do it. Once the button is created, all you need to provide jCarouselLite is just the selectors for the button, and jCarouselLite will take it from there. Makes sense? -GTG On 8/9/07, Olaf Bosch [EMAIL PROTECTED] wrote: Ganeshji Marwaha schrieb: http://gmarwaha.com/jquery/jcarousellite/test/testDefault.html . Here, i dont have that kind of setup. Here, the carousel should unobstrusively display all the elements based on what your css style rules are... In my case, i don't have any style rules except for the browser default. Thanks for the feedback though. I love feedbacks. Yes, this is right. I wonder why you not write the Buttons with JS. What do the user without JS with this buttons? -- Viele Grüße, Olaf --- [EMAIL PROTECTED] http://olaf-bosch.de www.akitafreund.de ---
[jQuery] Re: SevenMagOnline.com Feature blocks
np, my next job is to make that into a good and usable plugin over the weekend :-) -GTG On 8/10/07, Ty [EMAIL PROTECTED] wrote: Thanks for that prototype Ganeshji, it seems to be working just about right. On Aug 4, 3:27 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Hey Ty, Did a quick prototype of what you might be expecting. I have hosted it athttp://www.gmarwaha.com/jquery/slidingmenu/test/test.html This is a replica of the one in the mootools homepage... Ofcourse it is nowhere near completion, but i am getting there... If it goes at this pace, u probably can see a good working version by monday... Rey, Thanks to you u inspired me to it. -GTG On 8/3/07, Ty [EMAIL PROTECTED] wrote: Anyone have any idea how to do something like this in jQuery, I think it's built using mooTools, that's in the js calls anyways... http://www.sevenmagonline.com/ The 4-thumbnail blocks on the homepage just beneath the large flash movie of features, that click and expand on mouseover. The click they used soundManager2, which I've experimented with and didn't have much success in IE. Anyways the expanding part is what I like, I guess it's just an expand on hover, and the other div's resize accordingly. anyone seen anything similar with jQ or a plugin? Pretty impressive site overall, since it's got some js features, thought it was worth a mention here. Noticed it at the Expression Engine Cms showcase.
[jQuery] Re: jCarousel Lite - version 1.0
Awesome work. I'm now thinking to port this nice plugin to as a module in open source application like joomla. @Mike - Thanks, and that would be cool... Hi Ganeshji, Hey is it possible to have the presentation vertical, say three thumbnails tall, and then have it animate horizontally to slide three new thumbnails into place. I haven't seen an example for that type of a setup, still looking them over though. Nice work. thanks. @Ty, Since jCarouselLite supports any HTML content as its individual items, i am sure it is possible as long as your requirement is not to scroll both vertically and horizontally. If i have some time this weekend, i will try to get a demo for that in place. -GTG On 8/10/07, Ty [EMAIL PROTECTED] wrote: Hi Ganeshji, Hey is it possible to have the presentation vertical, say three thumbnails tall, and then have it animate horizontally to slide three new thumbnails into place. I haven't seen an example for that type of a setup, still looking them over though. Nice work. thanks. On Aug 9, 3:20 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Oops, forgot the link to the project page... here you go... http://gmarwaha.com/jquery/jcarousellite/ -GTG On 8/9/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Hi friends, I have finally released the 1.0 version of jCarouselLite plugin. There was a lot of feedback for the earlier revisions, and i sincerely thank you all for that, because that is what shaped this 1.0 release. Nicolas Hoizey and Mike Fern - As per your request, circular is now well, circular. The carousel won't rewind itself after the last element. Rather it will cycle as if there is no end. Anton - As per your request, the buttons will be assigned a class called disabled when the carousel is in the first or last element respectively. This is applicable to non-circular carousels only. Cliff Lee - The bug you reported regarding clicking the previous button when the carousel is showing the first element, and then clicking the next button causes the carousel not to respond, should be fixed i suppose. Let me know. If you find the plugin interesting, don't resist yourself to digg it athttp://digg.com/programming/Merry_go_round_aka_jCarouselLite_with_jQuery -GTG
[jQuery] Re: [ANNOUNCE] jCarousel Lite - version 1.0
olaf, jquery and javascript in general is for developers pal... plugins make developers job easier and reusable, thats all. In any case, only a developer can truly get the benefit of any javascript library, even as easy to use as jquery. But, assuming that is not the case, what is ur suggestion? If you have a way for this plugin to handle this, i am all game for it... I am ready to listen and implement as long as it makes the users life easier. -GTG On 8/10/07, Olaf Bosch [EMAIL PROTECTED] wrote: Ganeshji Marwaha schrieb: So, it is upto the developer how to do it. Once the button is created, all you need to provide jCarouselLite is just the selectors for the button, and jCarouselLite will take it from there. Makes sense? A little bit ;) You and I be Devs, for us is o.k. How many User go to your Page and load this tool and they are not do this self develope? They all have this buttons then of her sites :) -- Viele Grüße, Olaf --- [EMAIL PROTECTED] http://olaf-bosch.de www.akitafreund.de ---
[jQuery] Re: Problem with animation on mouseover/mouseout!
I have put together a demo.
http://www.gmarwaha.com/test/other/testHoverAnchorInAndOutFast.html
Have fun, and lemme know if this works for u.
-GTG
On 8/10/07, Nazgulled [EMAIL PROTECTED] wrote:
I think I understood what you said, but I just can't find a way to
code it... Coud you provide me with a simple example on how to do it?
Let's say I have the following code:
$(a#testlink).mouseover(function() {
$(div#testbox).animate({ color: '#00' }, 1000);
});
$(a#testlink).mouseout(function() {
$(div#testbox).animate({ color: '#ff' }, 1000);
});
How would you do it?
On Aug 9, 9:31 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
there are several ways you can solve this problem... Let me try and
guide u
through a couple
1. There is a plugin called hover
intenthttp://cherne.net/brian/resources/jquery.hoverIntent.html.
The primary purpose of this plugin is to stop these kind of actions on
unintentional hovers.
So, you can allow the user to move the mouse over ur link, and when it
is
clear that the users intention is to actually use the link, the hover
event
is fired. This can solve your problem although, this might not be what
you
are looking for.
2. You can unbind the mouseover event when the animation starts and in
the
animation end callback you can bind the handler again. Same can be done
for
mouse out as well. This way if the user mouseovers the link, the unbind
event happens and the animation starts. During this time if the user
hovers
over it again and again, your handler wont be called because you have
unbound it already. Once the animation is done, attach the handler
again.
-GTG
On 8/8/07, Nazgulled [EMAIL PROTECTED] wrote:
I'm using the Interface Elements plugin (just the IFX one) to create
some animations in my scripts but I have a little problem. For better
descriptiong of the problem here's a test page:
http://stuff.nazgulled.net/misc/test/
You'll see a link named TESTE LINK. Please move the mouse over the
link and out a couple of times really quick.
What happened? The mouseover and mouseout animations were executed
many times has you moved the mouse over and out of the link. Well, if
you move the mouse over, out, over, out, over and out, while the first
animation is still being done, I want this to be only done once and
not repeatedly. Basically the animation over and out would be done
just once.
Do you understand what I'm saying? I hope so...
[jQuery] Re: SITE SUBMISSION: http://www.thor.be/creations.php
awesome. very cool and well done... -GTG On 8/8/07, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Friends, i'm very pleased to inform you about the fresh release of Belgian contemporary dance *Compagnie Thor* new website: http://www.thor.be/ use of jquery for: - layouting via dimensions.js - thickbox - jscrollpane (http://www.thor.be/creations.php) - ajax with hoverIntent (http://www.thor.be/creations.php) - cluetip http://www.thor.be/agenda.php and some tweaks here and there... A special thanks to John Resig and also to each plugin author, i hope you like how i used your work ! Alexandre Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte Lakensestraat/Rue de Laeken 104 B-1000 Brussel-Bruxelles-Brussels Belgie-Belgique-Belgium Tel:+32(0)2.219.65.55 Fax:+32(0)2.426.69.86 Mobile:+32(0)476.23.21.42 http://www.lab-au.com http://www.mediaruimte.be __ The information in this e-mail is intended only for the addressee named above. If you are not that addressee, please note that any disclosure, distribution or copying of this e-mail is prohibited. Because e-mail can be electronically altered, the integrity of this communication cannot be guaranteed. __ Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.476 / Base de données virus: 269.11.8/941 - Date: 7/08/2007 16:06
[jQuery] Re: [NEWS] jQuery Team Member Jörn Zaeffere r in Javamagzin
cool... congrats Jörn... jQuery goes well with java. I know there is no context in what i am talking, but just said so because, i am using jquery with java. I just wish someone develops a dwr like plugin for jquery, before i start doing something like that... -GTG On 8/10/07, Sean Catchpole [EMAIL PROTECTED] wrote: Congrats Jörn! ~Sean
[jQuery] Re: jQuery Corner Demo
That is what i tried to tell... guess it came out wrong. :-) -GTG On 8/10/07, Mike Alsup [EMAIL PROTECTED] wrote: Hi Ganeshji, FYI, it's the same plugin on both of our sites. Dave is the original author and mastermind behind it all. We collaborated on some of the additional effects. The official version can be found here: http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js Cheers! Mike On 8/10/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: just so u know... the plugin has since been improved and you might want to see this demo page as well with a lot more effects. http://www.malsup.com/jquery/corner/ -GTG On 8/9/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I'm new to the group and thought I would share a really helpful demo I found. Hope you guys like it. http://methvin.com/jquery/jq-corner-demo.html - Matt
[jQuery] Re: IE6 ajax oddity
I don't have IE 6 right now, so i won't be able to test the page, but, typically these types of behavior is seen when there is some script error in IE. check to see if there is some error in the javascript end. -GTG On 8/8/07, Bruce MacKay [EMAIL PROTECTED] wrote: Folks, I have a small blog application at http://www.thomasbaine.com/thetuis.asp The application works fine in IE7 and FF on both the production server (above) and my local development machine. IE6 works fine on my local machine, but fails on the production server. By fail, I mean that ajax calls to the server are not returned. For example, I can post a comment - and it will be stored in the database - but the return ajax stream of data to update the page does not arrive. Similarly, click on the Recent links to retrieve previous items of the blog do not work - the server receives the instruction and does the processing, but the return ajax stream doesn't seem to arrive. Any ideas? Thanks/Bruce
[jQuery] Re: Problem with animation on mouseover/mouseout!
there are several ways you can solve this problem... Let me try and guide u through a couple 1. There is a plugin called hover intenthttp://cherne.net/brian/resources/jquery.hoverIntent.html. The primary purpose of this plugin is to stop these kind of actions on unintentional hovers. So, you can allow the user to move the mouse over ur link, and when it is clear that the users intention is to actually use the link, the hover event is fired. This can solve your problem although, this might not be what you are looking for. 2. You can unbind the mouseover event when the animation starts and in the animation end callback you can bind the handler again. Same can be done for mouse out as well. This way if the user mouseovers the link, the unbind event happens and the animation starts. During this time if the user hovers over it again and again, your handler wont be called because you have unbound it already. Once the animation is done, attach the handler again. -GTG On 8/8/07, Nazgulled [EMAIL PROTECTED] wrote: I'm using the Interface Elements plugin (just the IFX one) to create some animations in my scripts but I have a little problem. For better descriptiong of the problem here's a test page: http://stuff.nazgulled.net/misc/test/ You'll see a link named TESTE LINK. Please move the mouse over the link and out a couple of times really quick. What happened? The mouseover and mouseout animations were executed many times has you moved the mouse over and out of the link. Well, if you move the mouse over, out, over, out, over and out, while the first animation is still being done, I want this to be only done once and not repeatedly. Basically the animation over and out would be done just once. Do you understand what I'm saying? I hope so...
[jQuery] Re: [ANNOUNCE] jCarousel Lite - version 1.0
Oops, forgot the link to the project page... here you go... http://gmarwaha.com/jquery/jcarousellite/ -GTG On 8/9/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Hi friends, I have finally released the 1.0 version of jCarouselLite plugin. There was a lot of feedback for the earlier revisions, and i sincerely thank you all for that, because that is what shaped this 1.0 release. Nicolas Hoizey and Mike Fern - As per your request, circular is now well, circular. The carousel won't rewind itself after the last element. Rather it will cycle as if there is no end. Anton - As per your request, the buttons will be assigned a class called disabled when the carousel is in the first or last element respectively. This is applicable to non-circular carousels only. Cliff Lee - The bug you reported regarding clicking the previous button when the carousel is showing the first element, and then clicking the next button causes the carousel not to respond, should be fixed i suppose. Let me know. If you find the plugin interesting, don't resist yourself to digg it at http://digg.com/programming/Merry_go_round_aka_jCarouselLite_with_jQuery -GTG
[jQuery] Re: scollovers animation
it is kinda cool. I will use it for menu's maybe, not for all links in the page. -GTG On 8/9/07, Benjamin Sterling [EMAIL PROTECTED] wrote: Umm... You didn't really just say Web 1.0, did you? sad sad world we live in :) On 8/9/07, Tane Piper [EMAIL PROTECTED] wrote: Dan, I totally agree - it reminds me of Web 1.0 and using the blink tag, the page was just missing a few animated gifs and an under construction gif to top it off. I do see other more fun uses for it though: how about a quiz where you see the question, and hover over to get this effect to show the answer. In terms of UI though, it's not that great. On 09/08/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: Klaus, Nice effect! But hey, creating a new domain and on top calling it A new way of linking is a little over the top I think ;-) If all the links on a page would constantly behave like that I'd go crazy - man, that would be annoying... When I first saw that page a couple of days ago, the first thought I had is: Ok, so what UI benefit does this offer the user? While eye candy can be nice, I don't really see any benefit to the user. I'm very much a form over factor guy, so I want to make sure if I'm introducing new behaviors that they're benefiting the user (at least I try to make that happen--some times a client demands something that is purely for eye candy.) -Dan -- Tane Piper http://digitalspaghetti.me.uk This email is: [ ] blogable [ x ] ask first [ ] private -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] [ANNOUNCE] jCarousel Lite - version 1.0
Hi friends, I have finally released the 1.0 version of jCarouselLite plugin. There was a lot of feedback for the earlier revisions, and i sincerely thank you all for that, because that is what shaped this 1.0 release. Nicolas Hoizey and Mike Fern - As per your request, circular is now well, circular. The carousel won't rewind itself after the last element. Rather it will cycle as if there is no end. Anton - As per your request, the buttons will be assigned a class called disabled when the carousel is in the first or last element respectively. This is applicable to non-circular carousels only. Cliff Lee - The bug you reported regarding clicking the previous button when the carousel is showing the first element, and then clicking the next button causes the carousel not to respond, should be fixed i suppose. Let me know. If you find the plugin interesting, don't resist yourself to digg it at http://digg.com/programming/Merry_go_round_aka_jCarouselLite_with_jQuery -GTG
[jQuery] Re: [ANNOUNCE] jCarousel Lite - version 1.0
Andy and Marshall - Than you very much for ur kind words... It is feedback from friends like you that motivated me to fix most(if not all) of the issue. Chris - Thanks for your comment. But, i think, you got it wrong. My site's demos are specifically done such that disabling javascript will disable the entire carousel. This is not the problem of the plugin itself. For example, take a look at this page - http://gmarwaha.com/jquery/jcarousellite/test/testDefault.html . Here, i dont have that kind of setup. Here, the carousel should unobstrusively display all the elements based on what your css style rules are... In my case, i don't have any style rules except for the browser default. Thanks for the feedback though. I love feedbacks. -GTG On 8/9/07, Chris W. Parker [EMAIL PROTECTED] wrote: On Thursday, August 09, 2007 2:08 PM Andy Matthews said: Dude... This plugin is flawless. You covered every base that anyone could have thought it. Oh *really*? First thing I noticed (since JS is turned off by default) is that it's not unobtrusive. It'd be *great* if the pictures just sat on the page if JS was unavailable. Regards, Chris.
[jQuery] Re: Please fix TreeView bassistance - Please DEV to not stable plugins
why do u say it doesn't work in IE. It seems to work fine for me. Granted, i just saw the demo. -GTG On 8/9/07, Mario Moura [EMAIL PROTECTED] wrote: Hi Folks TreeView is amazing plugin from http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ But unfortunately just work on FF Please Jörn Zaefferer and Myles Angell do you have a date to fix Treeview? to work with ie6 and ie7? Please John Resig ask to plugin providers make plugins to work with all browsers (or FF and IE at least) if no please post JQuery.NamePlugin(DEV).js or something like this. DEV to Not Stable. Drupal team do this and work well Regards Mario
[jQuery] Re: use of this in jQuery selectors
$(.class, this) -GTG On 8/9/07, pd [EMAIL PROTECTED] wrote: Hi All Can someone clarify the use of the JavaScript keyword this in a jQuery context? I find it strange that the following code doesn't work $(this + '.requiredField') but this does $(this.id + '.requiredField') even when the object calling the code does not have an id attribute! Is there a way to mix the very handy this keyword with the sensational ability of jQuery to get an array of objects with blah class name ?
[jQuery] Re: [Announce] charToTable plugin
thats was funny, and interesting... But seriously, we should find a better way to filter spammers... atleast something interesting and not so boring as typing some obscure letters. -GTG On 8/7/07, Robert O'Rourke [EMAIL PROTECTED] wrote: Ganeshji Marwaha wrote: By using this instead of standard images for captcha, we aren't achieving any extra usability, or are we? and it is pretty easy to decode than images anyways... so i wouldn't use'em for captcha. but it is fun nevertheless. -GTG True, just a thought anyway. Reminds me of that video on youtube: http://uk.youtube.com/watch?v=NqFOB77jLaE
[jQuery] Re: [New Plugins] Ajax Queue and Ajax Sync
I didnt find much use for these right now, but i am sure, the day won't be
far when this will save my day...
I am more interested in a plugin (or in the core itself) that will allow me
to tell jquery what an error as it applies to ajax.
At present, i guess that it is hard-coded within, which is not much useful
for handling application specific errors. And i think the error handler is
the cleanest place to handle app specific errors.
Just so you know mootools has this feature.
-GTG
On 8/7/07, John Resig [EMAIL PROTECTED] wrote:
In the source of the URL that I linked to. I also just added it to the
main contents, to make it easier to access.
--John
On 8/7/07, Christopher Jordan [EMAIL PROTECTED] wrote:
Those sound really useful! Where can we get the code?
Cheers,
Chris
On 8/7/07, John Resig [EMAIL PROTECTED] wrote:
Hey everyone -
So Mike Hostetler was telling me about some Ajax queueing plugins that
he wanted to write - so I got some ideas, and less than an hour later
- here are two new Ajax queueing plugins for you to enjoy!
Lame demo:
http://dev.jquery.com/~john/plugins/ajaxqueue/
About the plugins:
* Queued Ajax requests. A new Ajax request won't be started until the
previous queued request has finished.
Example:
jQuery.ajaxQueue({
url: test.php,
success: function(html){ jQuery(ul).append(html); }
});
* Synced Ajax requests. The Ajax request will happen as soon as you
call this method, but the callbacks (success/error/complete) won't
fire until all previous synced requests have been completed.
Example:
jQuery.ajaxSync({
url: test.php,
success: function(html){
jQuery(ul).append(b+html+/b); }
});
Both have their uses, but ajaxSync, in particular, seems quite useful.
Let me know what you think. If this code helps you out, let me know,
and I'll throw it up somewhere.
--John
--
http://cjordan.us
[jQuery] Re: [New Plugins] Ajax Queue and Ajax Sync
wow, thanks mike... that was really helpful... i will try that.
John, ignore my feature request ;-)
-GTG
On 8/8/07, Mike Alsup [EMAIL PROTECTED] wrote:
Ganeshji,
I you want control over ajax error handling you can just redefine the
jQuery.httpSuccess function. That fn simply returns a boolean. It is
currently implemented as follows:
httpSuccess: function( r ) {
try {
return !r.status location.protocol == file: ||
( r.status = 200 r.status 300 ) || r.status == 304 ||
jQuery.browser.safari r.status == undefined;
} catch(e){}
return false;
}
Mike
On 8/8/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
I didnt find much use for these right now, but i am sure, the day won't
be
far when this will save my day...
I am more interested in a plugin (or in the core itself) that will allow
me
to tell jquery what an error as it applies to ajax.
At present, i guess that it is hard-coded within, which is not much
useful
for handling application specific errors. And i think the error handler
is
the cleanest place to handle app specific errors.
Just so you know mootools has this feature.
-GTG
On 8/7/07, John Resig [EMAIL PROTECTED] wrote:
In the source of the URL that I linked to. I also just added it to the
main contents, to make it easier to access.
--John
On 8/7/07, Christopher Jordan [EMAIL PROTECTED] wrote:
Those sound really useful! Where can we get the code?
Cheers,
Chris
On 8/7/07, John Resig [EMAIL PROTECTED] wrote:
Hey everyone -
So Mike Hostetler was telling me about some Ajax queueing plugins
that
he wanted to write - so I got some ideas, and less than an hour
later
- here are two new Ajax queueing plugins for you to enjoy!
Lame demo:
http://dev.jquery.com/~john/plugins/ajaxqueue/
About the plugins:
* Queued Ajax requests. A new Ajax request won't be started until
the
previous queued request has finished.
Example:
jQuery.ajaxQueue({
url: test.php,
success: function(html){
jQuery(ul).append(html); }
});
* Synced Ajax requests. The Ajax request will happen as soon as
you
call this method, but the callbacks (success/error/complete) won't
fire until all previous synced requests have been completed.
Example:
jQuery.ajaxSync({
url: test.php,
success: function(html){
jQuery(ul).append(b+html+/b); }
});
Both have their uses, but ajaxSync, in particular, seems quite
useful.
Let me know what you think. If this code helps you out, let me
know,
and I'll throw it up somewhere.
--John
--
http://cjordan.us
[jQuery] Re: Announcement: Spoilers plugin
hi stephan,
this is a neat plugin, i see myself using this in some cases.
u mentioned that this functionality was there in imdb.com correct? where
exactly in that site can i get to see this feature?
-GTG
On 8/8/07, Stephan Beal [EMAIL PROTECTED] wrote:
On Aug 8, 6:28 pm, Stephan Beal [EMAIL PROTECTED] wrote:
For the click, i was thinking: clicking on the overlay will unhide the
text, and mouse-out will hide it again, but that might be tedious/
@Sam Dan:
i've added click-toggle and hoverIntent support via an optional init
parameter:
$('.jqSpoiler').initSpoilers({method:'click'});
$('.jqSpoiler').initSpoilers({method:'hoverIntent'}); // requires
hoverIntent plugin
The default is method:'hover'.
This doubled the MIN'd size of the code, though. It's now a whopping
424 bytes ;).
These features will be included in tomorrow's release. (i use the date
as the version number, and i've already made a release today, so i've
gotta wait another 5 hours [CET/GMT+1] before i can make a new
release ;).
You can have multiple types of spoiler revealing on one page by simply
using a marker class, like this:
// On-hover spoiler:
$('.jqSpoiler').initSpoilers();
// On-hover spoiler using hoverIntent plugin:
$('.jqSpoilerIntent').initSpoilers({method:'hoverIntent'})
.addClass('jqSpoiler');
// Clickable spoiler:
$('.jqSpoilerClick').initSpoilers({method:'click'})
.addClass('jqSpoiler');
The addClass() is used to ensure that the items marked with the marker
classes get the same CSS treatment.
[jQuery] Re: [Slight OT] Quick straw pole about maps
i have used google maps feature in quite a few applications now, and never once used yahoo... Regardless, i would say having one plugin per map provider sounds like a good choice. Later, you(or potentially another plugin author) can write another plugin for yahoo as well following a similar syntax as this plugin. This was the user can pick and choose the minimal code necessary for the task at hand. I guess, what i am trying to say is, we typically use one mapping or the other in an app, not both. So, having 2 separate plugins for 2 mapping providers sounds like a decent choice to me and google is a good place to start. -GTG On 8/8/07, Alex Ezell [EMAIL PROTECTED] wrote: As someone who has spent months, only moderately successfully, integrating Google Maps into a web app, I have two things to say: 1) Why is this the first I have heard of this plugin? I use jQuery throughout the site and would love to use it to handle some of my map duties. 2) I agree with Glen that focusing on one service is probably smarter in the long run. I much prefer Google, in part because of the way they handle driving directions, but also because of the interface customization possible. I feel like Google is more committed to their API than Yahoo. Thanks for your work on this. I might use it if I ever get around to version 2 of this app I built. /alex On 8/8/07, Glen Lipka [EMAIL PROTECTED] wrote: I never use Yahoo. I use Google for general quick maps and directions. I use http://local.live.com for the birds-eye-view. That view is ridiculously crazy. It sounds like a good idea to go for just one map source and make it more feature rich. Glen On 8/8/07, Tane Piper [EMAIL PROTECTED] wrote: Hey folks, I wanted to ask the list a quick straw poll. A bit OT but the subject is one of my plugins. I've just released version 1.4 of my plugin without much fanfair ( http://code.google.com/p/jmaps) and I'm starting to think about the next version. I wanted to get an idea of what other people want, not just me. So a quick question is, especially to anyone using it is: What mapping service do you prefer? Google? or Yahoo? The reason I ask, is I can either keep the plugin on its current course of supporting both map services as equally as possible, or I can scale down or abandon the Yahoo support in going down the route of much more customisation for Google maps. For example, using jQuery syntax to make things such as custom icons, buttons and layouts more simple, as well as their services (geocoding, traffic info, map ads, etc). If you prefer Yahoo, let me know why. Thanks folks! -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: How to check input field
take a look at this link http://www.quirksmode.org/js/mailcheck.html -GTG On 8/8/07, Johny [EMAIL PROTECTED] wrote: In a form there is an input field where users insert their email address. How can I check if it is the valid email or that it consists `@' . Thank you for help L.
[jQuery] Re: Announcement: Spoilers plugin
thanks... -GTG On 8/8/07, Stephan Beal [EMAIL PROTECTED] wrote: On Aug 8, 8:30 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: this is a neat plugin, i see myself using this in some cases. :) Michael Geary and Jay Salvat deserve the real credit. When i pointed out this effect a week or two ago they did the detective work to find out how it functions and posted the results in this forum. i simply took that and bundled it into a plugin. u mentioned that this functionality was there in imdb.com correct? where exactly in that site can i get to see this feature? Visit: http://imdb.com/title/tt0084787/faq and scroll way, way down, almost to the very bottom. You'll see red Spoilers! text (an image). Simply mouse-over. The effect is the exact same as this plugin.
