[jQuery] Re: New Plugin: HoverAccordion
Very nicely done. I especially like the menu version. You seem to have covered all the bases on that one. On the regular accordion version, I think it would be best if you could find a way to have auto-resize panels so that text from a top panel does not overflow into the panel label of the one below it. Great job! -- Sapphire On Tuesday 26 June 2007 06:34:32 am Bernd Matzner wrote: Hello, I'm really excited: My first try at building a jQuery plugin! This is another accordion, but in this case, it's designed to open up by just moving your mouse over an item, just like on the http://www.apple.com/mac/ website. Can be used together with the excellent hoverIntent plugin to avoid accidentally opening an item. See http://berndmatzner.de/jquery/hoveraccordion/ for instructions and examples. Looking forward to your comments, Bernd
[jQuery] Re: slideView plugin (nav auto-selection)
Nice update. Is it possible to add some descriptive text to each image using a markup like this: liimg style=float:left src= /psome text to describe image/p/li Also, how about making the hover and active colors different. Thanks for all your efforts. -- Sapphire On Monday 25 June 2007 03:52:58 am GianCarlo Mingati wrote: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imagesl ide-plugin.html Hi all, now when you click a link, a className of current is applied (eg: if you click #6, current class is added to that link and removed from each other link in the list: the first time the gallery loads, the #1 link is assigned a current class. Obviously you're watching slide #1!) I also found very interesting this line of code wich clearly revelas the power of jQuery especially to those (like me) who are not 'programmers' with the capital P ;-) Look: jQuery(this).addClass(current).parent().parent().find(a).not(jQuery(thi s)).removeClass(current); // wow! This adds a class to a link being clicked in a list of links, and removes that class to all links but NOT the one you've clicked on!! Basically THIS line alone toggles the class name in a set of links. Cool. Next steps: Fix the preload in IE7 Pass time and easing function via classname in the original markup (before jQuery runs). Something like: div id=mygallery-in-post18.12.2004 class=bounceinout 1700 !--list of images-- /div GC Rick Faircloth ha scritto: Looks great, GC! One question (or suggestion)... Could the numbers representing the photos be changed to tiny thumbnails so there would be visual reference? Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Saturday, June 23, 2007 10:59 AM To: jQuery (English) Subject: [jQuery] Re: ANNOUCE: slideView plugin released Hi, http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/image sli de-plugin.html the plugin it's ready with some new pictures and a bt of 'documentation' I suggest to use it with small galleris in a post until i've fixed the 'preload' with iE7. GC On Jun 21, 5:42 pm, Rey Bango [EMAIL PROTECTED] wrote: Ok. Its working now. The image stacking issue I reported earlier is there but the slider now renders correctly. In terms of the images displaying first, I'm wondering if you could initially place the images within a hidden div and then load them into the slider. There was also discussion on here about preloading images. I wonder if that might help. Rey... GianCarloMingati wrote: Rey, r u sure?? Hit F5. GC On Jun 21, 5:03 pm, Rey Bango [EMAIL PROTECTED] wrote: Its not working any longer. When I hit the page, it just displays all of the images. I don't see any JS errors being reported. Rey GianCarloMingati wrote: Hi it is something i noticed too but i don't know how to fix. IE7 and FF/Opera have different ways to behave on DOM ready AND document LOAD. i don't know how to fix it. GC anybody? On Jun 21, 4:26 pm, Rey Bango [EMAIL PROTECTED] wrote: Something that caught my eye when testing it in IE7 is that all of the images initially appear sequentially on the page and then the page gets reformatted into the SlideViewer. Its hard to explain it but I've taken a screen cap of it and attached it to this email. FireFox works fine. Rey... GianCarloMingati wrote: Hi all. After a bit of trials i ended up with this plugin. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/ i.. . Basically it is possible, into any page (blog), to insert an unordered List of images inside a DIV such as div id=myinstantgallery ul liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200523419-001.jpg //li liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200527363-001.jpg //li liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200473460-001.jpg //li !--ecctera-- /ul /div and slideView will add another list for commanding the image slide. pretty easy and lightweight. Note: I am a total newbye so this is my very first plugin! Enjoy! GC -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com slideview.jpg 45KViewDownload -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com
[jQuery] Re: ANNOUCE: slideView plugin released
Works perfectly in Konqueror, FF-2, and Opera in Linux Great job! Wish list for next release: Option to autoslide the images Option to not show the image numbers if using autoslide Thanks -- Sapphire On Thursday 21 June 2007 04:57:35 am GianCarlo Mingati wrote: Hi all. After a bit of trials i ended up with this plugin. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imagesl ide-plugin.html Basically it is possible, into any page (blog), to insert an unordered List of images inside a DIV such as div id=myinstantgallery ul liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200523419-001.jpg //li liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200527363-001.jpg //li liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200473460-001.jpg //li !--ecctera-- /ul /div and slideView will add another list for commanding the image slide. pretty easy and lightweight. Note: I am a total newbye so this is my very first plugin! Enjoy! GC
[jQuery] Re: More Superfish menu examples
Joel: Very well done. With regards to the horizontal ones, it would be nice if the submenus remain visible on mouseout. That would make it easier to know where you are on a site with this type of menu. Good job! -- Sapphire On Sunday 10 June 2007 01:13:26 am Joel Birch wrote: Hi friends, I just created some more demonstrations of using Superfish to enhance different types of menus. The new examples are linked to from my original demo page, under the heading Other menu examples. Here is the URL with a hash appended to take you straight to the new links: http://users.tpg.com.au/j_birch/plugins/superfish/#otherExamples I wanted to show how different styles of menus can be created with a few small CSS changes. The secret to creating new Superfish menus seems to be to get them working with pure CSS first, then apply Superfish to add the enhancements. Note: I have not debugged the CSS for IE yet - its Sunday after all. I will get to it, but at the moment I haven't even glanced at it in IE. You might notice my attempt at a new jQuery logo :) I hope this helps or inspires someone in some way. Joel Birch.
[jQuery] Re: library conflict
Thanks for the input. Thing is I've tried this and other variations and
it just wont work.
Here, for example, is what I have done:
!-- Start ordered js section --
script src=[(base_url)]assets/js/protoscript/prototype.js
type=text/javascript/script
script src=[(base_url)]assets/js/protoscript/scriptaculous.js
type=text/javascript/script
script src=[(base_url)]assets/js/jQuery/jquery.js
type=text/javascript/script
script src=[(base_url)]assets/js/jQuery/interface.js
type=text/javascript/script
script src=[(base_url)]assets/js/jQuery/jquery.corner.js
type=text/javascript/script
script type=text/javascript
// ![CDATA[
var $jquery = jQuery.noConflict();
$jquery.meta.setType(class);
// ]]
/script
!-- END ordered js section --
And here is my rounded corners calls:
!-- start --
script type=text/javascript
$jquery(document).ready(function() {
$jquery(#box).corner(round 20px);
$jquery(#banner).corner(bottom 20px).corner(top bevel);
$jquery(#header).corner(top 20px);
});
/script
!-- end --
And what I'm trying to do with prototype (this is just a basic example.
There are fancier ones:
!-- start --
div
div id=notme style=display:noneThis site is a feature demo site,
and it's contents
have NOT been endorsed by ECKANKAR or any of its affiliates. All ECK
terms on
this page and related pages are copyrights of ECKANKAR - Religion of the
Light and
Sound of God. /div br /
a href=javascript:void(0) onclick=”Effect.toggle('notme’, ’slide’);
return false”
style=text-decoration:noneDisclaimer/a /div
!-- end --
Now, when I load the page, the box corners are rounded, but the slide
effect will not.
If I disable the jQuery call, the slide effect works just fine.
Is there something I've left out?
wls wrote:
On Apr 23, 5:01 am, Sapphire [EMAIL PROTECTED] wrote:
Has anyone figured out how to make jQuery play nice with
prototype/scriptaculous?
Play nice... no. Get along... yes.
!-- THESE MUST GO FIRST AND IN THIS ORDER --
script src=javascript/prototype.js type=text/javascript/script
script src=javascript/scriptaculous.js type=text/javascript/
script
script src=javascript/jquery.js type=text/javascript/script
script src=javascript/metadata.js type=text/javascript/script
script type=text/javascript
// ![CDATA[
var $jquery = jQuery.noConflict();
$jquery.meta.setType(class);
// ]]
/script
!-- END ORDER SPECIFIC LIBRARY --
What I'm doing, and what seems to work so far, load prototype, then
third party libraries that are known to build off prototype directly,
then jQuery (which steals the $() function), load libraries that
require jQuery (like metadata), and then at the very last minute
unhook jQuery from the $() with .noConflict.
At that point I use $() for prototype and $jquery() for jQuery. It
isn't pretty, but the other library calls seem to handle things
famously.
-wls
http://www.wwco.com/~wls/blog/2007/04/04/understanding-jquery/
[jQuery] Re: library conflict
Think perhaps that jQuery rounded corners in one of those that needs to
be re-done, 'cos
no matter what order I call the libraries, whether I use
jQuery.noConflict() or not, it just
will not round the box corners.
The sole reason of trying to use prototype is cos of PeriodicalUpdater
which makes it easy
for me to loop a function. I say easy cos I'm not a coder. So if anyone
can point out a
jQuery-equivalent to PeriodicalUpdater, I'll just stick with jQuery for
all my js needs.
TIA
Mike Alsup wrote:
Kelly,
I assume that your code is jQuery based. The easiest approach is to
simply scope your code like this:
(function($) {
// your code here
})(jQuery);
This lets you write in typical jQuery style (using the $ symbol)
without worrying about collisions with other libraries. Most jQuery
plugins have been refactored to use this approach. However, as I
pointed our earlier, some older plugins still assume that $ == jQuery.
Thickbox is an older plugin that is known to rely on $ but Klaus
Hartl is currently rewritting it and a new and improved version will
be available soon(ish).
Mike
On 4/23/07, kerford [EMAIL PROTECTED] wrote:
I'd like to piggyback on this thread if I could. I'm writing for an
environment that may or may not have other libraries included in the
page. It's not something I can know beforehand. I also won't know in
what order libraries (if any) are loaded. What is the best, most
defensive approach to take for this kind of environment?
Thanks,
Kelly
