Posted 21/03/2006, 19:58
Autor: Andrews Patrick
Jump Menu
Bom, acho que a maioria das pessoas já viu aquele menu feito através de um combobox do html onde você seleciona um item que geralmente contém um endereço de um site e quando o executa é redirecionado para o site selecionado.
Nessa coluna eu explicarei como fazer um Jump Menu utilizando o componente ComboBox do flash.
Para começar vamos criar um novo documento (crl+n), nesse exemplo eu deixei a cena com 150 px X 200 px mas isso fica a seu critério. Renomeie a camada atual para combo.
Agora abra o painel "components" (ctrl+f7), agora clique no "+" do "UI Components" e arraste o (combobox) para a cena.
Agora vá no painel propriedades e instanceie o combobox. Nesse exemplo eu instanciei ele como "menu".
Crie outra camada e renomeie ela para "acoes", selecione o frame 1 da camada "acoes" e abra o painel "actions" (f9).
Vamos começar declarando a única variável utilizada nesse exemplo, usaremos essa variável para criar o evento que será utilizado pelo combobox mais a frente.
var pular:Object = new Object();
Agora vamos adicionar os valores ao combobox. Para isso utilizaremos o método addItem onde a sua sintaxe é a seguinte:
intancia_do_combo.addItem(label, value);
label é o texto que aparece no combobox e value é o valor do combo. Sendo assim no label colocaremos o nome do site e no value o endereço do site a ser redirecionado pelo jump menu ficando da seguinta maneira:
menu.addItem("azul", "azul.asp
menu.addItem("verde", "verde.asp");
menu.addItem("branco", "branco.asp");
menu.addItem("vermelho", "vermelho.asp");
Agora vamos adicionar um evento ao objeto pular, o objeto em si não tem suporte ao evento change, mas usaremos ele como um listener para o combobox. Avisando ao combobox o que fazer quando algum item for selecionado. Lembrando que quando esse evento for acionado, o flash abrirá o seu navegador com o endereço do site selecionado.
Para abrir o navegador com o endereço do site é só utilizar o getURL que funciona da seguinte maneira:
getURL(endereco);
e para pegar o valor do site selecionado é só utilizarmos a propriedade value do combobox que nos retorna o valor do item selecionado.
instancia_do_combo.value;
ficando com a seguinte sintaxe:
pular.change = function(){
getURL(menu.value);
}
Abaixo o listener é adicionado ao menu. O comobo através do listener "ouve" quando o evento é ativado, e executa os comandos relacionados a esse eventos que estão referenciados ao objeto declarado na adição do listener. A sintaxe para adicionar o listener é a seguite:
instancia_do_combo.addEventListener(evento, objeto);
ficando da seguinte maneira:
menu.addEventListener("change", pular);
Para não ficar com aquela cor verde quando selecionamos o time do combobo vou mudar o tema do nosso menu, utiliando o método setStyle. Onde themeColor é o parâmetro que define o tema a ser utilizado e haloBlue é o nome do tema que eu estou usando.
menu.setStyle("themeColor","haloBlue");
é isso cara boa sorte!
[]'s
Patrique
