Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gladiator

combobox

Por , em Desenvolvimento frontend

Recommended Posts

gladiator    0

gladiator
Postado

EU CRIEI ESSA LISTA SUSPENSA USANDO O WYSIWYG WEBBUILDER 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 8 - http://www.wysiwygwebbuilder.com">
<style type="text/css">
body
{
  background-color: #FFFFFF;
  color: #000000;
}
</style>
<style type="text/css">
p, span, div, ol, ul, li, td, button, input, textarea, form
{
  margin: 0;
  padding: 0;
}
a
{
  color: #C8D7EB;
  outline: none;
  text-decoration: underline;
}
a:visited
{
  color: #C8D7EB;
}
a:active
{
  color: #C8D7EB;
}
a:hover
{
  color: #376BAD;
  text-decoration: underline;
}
</style>
<style type="text/css">
#Combobox2
{
  border: 1px #C0C0C0 solid;
  background-color: #FFFFFF;
  color: #000000;
  font-family: Arial;
  font-size: 13px;
}
#Combobox1
{
  border: 1px #C0C0C0 solid;
  background-color: #FFFFFF;
  color: #000000;
  font-family: Arial;
  font-size: 13px;
}
#Button1
{
  color: #000000;
  font-family: Arial;
  font-size: 13px;
}
</style>
</head>
<body>
<select name="Combobox2" size="1" id="Combobox2" style="position:absolute;left:464px;top:193px;width:122px;height:21px;z-index:0;">
<option selected value="0">selecione a cor</option>
<option value="1">azul</option>
<option value="2">amarelo</option>
</select>
<select name="Combobox1" size="1" id="Combobox1" style="position:absolute;left:465px;top:145px;width:125px;height:21px;z-index:1;">
<option selected value="0">selecione objeto</option>
<option value="1">pedra</option>
<option value="2">papel</option>
</select>
<input type="submit" id="Button1" name="ok" value="ok" style="position:absolute;left:471px;top:243px;width:96px;height:25px;z-index:2;">
</body>
</html>

 

AGORA EU PRECISO CRIAR UM COMANDO QUE FAÇA COM COM QUANDO O USUARIO aperte esse botão ok, ele leve à HTML correspondente que também foi criada na pasta:

 

por ex: pedra_azul.html

ou pedra_amarela .html

papel_azul.html

papel_amarelo.html

 

 

ALGUÉM SABE FAZER ISSO???

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafael-tdc    13

rafael-tdc
Postado

Deixa eu ver se entendi:

Você tem um combobox,

quando um item desse combobox é selecionado, ele redireciona para a respectiva página selecionada no combo?

 

 

Se for isso, no Dreamweaver (Eu uso o CS5, mas os mais anteriores devem ter também) tem uma opção que faz isso automaticamente:

 

  1. Sub-menu > Selecione Formulários (tem Comun, Layout, Formulário, ...)
  2. Selecione o Menu de Salto (10ª botão)
  3. Escolha os itens do "menu"
  4. Clique Ok

 

Ele vai gerar o código tudo pronto...

Caso não encontre essa função do dreamweaver, eu gerei uma simples aqui:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
 if (restore) selObj.selectedIndex=0;
}
</script>
</head>

<body>

<form name="form" id="form">
   <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
       <option value="1">item1</option>
       <option value="2">item2</option>
       <option value="3">item3</option>
       <option value="4">item4</option>
   </select>
</form>
</body>
</html>

 

 

 

Daí é só você adaptar na sua página com os itens desejados.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito