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

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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
Last edited by BaconFries on Mon Nov 29, 2010 8:08 pm, edited 6 times in total.
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

users can add as many or as little images as they need for there menus
Well done ,very nice update.
thanks :wink:
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post 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...
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

As ever you rock BF!!!! :D
Running WYSIWYG Web Builder since 2007...
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Thx b it just a small update to jons original extension might be useful to some users ...
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

very nice update BaconFries . :D .

but height isn't working . pliooOse a fix BaconFries . :( . :D .
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Will get this sorted and updated later tonight.... :D
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

tnx BaconFries no hurry . :D .
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post 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
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

great BaconFries . thank you . :D .
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post 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
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post 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...
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

***Updated 15/12/09***
Updated to allow the user the choice of two style as is available from authors site ...Image
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post 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.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

***Updated 27/12/09***
Meets W3C Standards Image Image
Built with Extension Builder 2.0.2
User avatar
misterjones
 
 
Posts: 18
Joined: Sat Aug 09, 2008 11:50 am
Location: South Africa
Contact:

Post 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.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post 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
User avatar
misterjones
 
 
Posts: 18
Joined: Sat Aug 09, 2008 11:50 am
Location: South Africa
Contact:

Post 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
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Nah no time wasted if I can help I will always try to :D
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Horizontal JavaScript Accordion - Update needed for WWB7?

Post 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?
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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...
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

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

Post 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?
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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...
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

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

Post 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?
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

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

Post by amrajadhyaksha »

And yes, thanks about the info re: GOEMO's Premium Edition.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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...
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

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

Post 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?

:)
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post by BaconFries »

Hi ok no probs how can I contact you through one of your sites??
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

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

Post 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?
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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...
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

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

Post by Adendum »

Baconfries,

Many thanks.

Sad news about the PM abuse. What a waste.

Paul
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post by BaconFries »

Updated ***04/12/2011***
Extension can now be downloaded from the Extension Manager in WB7/8
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

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

Post 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.
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

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

Post by me.prosenjeet »

Bacon,
I am still waiting for your response :cry:
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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.
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

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

Post by me.prosenjeet »

Thanks Bacon, I will wait for your reply
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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...
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post by BaconFries »

Updated ***28/05/12***
To fix a small bug noted by me.prosenjeet this should now resolve issue with width.
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

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

Post 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
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

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

Post 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.
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Re: Horizontal JavaScript Accordion Width issue

Post 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.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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.
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

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

Post 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.
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

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