Skip to main content
R
Rachyy95
Participant
September 14, 2018
Answered

HTML 5 Canvas Combo Box

  • September 14, 2018
  • 1 reply
  • 2163 views

Hi,

I need to create a simple drop down menu that when a certain option is selected it takes you to a certain frame.

So for example when Location 1 is selected from the drop down menu it goes and stops at frame 21.

I have the code in AS3 but it needs to work in HTML5 Canvas and I have very little experience working with JS.

Is someone able to help ??

Here is my AS3 code:

stop();

combobox.addItem( { label: "Please choose a location" } );

combobox.addItem( { label: "Location1" } );

combobox.addItem( { label: "Location2" } );

combobox.addItem( { label: "Location3" } );

combobox.addItem( { label: "Location4" } );

combobox.addEventListener (Event.CHANGE, changelocation);

  function changelocation (event:Event) :void{

  if (combobox.selectedItem.label == "Location1") gotoAndStop (21);

  if (combobox.selectedItem.label == "Location2") gotoAndStop (22);

  if (combobox.selectedItem.label == "Location3") gotoAndStop (23);

  if (combobox.selectedItem.label == "Location4") gotoAndStop (24);

  }

This topic has been closed for replies.
Correct answer kglad

click window>code snippets>html5>components>combobox to see:

if(!this.cb_change_cbk) {  // where this.cb is your combobox

function cb_change(evt) {

// Start your custom code

console.log(evt.target.value);  // use switch/case or multiple if-statments

// End your custom code

}

$("#dom_overlay_container").on("change", "#cb", cb_change.bind(this));

this.cb_change_cbk = true;

}

if that isn't enough info to answer this (and many more questions), repost.

1 reply

kglad
Community Expert
kgladCommunity ExpertCorrect answer
Community Expert
September 14, 2018

click window>code snippets>html5>components>combobox to see:

if(!this.cb_change_cbk) {  // where this.cb is your combobox

function cb_change(evt) {

// Start your custom code

console.log(evt.target.value);  // use switch/case or multiple if-statments

// End your custom code

}

$("#dom_overlay_container").on("change", "#cb", cb_change.bind(this));

this.cb_change_cbk = true;

}

if that isn't enough info to answer this (and many more questions), repost.

R
ROSELA5CD1
Participant
April 2, 2021

balasan pekok kglad itu.itu ms newbie bertanya,pelit amat

 

kglad
Community Expert
kgladCommunity Expert
Community Expert
April 2, 2021

if you have a question, you'll need to explain it more clearly (or maybe find someone that can read your text without using a translation tool).

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices