• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

xploit

combo box hidden

1 mensagem neste tópico

Boas pessoal , eu estou aqui com um "no na cabeça" com este codigo, pelo o que perceberam este codigo faz o seguinte, ao seleccionar na combo box submenu, automaticamente ele mostra a <div>,  com outra combo box com as respectivas cidades... o que eu cria fazer era que ao carregar na combo box , na option menu, ele escondesse a <div>.. Alguma dica?

Obrigado pelas ajudas

Cumps

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Plataforma de Websites-</title>
<link href="layout/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

var regiondb = new Object()
regiondb["tipo_submenu"] = [{value:"102", text:"Cairo"},
                      {value:"88", text:"Lagos"},
                      {value:"80", text:"Nairobi"},
                      {value:"55", text:"Pretoria"}];
				  
regiondb["tipo_menu"] = [{value:"*********", text:"*********"}];

function setCities(chooser) {
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var submenusChooser = chooser.form.elements["submenus"];
    while (submenusChooser.options.length) {
        submenusChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice];
    newElem = document.createElement("option");
    newElem.text = "Escolha...";
    newElem.value = "";
    submenusChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            submenusChooser.add(newElem, where);
        }
    }
}


var browserType;

if (document.layers) {browserType = "nn4"}
if (document.all) {browserType = "ie"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {
browserType= "gecko"
}

function hide2() {
  if (browserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById("realtooltip2")');
  else if (browserType == "ie")
     document.poppedLayer = 
        eval('document.getElementById("realtooltip2")');
  else
     document.poppedLayer =   
        eval('document.layers["realtooltip2"]');
  document.poppedLayer.style.display = "none";
}




function show2() {
  if (browserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById("realtooltip2")');
  else if (browserType == "ie")
     document.poppedLayer = 
        eval('document.getElementById("realtooltip2")');
  else
     document.poppedLayer = 
         eval('document.layers["realtooltip2"]');
  document.poppedLayer.style.display = "inline";
}

  
</script>
</head>

<select onchange="setCities(this);show2();" >
        
          
          <option id="no_submenus" value="tipo_menu" selected   >Menu</option>
          <option value="tipo_submenu">Submenu</option>
        </select>
        
        
        
        
<div id="realtooltip2" style="display: none;">
        
Submenu no menu: <select name="submenus" style="width:150px;">
   
</select>
     </div>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora