Thursday, June 26, 2008

Once again, I would like to thank Rúbel Mujica for his role in identifying and fixing the bug. I would also like to thank everyone else who has shown an interest in the Kwicks plugin and for all of your invaluable input!

85
comments:

Anonymous
said...

Hi Jeremy, its me MarcMe and my big mouth. Sorry it took longer than I expected. Especialy when more than one webdesigner is trying to create a homepage. Dont take a look at the html, js and css-code, its a disgrace for humankind. Naturally your code (kwicks) is the most tidy party of the page. Thanks again.The horizontal Accordian is herewww.bonvoyage-online.de and the vertical Accordian is atwww.bonvoyage-online.de/fernreisen/index.htmlOK the Accordians are bit laggy, but that is my mistake. I repeat the script from jeremy is not responsible the lag.If want you can use my site as acase-study.Thanks a again.with many kind regards from the country that drink to much beer and eat to many sausages.Marc Jansen

Hi Jeremy, are you on holiday or just overworked ? Well I just want to tell you, that my visitors are overwhelmed with the fading effect of kwicks. Like Apple say - "make a difference to the internet" - or how the buzz people put it - "monetarisation through WEB 2.0." - I will try to put script into as many homepages as posible.greating to you and your family from germany

Earth Controll to Major Tom ... sorry Major Jeremy. I am starting to worry, that something has happened to you. Is everthing OK ? I hope you and your family are well. No I should not be to concerned; you are probably on holiday or playing with your new iphone. But just give a sign that you are still there. Just Roger that. (pleeeaasssseee).The Kwick-effects on my page seems to result in more happy users / visitors. I can measure the amount of pages visited by a single user. Since i have installed your script, my visitor seem to visit more pages. Thanks again.with many concerned regards for good old germanyMarc Jansen

Mayday Mayday ... SOS .. Jeremy where are you? Have you forgoten your Blog-password ? You can leave an anonymous comment, to show that you are still living. Maybe you have got a job by microsoft and signed an agreement, saying that you will not waste your time with social open source codes. OK i will have to wait till you give the community a sign.Have a nice day yours sincerly Marc JansenJust want to thank you again for this fine piece of work.When I get my next payload, I will donate a few cents.

@MarcWell, it's nice to know that I'm so missed! But there's really no need for concern. My wife and I were in the middle of a move when we had a family member go to be with the Lord - the combination of which effectively brought most other areas of our lives to a screeching halt. Fortunately life is returning to a more typical modus operandi. I am hoping to get some work done around here again soon.

@AnonymousI'm sorry to say that no, that feature is not currently supported. However, I do like the sound of that behavior. I think that's a good candidate for the next release.

My condolences to the family, and I am so sorry to hear about this. :´-( May he/she rest in peace. Dont you neglect your family. The community can wait. (and your script is running perfectly, havent found any faults or errors yet). At the moment i am trying a few other jquery navigtion scipts, eg. like the apple slider. They hardly work anywhere or on any browser. So I appreciate a clean job, when I see one and your is diffently a masterwork (as it runs perfectly on every browser).Therefore take your time.with kind regards from GermanyMarc Jansen

Hi,Been looking for a JQuery implementation of Kwicks and this is by far the neatest.I know it should be enough that you've been kind enough to release this but I've got a question!Currently using Mootools at http://www.greenun.co.uk on the Homes / Drive / Jobs panel to reveal the details.I want to shift it to JQuery, but using your Kwicks the total height of the Kwicks is always constrained, as at http://dev.greenun.co.ukIs is it possible to remove this?

@JamesUnfortunately the Kwicks plugin is designed to always maintain its vertical / horizontal dimensions. Looking at the website and based on your description, I would suggest using the UI accordion plugin instead. Looking at the options, I would think that if you were to add the following options... active: false, alwaysOpen: false, autoHeight: false, event: "mouseover"...that you could achieve the desired effect.

at line 27 "container" variable doesn't defined with "var", so in internet explorer 7+, sometimes it throws an error ("Object doesn't support this method... etc."). After defining it with "var";var container = $(this);there is no problem.

Our site is live and works very well in IE and Firefox, but for some reason Safari occasionally spaces all of the kwicks way way far apart. I did make sure that our stylesheets appear before our script tags in the code, so I'm not sure what that problem is.

The issue appears fairly randomly in both Mac and Windows versions of Safari. A refresh tends to make the kwicks display correctly.

Do you have any suggestions for ways I can troubleshoot this?

Here is one of the pages that does it:http://presleydesignstudio.com/our-team.php

thansk a lot for your sweet plugin. Got it running so far, but cant find the reason for different rendering in firefox and IE 7. http://v2.mobilfunk-kaltofen.com works fine and as intended but IE7 create spaces between the 2rd to 4th menu item. It depends on the cursors moving speed. Maybe you got a clue whats going wrong.

I'm having trouble specifying the dimensions of the kwick container - it overrides anything set in the stylesheet and always comes out too wide, overlapping adjacent content... is there a way for me to force the width of the containing UL so that it's always a certain width (in this case 710px), and then get the kwick li elements to fall in line with this size with a minimum width setting?

Hello, Sometime ago I ran across your plugin and I now have an opportunity to implement in a project.

I've hit what seems to be a problem that I'm unable to work out. I have established a layout that displays and functions properly only in Firefox. In Safari and Chrome, the expected functionality only occurs after multiple refreshes. Let's not talk about IE and Opera.

I have noted that under your documentation for the plugin the "Special Considerations" that should be taken, with respect to parsing order of CSS.

I have in fact followed this advice which does have a positive affect but it seems that once the provided examples live within a more complex environment (the ul within more that just a single container), everything goes haywire.

I can replicate the examples successfully. However, once I place the parent container that holds the "ul" within a floated div, I begin to experience the trouble I'm referring to.

If the page does load properly, but then the user navigates to another page (maybe the contact page from my example, and then back...the layout is out of sorts and requires at least one refresh to restore. Not really what I want users to have to do.

I would suspect my trouble in Safari and Chrome boils down to the script executing prior to the CSS having loaded. I'm using the "$(document).ready() function" which should take care of this...at least I thought it would.

I'm not too sure what my troubles are in IE, and Opera...?

Wondering if you might be able to provide a nugget of info that might help out?

I'm having a width issue on my page. I'm trying to create a 4 item horizontal accordion. What ends up happening is the first tab is displayed correctly, then the second tab is displayed after the first, then they start moving backwards.

http://www.canadianexposures.com/

As you can see the 3rd and 4th tabs are overlaid over the 1st tabs content. If you mouse over one of them they all fall apart.

For some reason my ul width is getting set to a very small value (~200) when it should be more like 800.

This is a great plugin, cheers. Just found a quite odd bug. In IE (6 & 7) is you have an element called (with id) 'container' anywhere on your page you get an error, 'Object doesn't support this property or method'. I guess you need to rename your internal variable 'container' to something else. Otherwise, cheers for a top plugin ;)

hello jeremy,so many thanks for this plugin, i was in love with mootols but i'm using drupal intensively now, so i was looking for some way to reproduce " mootols kwicks" with jquery.Everything is working but i have a problem actually.I use to hide the element going to be used by a js via css, just to avoid it to be shown before the js works on it.So, i added a style rule in your js to add the "display:block" to the kwick's 'li' and a 'display:none' in the stylesheet for the li's.This works as expected in every browser i tested with(firefox 2,3 IE 6,7) but not in opera 9.6This breaks the kwicks 'ul' deadly and i can't see the reason why.Does it make sense to you?Thanks,Da.

Hey there! I love kwicks, it's perfect for what I have in my mind for my future website. The problem is, I'd like kwicks to work on a fluid width site and span from the left to right corner. Having to set the widths in pixels doesn't make this possible. Is there any solution to this? Thanks.

Hi Jeremy. Excellent plugin - I've already begun using using it on one of my sites! I would like to know if there is anyway to attach an additional custom function on mouseover? I would also like to slideToggle a menu item's associated div (located below it). Would this be possible? I have tried binding the function, but to no avail! much thanx!

Hi Jeremy,i am not sure if this has been reported already, but Kwicks 1.5.1 seems to have trouble with the word "container" in IE7. My page throws a weird javascript warning (the only persistent thing is line 12, character 252), exactly when there is a "div"-tag with id="container" present in the document. changing the id to something different already fixes the issue.As this is quite a common name for an id, you might want to change this ;)

When inserting block level elements inside the kwicks, when the movement brings them under the cursor the movement is not so smooth.I solved using the event "mouseenter" insted of "mouseover", which, btw, is the right event to use.Thx for the great script.

Hi JeremyThx for an awesome script! One queston though, is it possible to when "sticky" is set as "true" that the selected kwick stays fulled expanded? Mine stays selected but not expanded. I hope this makes sense.Joe

So I love the plugin and thought that it would work to spice up a menu I'm working on, but the problem is that the width is set for all the li elements and there is no way to set it for each one, like for the longer menu options, for me this varies from 50px to 150px. It would be nice if instead of setting the li width if the ul width could be set for the overall width and then the plugin checks the width of each li or even have each li explicitly checked. I think that either of the above options are doable. What do you think? Am I just crazy? ;)

@Dirk: you can make the original sticky Kwick remembered by adding kwicks.eq(o.defaultKwick).trigger(o.event); at the end of container.bind("mouseleave", function(), and of course remove the if clause before ;)

@Jeremy: great script, thanks a lot. Variable widths would indeed be a great enhancement for kwicks.

It seems that the plugin adds an extra 1-pixel left margin on the last kwick in Safari 3.1 (at least on Mac), IE6 and IE7 (Windows XP).In my case, I set spacing to zero but I can also see it on your example pages, e.g. http://www.jeremymartin.name/examples/kwicks.php?example=2

Not sure if anyone encountered this error "Object doesn't support this method" in the 'amazing' IE browserbut I found out that the problem occurs if we use a div id="Container"... the "Container" name is the problem... I renamed it to "Bucket" or some other name and it worked in IE... now it works IE, Firefox, Opera, etc. ;)

I just commented on the wrong blog post with this here, but as kudo mentioned above, the motion of the kwicks can be interrupted if they contain child elements. The expansion animation gets re-triggered, restarting the easing.

I think this may the "lag" Marc mentions in the first comment, as it's visible on that link.

I am new to the web design world and i am trying to use the kwicks plugin on a project i am working on. everything is working fine except for on the initial load. when you open the page for the first time or clear the cache, some of the information that is hidden appears until the page fully loads. i notice that other sites using kwicks don't have this problem. what am i doing wrong? you can find my page at www.schmidlefamily.com/timeline/history2.html. Any help would be greatly appreciated.

I had a few teething problems with 1.5.1 in the beginning due to the 2 bugs first mentioned by kara and andyflan here. Since then it has been all smooth sailing.

Considering both of these bugs affect IE6/7, do you think it's time for a bug fix update to the module?

I'd hate for new users of your module to find these issues and have to sift through all 40+ messages on your blog just to find the solution. Especially for those who don't have the technical know-how or time to make the changes to the code.

Found a BUG in v 1.5.1: if you have multiple instances (.kwicks) each with different number of items (li), all instances get rendered with the last instances dimensions (o.min/o.max). which looks wiered for the ones with more items.

Also if the 1st instance has several items(li) and the 2nd instance has only 1 item (li) you get an IE "Invalid Argument" this is due to the (preCalcLoTs variable):

Is it possible or can anyone tell me how to make kwicks jump to defaultKwick on mouse out? I'm using it for language selection and on hover text is shown but kwicks just stays on last hovered item and I'd like it to return to selected language, which is defaultKvick.

Hi Jeremy. First let me say that I love the plugin. Thanks for all of your hard work.

I may have found a bug with Firefox, however. Although it could be something I'm doing wrong.

I've modified the code to no longer be based off of a menu format. What I'm trying to achieve is an element that sort of slides out from the sides of the page (left and right sides).

I've got the code working fine in safari, but in Firefox, when the div slides out from the left, the background image doesn't stick to the right. Instead, it goes away and pops up when the div has reached the max width.

Hi Jeremy. Although your examples for version 1.5.1 work flawless in IE7+, I could not be able to work on my page, so I changed line 16:container = $(this);tovar container = $(this);now I can run kwicks after two hours of tremendous work.Maybe that helps for future releases, good job.

It's a really nice tool!The only thing I'm missing is: how to have several kwicks with several imgs? right now you've defined 4 images in your examples, but if I would have a page with more the 4 images then I would have a loooong css with a lot of declaration for each image. Isn't it?

I have used a jquery to collapse tab's div , But i don't want to be open all div together, i mean once click on a graphics design tab it will open it's hidden div, same time i click on the other tab, but now this time the other opened div should be closed automatically, actually i am not so smart in jquery so could you please help me ?& how can i implement kwicks in this code. Please hep me to code this.bug url:http://filippoboutique.0catch.com/jquery/index.html

Hi Jeremy,Thanks for your outstanding pack, it's so great!But I have problem when using it vertically in IE!Please download my sample work from HERE.If you see this page in FireFox or Google Chrome, it's aligned in center and works fine, but in InternetExplorer it is not centered!Plaese hlp me on this.

Hey Jeremy,Love Kwicks.Having a bit of difficulty with the hover event. Everytime I roll over kwicks 2-8 they slide left. I have a zipped pack of the files. Wondering if you could help. My email is.mail@firepilotmedia.com

Excellent script and have everything working really well. I've used Kwicks to set up an accordion-style home page where each click opens/reveals a different panel.

I've also got separate content for the closed and open versions of the panel which works lovely.

The only problem is that I would like the "open" content to appear only after the animation is complete to avoid the staggering of text and content into view.

I have looked through the kwicks code but am not savvy enough to find out how to do this on my own.

Could you give me an idea of how I might get the inner content of the kwicks panel to be hidden until the animation is complete (and then perhaps, fadein at a certain duration, or even just a simple "show").

Appreciate your work on this plugin.

Oh, for an example of where they have a similar working version of it fading in, please visit Vpro.nl.

First of all, great widget. It is so effective and really catches peoples attention, so thanks for all your work.

I seem to be having a problem. For no reason the accordion has stopped working on IE but still works fine in Firefox. We are using your latest release and we have not touched any of the files for ages so I can;t for the life of me understand what has gone wrong.

Another user of Kwicks seems to be having the same issue (check out http://activeden.net/forums/thread/jquery-kwicks-problem-in-ie/29523)

Any chance you could show me how to add this ( http://devinrolsen.com/wp-content/themes/typebased/demos/css/vertical-menu/WORKS.html ) onto Kwicks Example 3?

I've been trying for a day or so now, and I can't figure out why they don't work together. I've gotten it to work somewhat: it pops out the submenu to the side, but the submenu is cut off, as if the overflow or whatever is hidden, but removing overflow:hidden from .kwicks li {} doesn't fix it.

I'm thinking it must come from the jquery.kwicks-1.5.1.js code, which I'll have to look over and understand in order to fix this, which might take forever, and I'm hoping you could point out the problem or show me how to fix it without much effort.

Any help would be appreciated, but in the meantime, I'll be banging my head on my desk trying to fix it. :D

But, I have had a few IE bugs (surprise right?... everything works fine in Safari/Chrome/Firefox).

First, the container problem at line 27 isn't fixed in IE8...but as others have pointed out its solved easy enough by adding 'var' before container

New IE bug (I think?):

This one is stranger, and I don't know exactally what caused it. After i fixed the container problem everything seemed to work fine. (I'm working with a word press theme by the way). Then when I went to a subpage, the kwicks broke.

The error was at character 695 on the compressed file, or on line 54 in the full file in the "for" loop--the "j" variable.

It seems that this is solved easily enough by adding "var" in front of the variable j.

Hi there!I have strange problem with kwiks. realy don't know if it's a kwiks problem or not...On the page I have Header made with kwick, and I have Gallery wich is made with Google PWI - it's taking the pictures from the Picasa album... both are using the same jquery.min.js ver. 1.4.2.It's work great on Chrome, opera, mozila but Explorer (any ver)when you open the page with Gallery PWI - kwiks and Gallery does not works. Explorer gives me an error:

For not static sites such as wordpress based ones, there is an error in the code.I don't know if this has been shared but might be of help: http://themeforest.net/forums/thread/jquery-kwicks-problem-in-ie/29523

Congratulations on the project!One would like to help, I was wondering how this change was made in your code to have the effect of the site below:http://images.livedemo00.template-help.com/wt_34185/I noticed that your code has changed, but I do not know how to make this change. The change was made upon the second example: http://www.jeremymartin.name/examples/kwicks.php?example=2I would be grateful for this help and again congratulations on the success of the project.

Hi Jeremy, do you know an can explain to me, if there´s a solution to have the defaultKwick and expand back to the initial state there when my courser mouse leaves the kwick div area? I don´t know how it works...

My wife and I were in the middle of a move when we had a family member go to be with the Lord - the combination of which effectively brought most other areas of our lives to a screeching halt. Fortunately life is returning to a more typical modus operandi. I am hoping to get some work done around here again soon.

I saw the Kwicks slider in action and had to have it on my site... The only issue is I am beyond a noob and don't know where to start.

I have the module installed on my drupal site using the "creative" them by "themforest". I have the block and module enabled and the block placed where I want it in the drupal theme.

Then I get to the problem. What do I do now? I don't know how to add the images I want to take me to other pages, or set up anything other than the block settings. I realize this is probably a stupid question, and I always google my questions before asking them, but Google does not have a single walk through on installing this. I would love this explained for an idiot such as myself. Any help would be greatly appreciated.

Hi Jeremy, I love your project!! It works great in every browser except for IE9. For right now I forced compatibility with it for IE8.Is there a new release coming soon? Thank you for sharing your great project.

Hi Jeremy, I love the kwicks control, but wanted to let you know that it wasn't working in IE7 and IE8. I found the solution here: http://themeforest.net/forums/thread/jquery-kwicks-problem-in-ie/29523

hey your kwicks is very intresting.i have used you kwicks (kwicks-custom with jquery_002) in a site. it looks good.but in ipod/ipad/mobile when we view full site(Link at the footer for ipod/mobiles) it is harder to change the section of kwicks.so i thought to put a close button at the open section of kwicks so that, on click the kwicks would go to its orignal state.but i could not figure it out how to do that so it would be greatness of yours that if you could help me.you can check the website at: www.shankerhotel.com.np for desktopand www.shankerhotel.com.np/mhome for mobiles/ipods..you can directly contact to me @: fearless_rabin@yahoo.com

Hello, first thanks for your nice script.I have only a little question. In a horizontal kwicks the first li sticks to the left and expands to the right but the last on the right doesn't sticks to the right. It expands from right to left. Any way to stick it to the right, so that the last li is in the right corner and expands to the left? Hope its clear. Regards, Michael