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

BaconFries · Post by **BaconFries** » Sat Oct 17, 2009 5:19 pm

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

Built with Extension Builder 2.6.0

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

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

Eddy · Post by **Eddy** » Wed Oct 21, 2009 2:55 pm

users can add as many or as little images as they need for there menus

Well done ,very nice update.
thanks

BaconFries · Post by **BaconFries** » Wed Oct 21, 2009 9:38 pm

Thanks Eddy had read some user needed to add more menus that jons so I thought I just update it a little...

zinc · Post by **zinc** » Wed Oct 21, 2009 10:15 pm

As ever you rock BF!!!!

BaconFries · Post by **BaconFries** » Wed Oct 21, 2009 10:18 pm

Thx b it just a small update to jons original extension might be useful to some users ...

jordan · Post by **jordan** » Mon Oct 26, 2009 1:33 pm

very nice update BaconFries .

.

but height isn't working . pliooOse a fix BaconFries .

.

BaconFries · Post by **BaconFries** » Mon Oct 26, 2009 4:29 pm

Will get this sorted and updated later tonight....

jordan · Post by **jordan** » Tue Oct 27, 2009 1:53 pm

tnx BaconFries no hurry .

.

BaconFries · Post by **BaconFries** » Tue Oct 27, 2009 2:42 pm

***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

jordan · Post by **jordan** » Wed Oct 28, 2009 12:37 am

great BaconFries . thank you .

.

BaconFries · Post by **BaconFries** » Mon Dec 14, 2009 10:13 pm

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

BaconFries · Post by **BaconFries** » Mon Dec 14, 2009 11:03 pm

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...

BaconFries · Post by **BaconFries** » Tue Dec 15, 2009 12:40 am

***Updated 15/12/09***
Updated to allow the user the choice of two style as is available from authors site ...

Eddy · Post by **Eddy** » Tue Dec 15, 2009 3:15 pm

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.

BaconFries · Post by **BaconFries** » Sun Dec 27, 2009 2:39 am

***Updated 27/12/09***
Meets W3C Standards

Built with Extension Builder 2.0.2

misterjones · Post by **misterjones** » Thu Feb 25, 2010 2:34 pm

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.

BaconFries · Post by **BaconFries** » Thu Feb 25, 2010 6:29 pm

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

misterjones · Post by **misterjones** » Fri Feb 26, 2010 6:13 am

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

BaconFries · Post by **BaconFries** » Fri Feb 26, 2010 12:16 pm

Nah no time wasted if I can help I will always try to

amrajadhyaksha · Post by **amrajadhyaksha** » Mon Oct 25, 2010 4:47 am

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?

BaconFries · Post by **BaconFries** » Mon Oct 25, 2010 10:59 am

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...

amrajadhyaksha · Post by **amrajadhyaksha** » Mon Oct 25, 2010 7:32 pm

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?

BaconFries · Post by **BaconFries** » Mon Oct 25, 2010 8:41 pm

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...

amrajadhyaksha · Post by **amrajadhyaksha** » Tue Oct 26, 2010 3:38 am

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?

amrajadhyaksha · Post by **amrajadhyaksha** » Tue Oct 26, 2010 3:46 am

And yes, thanks about the info re: GOEMO's Premium Edition.

BaconFries · Post by **BaconFries** » Tue Oct 26, 2010 3:07 pm

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...

Adendum · Post by **Adendum** » Tue May 17, 2011 4:42 pm

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?

BaconFries · Post by **BaconFries** » Tue May 17, 2011 5:27 pm

Hi ok no probs how can I contact you through one of your sites??

Adendum · Post by **Adendum** » Tue May 17, 2011 5:40 pm

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?

BaconFries · Post by **BaconFries** » Tue May 17, 2011 5:51 pm

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...

Adendum · Post by **Adendum** » Tue May 17, 2011 5:52 pm

Baconfries,

Many thanks.

Sad news about the PM abuse. What a waste.

Paul

BaconFries · Post by **BaconFries** » Sun Jul 17, 2011 5:45 pm

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

BaconFries · Post by **BaconFries** » Sun Dec 04, 2011 9:11 pm

Updated ***04/12/2011***
Extension can now be downloaded from the Extension Manager in WB7/8

me.prosenjeet · Post by **me.prosenjeet** » Sat May 19, 2012 5:48 pm

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.

me.prosenjeet · Post by **me.prosenjeet** » Wed May 23, 2012 1:19 pm

Bacon,
I am still waiting for your response

BaconFries · Post by **BaconFries** » Wed May 23, 2012 4:05 pm

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.

me.prosenjeet · Post by **me.prosenjeet** » Wed May 23, 2012 4:08 pm

Thanks Bacon, I will wait for your reply

BaconFries · Post by **BaconFries** » Fri May 25, 2012 11:08 am

@me I havent forgot you

....just been busy working on new extensions

to test this but will do this, this afternoon...

BaconFries · Post by **BaconFries** » Mon May 28, 2012 7:46 am

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.

BaconFries · Post by **BaconFries** » Mon May 28, 2012 3:23 pm

Updated ***28/05/12***
To fix a small bug noted by me.prosenjeet this should now resolve issue with width.

me.prosenjeet · Post by **me.prosenjeet** » Mon May 28, 2012 3:58 pm

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!

me.prosenjeet · Post by **me.prosenjeet** » Tue May 29, 2012 8:12 am

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.

amrajadhyaksha · Post by **amrajadhyaksha** » Tue May 29, 2012 10:35 am

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.

BaconFries · Post by **BaconFries** » Tue May 29, 2012 11:52 am

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.

me.prosenjeet · Post by **me.prosenjeet** » Tue May 29, 2012 12:08 pm

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.

BaconFries · Post by **BaconFries** » Tue May 29, 2012 12:12 pm

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.

www.wysiwygwebbuilder.com

Horizontal JavaScript Accordion Updated 28/05/12

Horizontal JavaScript Accordion Updated 28/05/12

Horizontal JavaScript Accordion - Update needed for WWB7?

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 27/12/09

Re: Horizontal JavaScript Accordion Updated 04/12/11

Re: Horizontal JavaScript Accordion Updated 04/12/11

Re: Horizontal JavaScript Accordion Updated 04/12/11

Re: Horizontal JavaScript Accordion Updated 04/12/11

Re: Horizontal JavaScript Accordion Updated 04/12/11

Re: Horizontal JavaScript Accordion Updated 04/12/11

Re: Horizontal JavaScript Accordion Updated 04/12/11

Re: Horizontal JavaScript Accordion Updated 28/05/12

Re: Horizontal JavaScript Accordion Updated 28/05/12

Re: Horizontal JavaScript Accordion Updated 28/05/12

Re: Horizontal JavaScript Accordion Width issue

Re: Horizontal JavaScript Accordion Updated 28/05/12

Re: Horizontal JavaScript Accordion Updated 28/05/12

Re: Horizontal JavaScript Accordion Updated 28/05/12