Is this possible.

[brynj]

I would like a drop down list a user can select from and based on that selection an image is displayed - There will be about 40 items in the list.

Each selection would have a different image associated.

I understand I can add multiple images and hide them all but how, or what is the best way to create a drop down list and then unhide the associated image until another selection is made.

I can make a list using the 'Drop List' option - but if I try to show the image 'onclick' nothing is shown. Even if this worked I guess it would be a massive job this way as for each entry I would have to hide all the other entries against each selection. ( I am using LayoutGrid with two columns, one for the list and the other for the image.)

Thanks

NOTE: the image shows I selected 'onDrop' but I was experimenting with different options other than 'OnClick' but without success.

https://e.pcloud.link/publink/show?code ... z0az2xevGk

UPDATE: I may have found a possible solution - using 'DropDown Menu' seems to work - still interested in a better solution if possible.

[alan_sh]

Have a look at the go menu and display the image linked in an inline frame. I am sure I've done that in the past.

Alan

[crispy68]

I would use a carousel and control the carousel via a menu event.

The issue is, I don't believe you can use a drop list for this. Although it allows you to add an event, I can't get it to fire a javascript event onclick. So, I'm not sure it can be used in this case (could be wrong here unless an onchange event can be used but its not an option).

Other menus that allow events may work (responsive, css menu, etc). Not sure which one of those you like. Unfortunately, the go menu does not have an option for events.

Let me know what other menu you would want to use and I could put a demo together.

update: Unless Pablo, can give direction on how to use a droplist within WB to fire an onchange event, I have written some javascript code that will work. I could maybe make it into a simple extension if that helps.

[brynj]

Thanks guys.

Firstly, I managed to start a solution last night and came up with this (demo) ...

https://e.pcloud.link/publink/show?code ... LvxJQ5Gp4X

Obviously a lot more work to do but it seems to do what I need although I did see the 'clone' option so I guess I could build one entry with all 40 images listed & hidden, copy that to each list entry and then go into each list entry and add 'unhide' to the associated image.

Alan - I will look at the 'GoMenu' later today when I am home again.

Crispy - I will explore the 'Carousel' option later to see if that is easier to implement, I appreciate the offer of assistance.

---------------------------------------------------------------------------------------------------

As a side issue - is it just my system or is the 'New Posts' site not working/updating correctly ?
https://www.wysiwygwebbuilder.com/forum ... id=newpost

[AliGW]

What is it supposed to do? I can't preview it as the images are not included.

It would help to upload the page to a test folder so that we can preview it there.

[brynj]

I thought that is what I had done .... when i look on pCloud I see the folder with images but like you when I download I don't get the images!

I will upload again and see if that works.

[AliGW]

Can you just add a link to your published test page so I can see what you've done so far?

[brynj]

Can you just add a link to your published test page so I can see what you've done so far?

I haven't published the page yet as its not complete.

Try this - I have zipped it up:

https://e.pcloud.link/publink/show?code ... LvxJQ5Gp4X

If that fails - I have now published it .....

https://wen.gt.tc/maps.php

[AliGW]

It doesn't need to be complete. You can publish it as is in a test folder.

[AliGW]

The latest file works.

[brynj]

The latest file works.

ok thanks

[AliGW]

Why don't you use a form drop-down list instead of a menu? Then you can keep all the settings within the one control and don't need shapes. I used one for a multi-part form recently.

[brynj]

Why don't you use a form drop-down list instead of a menu? Then you can keep all the settings within the one control and don't need shapes. I used one for a multi-part form recently.

funny you should say that - I had forgotten about the 'Shape' - when I used the menu it didn't work at first, but by adding the shape with just a couple of entries in, the menu started working. Basically the hidden shape is just there and i don't need to add anything else to it - for some reason it just triggered the menu into working - absolutely no idea why and because it is hidden I forgot i added it

I have deleted the shape this morning and the menu still works so just one of those things.

I will investigate the 'Form' list later.

Thanks

[AliGW]

It did not work without the shape for me, which is why I mentioned it.

[brynj]

It did not work without the shape for me, which is why I mentioned it.

Spooky - there are some gremlins at work

[AliGW]

No wonder I couldn't work out what it was doing exactly!

[brynj]

No wonder I couldn't work out what it was doing exactly!

I would hurry up and make another post as I see you are on 666 - eek

[AliGW]

I have no idea where you have seen that (unless it's in my profile), but I'll humour you. Not superstitious myself!

[alan_sh]

You are overthinking this. This is the 'go menu' stuff I was talking about.

WBS file & folder here https://www.dropbox.com/scl/fi/9r68m94k ... yoxuk&dl=1

This is the web site it created. This took me 2 minutes to make.

https://webserve4-nas.synology.me/go-image/

Select an image from the drop down and click 'go'. The image appears in the frame below.

[brynj]

I have no idea where you have seen that (unless it's in my profile), but I'll humour you. Not superstitious myself!

On the right hand side of your posts it shows 'Posts'

You are ok now - 667 .....

[brynj]

You are overthinking this. This is the 'go menu' stuff I was talking about.

WBS file & folder here https://www.dropbox.com/scl/fi/9r68m94k ... yoxuk&dl=1

This is the web site it created. This took me 2 minutes to make.

https://webserve4-nas.synology.me/go-image/

Select an image from the drop down and click 'go'. The image appears in the frame below.

Thanks Alan - will have a look.

[crispy68]

@alan_sh,
Although using frames with the Go menu is a solution, I'm not a fan of using frames and the images appear a bit clunky in the frame.

For me, using the carousel is a bit more elegant solution. Here is a demo I created using a select object, a bit of .js and carousel. Choose an image and it fades in. By using the carousel, you can use other interesting animations if you want.

demo