Page 1 of 2

Horizontal JavaScript Accordion Updated ***28/05/12***

Posted: Sat Oct 17, 2009 5:19 pm
by BaconFries
Updated ***28/05/12***
To fix a small bug noted by me.prosenjeet this should now resolve issue with width.
***Update 04/12/11***
Meets W3C Standards Image Image
Built with Extension Builder 2.6.0

Image

This is a new version of jon.plattens Sliding Menu Ext ( accordion) I have just made it so users can add as many or as little images as they need for there menus. You can see jons version here
viewtopic.php?t=13765&postdays=0&postorder=asc&start=0

This versatile horizontal accordion script can be used for menus, images, presentation content and more. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.

© 2011 Scriptiny. All Rights Reserved

Authors site:
*** Link removed on request of web master ***

Meets W3C Standards Image Image

Extension can now be downloaded from the Extension Manager in WB7/8

Posted: Wed Oct 21, 2009 2:55 pm
by Eddy
users can add as many or as little images as they need for there menus
Well done ,very nice update.
thanks :wink:

Posted: Wed Oct 21, 2009 9:38 pm
by BaconFries
:D Thanks Eddy had read some user needed to add more menus that jons so I thought I just update it a little...

Posted: Wed Oct 21, 2009 10:15 pm
by zinc
As ever you rock BF!!!! :D

Posted: Wed Oct 21, 2009 10:18 pm
by BaconFries
Thx b it just a small update to jons original extension might be useful to some users ...

Posted: Mon Oct 26, 2009 1:33 pm
by jordan
very nice update BaconFries . :D .

but height isn't working . pliooOse a fix BaconFries . :( . :D .

Posted: Mon Oct 26, 2009 4:29 pm
by BaconFries
Will get this sorted and updated later tonight.... :D

Posted: Tue Oct 27, 2009 1:53 pm
by jordan
tnx BaconFries no hurry . :D .

Posted: Tue Oct 27, 2009 2:42 pm
by BaconFries
***27/10/09***
Update download available in first posting thx jordan for pointing out the height wasnt working...Incase anyone asks about changing width I have left this to the default I did make this a variable but it made the images dissapear of page it you set the width higher than the default

Posted: Wed Oct 28, 2009 12:37 am
by jordan
great BaconFries . thank you . :D .

Posted: Mon Dec 14, 2009 10:13 pm
by BaconFries
No you didnt do anything wrong from what I know of script and the code behind it this is by design by the original author... the only difference between my build and jons is I have made is possible to add more than six images other than that they both work the same way

Posted: Mon Dec 14, 2009 11:03 pm
by BaconFries
I dont think so the url you gave is the same menu as jons and mine but it uses a different js file to control the slider effects....at the time I only improved on jons by allowing users to add more than six images as it was requested by a few users...

Posted: Tue Dec 15, 2009 12:40 am
by BaconFries
***Updated 15/12/09***
Updated to allow the user the choice of two style as is available from authors site ...Image

Posted: Tue Dec 15, 2009 3:15 pm
by Eddy
MP3Player wrote:Bacon have a look at this site http://www.scriptocean.com/accordion.html.


It seems promising and easy to use.
I'm going to try this and see if it works !

Franky
You have to buy the scripts /software from scriptocean.

Posted: Sun Dec 27, 2009 2:39 am
by BaconFries
***Updated 27/12/09***
Meets W3C Standards Image Image
Built with Extension Builder 2.0.2

Posted: Thu Feb 25, 2010 2:34 pm
by misterjones
HI BF

What am I doing wrong?

When I upload the images and preview the site they are stacked vertically on top of each other. Check it out here www.visualexample.co.za/AccordianMenu.html

I have no Idea why.

Posted: Thu Feb 25, 2010 6:29 pm
by BaconFries
Are you sure that you are using my version of the extension and not jon.plattens version from your page HTML I can tell that you are not using my version of the extension...
From my extenion the code looks like this
<script type="text/javascript">
window.onload = function()
{
slideMenu.build('sm',200,10,10,1)
}
</script>
<ul id="sm" class="sm">
<li><a href=""><img src="images/a.gif" alt="" /></a></li>
<li><a href=""><img src="images/b.gif" alt="" /></a></li>
<li><a href=""><img src="images/c.gif" alt="" /></a></li>
<li><a href=""><img src="images/d.gif" alt="" /></a></li>
<li><a href=""><img src="images/e.gif" alt="" /></a></li>
<li><a href=""><img src="images/f.gif" alt="" /></a></li>
</ul>
From your Page jon.plattens
<div id="wb_Extension1" style="position:absolute;left:0px;top:0px;width:1023px;height:200px;z-index:0;" align="left">
<body onload="slideMenu.build('SM',200,10,10,1)">
<ul id="SM" class="SM">
<li><a href=./BPT.html><img src="a.gif" alt="" border="0"/></a></li>
<li><a href=./Bathusi.html><img src="b.gif" alt="" border="0"/></a></li>
<li><a href=./Joest.html><img src="c.gif" alt="" border="0"/></a></li>
<li><a href=./Mekan.html><img src="d.gif" alt="" border="0"/></a></li>
<li><a href=#><img src="e.gif" alt="" border="0"/></a></li>
<li><a href=#><img src="f.gif" alt="" border="0"/></a></li>
</ul>
Demo of it working using my extension
http://justtesting123.comuf.com/slide/index.html

Posted: Fri Feb 26, 2010 6:13 am
by misterjones
Thanks BF

I downloaded both but only installed the one, sorry for wasting your time.

But you always come to the fore ol' chap. Thanks again

Posted: Fri Feb 26, 2010 12:16 pm
by BaconFries
Nah no time wasted if I can help I will always try to :D

Horizontal JavaScript Accordion - Update needed for WWB7?

Posted: Mon Oct 25, 2010 4:47 am
by amrajadhyaksha
Hi, this extension worked well in WWB 6.x, seems to have a problem with WWB 7.
Instead of sliding out horizontally as they did, the images just left align one below (or above) another. No movement.
Any update called for?

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Mon Oct 25, 2010 10:59 am
by BaconFries
No update required as I have just tested in WB7 and works aa it should...
1. Are you using with any other scripts on page??
2. Does it work in preview?
3. If if works in preview and not when you publish then there are files missing from upload.
4. Check that you have uploaded all files needed to server as this is usually the case that it displays as you mentioned if files are missing...

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Mon Oct 25, 2010 7:32 pm
by amrajadhyaksha
Thanks, B F.

It was a preview I was talking about. Since it did not behave at the preview stage itself, I stopped there.
Now it has behaved well in preview in FF 3.6.11 but not so well in IE 6 and 8.
It did get into an accordion but the sliding behavior was erratic and jerky.
Let me check what I did wrong.

BTW, did not find a forum to ask this: Is there a WWB 7 Premium Edition? What's the cost and what's the difference?

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Mon Oct 25, 2010 8:41 pm
by BaconFries
Ok I have just tried again using IE6/7/8..FF, Opera, Chrome, Safari and it seems to work fine...are you using the latest version of WB7?? also are you sure that you are using my version of the extension??? as there is two versions available there is this version url below this does not work in WB7 as it was made with a older version of the extension builder
viewtopic.php?t=13765
This is my version..
viewtopic.php?t=23200

Regarding your question on WB7 WYSIWYG Premium this version is supplied by the German site there is no difference in the program at all apart from getting it supplied on a CD and getting supplied with the commercial extension that Goemo makes....you can read more here if you understand german
http://www.wysiwygwebbuilder.de/bestellen.html

Again if I can help I will I may have to recompile my extension with the latest builder and see if that helps but as I have mentioned I dont have any issues my self...

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Tue Oct 26, 2010 3:38 am
by amrajadhyaksha
Thanks for the painstakingly detailed reply, BF.

I have the latest version, 7.2.1. Running on Win XP Pro, if that makes any diff.
I have followed your instructions and also noted a mistake I was making.
BTW, what can be the max Slide Menu Width( space exposed by sliding), Max Slide Menu Height and the Max Width of the entire menu?
My panels are 994 px X 300 px. No problems with the height, but the max width of the entire menu shown in the browser (preview, IE 6 and 8, FF) is 450 px only.
Slide Menu Width can also go up to 450px, cannot say go beyond that as the entire width of the panel (994 px).
Upto this width of the entire menu (450 px), it works like a charm, with both js styles working perfectly.

Can you throw some light on how to get the full length of the panel?

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Tue Oct 26, 2010 3:46 am
by amrajadhyaksha
And yes, thanks about the info re: GOEMO's Premium Edition.

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Tue Oct 26, 2010 3:07 pm
by BaconFries
I will look and see what can be done about the width and post any findings it maybe that this is the limitation of the script used and if this is the case I dont think much can be done to fix it...

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Tue May 17, 2011 4:42 pm
by Adendum
Baconfries,

I was always told if you don't ask you don't get.

So here's the ask....could I get a copy of your extension builder file for this extension so I can better understand how to use extension builder. And if I may e so bold, when I start to build my own horizontal accordion would you mind if I contacted you if I hit problems?

:)

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Tue May 17, 2011 5:27 pm
by BaconFries
Hi ok no probs how can I contact you through one of your sites??

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Tue May 17, 2011 5:40 pm
by Adendum
BaconFries wrote:Hi ok no probs how can I contact you through one of your sites??
Nice one Baconfries. Yeah I guess so as there doesn't appear to be a PM option in this forum (??). Use my own site's contact page ..........ahh, but there's no upload or file send facility. Use the contact form and I'll email you back so you have my email address. Bit long winded....why no PM facility?

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Tue May 17, 2011 5:51 pm
by BaconFries
Hi PM's were disabled due to many users miss using, they were breifly enabled for a short period but were turned off again...I will be in touch...

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Tue May 17, 2011 5:52 pm
by Adendum
Baconfries,

Many thanks.

Sad news about the PM abuse. What a waste.

Paul

Re: Horizontal JavaScript Accordion Updated ***27/12/09***

Posted: Sun Jul 17, 2011 5:45 pm
by BaconFries
Yes you can use as many as you wish, but you must use the same javascript on each page used...you cannot mix them...
Examples
page1.html =slidemenu.js page2.html=slidemenu.js
accept.png
page1.html =slidemenu.js page2.html=slidemenu2.js
cross.png

Re: Horizontal JavaScript Accordion Updated ***04/12/11***

Posted: Sun Dec 04, 2011 9:11 pm
by BaconFries
Updated ***04/12/2011***
Extension can now be downloaded from the Extension Manager in WB7/8

Re: Horizontal JavaScript Accordion Updated ***04/12/11***

Posted: Sat May 19, 2012 5:48 pm
by me.prosenjeet
Bacon,

As I try this extension. I use images of size 960X350. I set the same in the menu size but on preview on IE, FF and Chrome I see a much smaller display (about 450 px). No matter what width I try the display remains same. Can you please help.

Re: Horizontal JavaScript Accordion Updated ***04/12/11***

Posted: Wed May 23, 2012 1:19 pm
by me.prosenjeet
Bacon,
I am still waiting for your response :cry:

Re: Horizontal JavaScript Accordion Updated ***04/12/11***

Posted: Wed May 23, 2012 4:05 pm
by BaconFries
From read another post I assumed that you had decided to just use another extension so I left it at that...I will try to answer you when I get a look at the extension and let you know.

Re: Horizontal JavaScript Accordion Updated ***04/12/11***

Posted: Wed May 23, 2012 4:08 pm
by me.prosenjeet
Thanks Bacon, I will wait for your reply

Re: Horizontal JavaScript Accordion Updated ***04/12/11***

Posted: Fri May 25, 2012 11:08 am
by BaconFries
@me I havent forgot you :oops: ....just been busy working on new extensions :D to test this but will do this, this afternoon...

Re: Horizontal JavaScript Accordion Updated ***04/12/11***

Posted: Mon May 28, 2012 7:46 am
by BaconFries
Hi me ok I have seen what the issue is, there is two width settings for the menu, one is for the width of the menu and one is for the images, I will make a fix for this, this afternoon as I am on my way out for a few hours...thanks for pointing this out.

Re: Horizontal JavaScript Accordion Updated ***28/05/12***

Posted: Mon May 28, 2012 3:23 pm
by BaconFries
Updated ***28/05/12***
To fix a small bug noted by me.prosenjeet this should now resolve issue with width.

Re: Horizontal JavaScript Accordion Updated ***28/05/12***

Posted: Mon May 28, 2012 3:58 pm
by me.prosenjeet
BaconFries wrote:Updated ***28/05/12***
To fix a small bug noted by me.prosenjeet this should now resolve issue with width.
Thanks Bacon,

Nothing new...as usual....you remain a darling! :D

Re: Horizontal JavaScript Accordion Updated ***28/05/12***

Posted: Tue May 29, 2012 8:12 am
by me.prosenjeet
Bacon,
I have sent you a mail regarding the issue I mentioned some time back with this extension. I have attached a project file for you to see what I am doing wrong. Even after updating to the new version of the extension, images of dimention 960 X 400 do not show properly and the preview display width is still about 450 px. Please go through my mail and do the needful.
Thanks again.

Re: Horizontal JavaScript Accordion Width issue

Posted: Tue May 29, 2012 10:35 am
by amrajadhyaksha
This issue exists.
I too had pointed this out long ago and BF had replied that it could be an intrinsic limitation of the code.
Would be great if it can be now overcome.

Re: Horizontal JavaScript Accordion Updated ***28/05/12***

Posted: Tue May 29, 2012 11:52 am
by BaconFries
The extension has been updated, please enure that you are using the "latest" version, I have the extension installed and have used the images that me supplied in his email to me and I can find nothing wrong. I would suggest tha you remove all version that you have installed the reinstall the extension via the extension manager.

Re: Horizontal JavaScript Accordion Updated ***28/05/12***

Posted: Tue May 29, 2012 12:08 pm
by me.prosenjeet
Thank you Bacon,

It works fine now. I didnt know I had to uninstall the old one and install the new one.What I did was upgrading the old extension.

However, I see you probably missed adding the ID in this one (if I remember correctly, the earlier one had an ID so users could add more sliders if they want.

Re: Horizontal JavaScript Accordion Updated ***28/05/12***

Posted: Tue May 29, 2012 12:12 pm
by BaconFries
No this was removed intentionaly as this id is not related to to how many you can use, it was more to how the script used the javascript.