Rogério Lino

Javascript: Jump Menu

Posted by: Rogério Alencar Lino Filho on: 14 Março, 2008

Uma grande maioria dos desenvolvedores web não gostam cara padrão dos Jump Menus. Então por que não fazer um?

Pensando assim que fiz um script para gerar um Jump Menu, ou ComboBox se prefirir. Ele é composto por uma <div> (para moldura), uma <span> (para servir como rótulo) e uma lista não-ordenada de links (<ul>).

Para usá-lo, a única coisa que devemos fazer, além de linkar o script ou adicioná-lo no corpo da página, é instanciar o Objeto. E passar como parâmetro um array de array, contendo esse último na primeira posição a url e na segunda o texto a ser exibido. Após isso feito, escolha aonde adicioná-lo (pack) através do id da tag.

Ex:

var itens = Array();

for (var i=0; i<15; i++)

 itens[i] = ['http://rogeriolino.wordpress.com/', 'item ' + (i+1)];var jump = new JumpMenu(itens);

jump.setLabel(' + Click Here');

jump.pack('teste');

Para o visual basta usar de todo o potencial do CSS e estilizar como preferir.

Clique aqui para conferir o exemplo contendo o código.

2 Respostas para "Javascript: Jump Menu"

Muito legal Rogério! Só que não consegui abrir o link dentro de um iframe… é possível?

Olá Rogério, sou leigo na criação de blogs, eu usava um Jump Menu no blogger (exemplo: http://filosofiacomcafe.blogspot.com/2009/05/os-caminhos-da-filosofia.html), mas agora mudamos pro WordPress e eu não sei como fazer um JumpMenu lá…vc poderia me explicar de modo leigo, como se faz? Grato.

Deixe uma Resposta

Categorias