Hi,

I would like to expand items on hover instead of on click.

I have a view with news items (headline, teaser). I would like to expand the item when hovering over the headline and take the user to the node on click. Is there a way to change the views-accordion.js to achieve this?

Great module! Thanks
Joe

CommentFileSizeAuthor
#1 views_accordion-647106.patch12.45 KBmanuel garcia

Comments

manuel garcia’s picture

Version: 6.x-1.2-rc2 » 6.x-1.x-dev
Component: User interface » Code
Category: support » feature
Status: Active » Needs review
StatusFileSize
new12.45 KB

You would have to hack the module's js file for this to happen.

It could be doable as a new feature, although it gets messy for the user experience of someone using the accordion, if not implemented with hover intent or similar.

I have made an attempt at it, but it is not going to be commited. This is a feature I don't think many need, and to implement properly, it would require lots more code and thinking, specially in the JS file, to do properly, or require the hover intent plugin etc etc.

Perhaps for d7 we'll move to using the jquery ui accordion plugin (which is is in core now), rewrite the whole module, and try to use every functionality the plugin offers.

So for now, you are welcome to test this patch (against the latest dev), and see what I mean.

If someone steps up to the challenge and works on this enough, it may be commited for d6. Or if someone wants to sponsor this feature, talk to me and we'll get it done.

joetronico’s picture

The patch does exactly what I need. Excellent!

I tested on IE6/7, FF, Safari. Looks good. I have also tried to apply the patch to the latest release version 6.x-1.2 and everything was working as well.

Many thanks Manuel. Great stuff

manuel garcia’s picture

Yes, currently dev and 1.2 are the same.

Be careful if you are using this patch on a production site. I dont think it will be included in the next version of the module, unless someone steps in and gives us a hand (or sponsors the feature), so when you next update views_accordion, it will not keep this hover functionality.

inst’s picture

Title: Expand item on hover » Layout the accrodion header
Version: 6.x-1.x-dev » 6.x-1.3
Assigned: Unassigned » inst
Category: feature » support
Status: Needs review » Active

Hi,
I´m using the great accoredion module and it works fine. To create an event list, I want to combine an image with date/details/... in the acordion header. This works too but I want to control the position of the image. That means I want to have the image on the left and the porgaminformations on he right.

thanks for any hint.-

best wishes.-

frank

manuel garcia’s picture

Title: Layout the accrodion header » Expand item on hover
Version: 6.x-1.3 » 6.x-1.x-dev
Assigned: inst » Unassigned
Category: support » feature
Status: Active » Needs work

inst:
1. Do NOT highjack issues for your own issue. DO create a new one if you need to.
2. You can do that with just CSS. Learn about float: left; etc.

manuel garcia’s picture

Status: Needs work » Closed (won't fix)

Setting this to won't fix for now, unless people chip in time or sponsorship.