micaelfis
-
Total de itens
2 -
Registro em
-
Última visita
Sobre micaelfis
micaelfis's Achievements
0
Reputação
-
Boa noite a todos. Estou com a seguinte dúvida: Quero colocar no meu site, um menu retrátil (que só seja aberto quando o usuário passar o mouse sobre ele) e fixo no topo da página. Já consegui criar o menu retrátil, o problema é que quando eu tento deixá-lo fixo (usando o comando CSS position:fixed) ele "se desembrulha" quando o mouse passa pela região que deveria seria utilizada por ele (menu) só depois de expandido. Segue abaixo o código utilizado, ficarei muito grato aqueles que puderem me ajudar. <head> <style> .clearfix:after {display:block; clear:both;} .menu {width:40px;margin:0px auto;position:absolute;top:-14px;left:-65px;} .menu li {margin:0px; white-space:nowrap; width:125px; list-style:none;} .menu > ul > li {float:left; display:inline-block; position:relative; font-size:16px;} .menu > ul > li > a {padding:10px 40px; display:inline-block;} .menu > ul > li:hover > a, .menu > ul > .current-item > a {background:"transparent";} .menu li:hover .sub-menu {z-index:1; opacity:1;} .sub-menu {width:140%;padding:5px 0px;position:absolute;top:100%;left:0px;z-index:-1;opacity:0;transition:opacity linear 0.15s;box-shadow:0px 2px 3px rgba(0,0,0,0.2);background:#00bcd4;} .sub-menu li {display:block;font-size:14px;} .sub-menu li a {padding:10px 30px;display:block;} .sub-menu li a:hover, .sub-menu .current-item a {background:#33C9DD;color:#FFFFFF;} </style> </head> <body> <!-- <div style='position:fixed'> --> <nav class='menu'> <ul class='clearfix'> <li> <a href='#'><b style='background:#99E4EE;'><img src='imagens/menu-20x20.png'/></b></a> <ul class='sub-menu'> <li><a href='link1.html' ><b>LINK 1</b></a></li> <li><a href='link2.html' ><b>LINK 2</b></a></li> <li><a href='link3.html' ><b>LINK 3</b></a></li> </ul> </li> </ul> </nav> <!-- </div> --> </body> [/html]
-
Boa noite pessoal. Estou tentando escrever um código HTML que deve fazer o seguinte:1. Ler um banco de dados (o arquivo horariocompleto.xml) que contém nomes de disciplinas e nos nós contém nome do professor, dia da aula, horário, ...); Esta parte já está ok 2. Permite ao usuário filtrar dados a partir do nome do professor; Aqui eu usei um formulário com inputs e botões radio. A aquisição dos dados para os filtros ficou legal. Mas a grande dúvida é: como eu utilizo os dados provenientes dos botões radio nos ifs que realizarão a filtragem? Aí vai um mini-exemplo: Exemplo do arquivo horariocompleto.xml:<?xml version="1.0" encoding="ISO-8859-1"?><disciplinas> <disciplina> <nome>Cálculo 1</nome> <professor>Fulano de Tal</professor> <dia>segunda</dia> <horario>08:00h</horario> <\disciplina> <disciplina> <nome>Cálculo 2</nome> <professor>Beltrano Silva</professor> <dia>quinta</dia> <horario>14:00h</horario> <\disciplina> <disciplina> <nome>Cálculo 3</nome> <professor>Fulano de Tal</professor> <dia>quarta</dia> <horario>10:00h</horario> <\disciplina><\disciplinas> Pedaço do código HTML: <!-- O arquivo xml já foi lido e os dados de cada disciplina foram guardados na variável x --> <!-- Função que atribui nome do professor escolhido à variável qualprof (funciona 100%) --><script>function check_prof(entrada) { document.getElementById("qualprof").value=entrada;}</script> <!-- Botões para escolha do nome do professor (funciona 100%)--> <p><input type="radio" name="prof" onclick="check_prof(this.value)" value="fulano">Fulano de Tal<br/><input type="radio" name="prof" onclick="check_prof(this.value)" value="beltrano">Beltrano Silva<br/> <\p> <!-- Filtrando --><script> for (i=0;i<x.length;i++) { if(x.getElementsByTagName("professor")[0].childNodes[0].nodeValue==??????){ <!-- imprimir dados pertinentes --> }}<\script> Meu problema está nas ??????Não sei o que colocar lá! Já tentei usar document.getElementById("qualprof").value, já tenteidocument.getElementById("qualprof"), já tentei atribuir o valor de qualprof a outra variável. Mas não obtive sucesso. Basicamente, preciso saber como extrair os dados da variável qualprof sempre que algum botão for selecionado. Ficarei muito grato se alguém puder me ajudar. Valeu