Jump to content

guilherme.audi

Members
  • Content count

    1
  • Joined

  • Last visited

Community Reputation

0 Comum

About guilherme.audi

  1. Olá, pessoal, Sou meio-leigo e logo mais serei vesgo... não entendi onde está o problema: Tenho uma situação de submenu bem simples, que deve mostrar (display="table") e esconder (display="none") algumas divs, conforme a seleção do usuário. No início da página antes do <head> criei a seguinte estrutura: <!-- CONTROLE DE ABAS :: MENU DETALHES --> <script> function SelecCarac() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "table"; dimensoes.style.display = "none"; projeto3d.style.display = "none"; videotutorial.style.display = "none"; esquemafios.style.display = "none"; } function SelecDimensoes() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "none"; dimensoes.style.display = "table"; projeto3d.style.display = "none"; videotutorial.style.display = "none"; esquemafios.style.display = "none"; } function Selec3D() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "none"; dimensoes.style.display = "none"; projeto3d.style.display = "table"; videotutorial.style.display = "none"; esquemafios.style.display = "none"; } function SelecVideo() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "none"; dimensoes.style.display = "none"; projeto3d.style.display = "none"; videotutorial.style.display = "table"; esquemafios.style.display = "none"; } function SelecEsquemaFios() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "none"; dimensoes.style.display = "none"; projeto3d.style.display = "none"; videotutorial.style.display = "none"; esquemafios.style.display = "table"; } </script> (ridiculamente extenso, até suponho que haja um caminho menor..) As abas desse "submenu" estão no corpo da página (asp clássico) assim: <!-- ABAS :: MENU DE DETALHES DO PRODUTO --> <div class="container-principal" style="text-align: center;"> <% if Len(VetProd(97,0)) > 5 Then %> <div class="detalhe-menu-abas" id="bt_carac" onclick="SelecCarac()" >Características</div> <%End if if Len(VetProd(11,0)) > 0 Then %> <div class="detalhe-menu-abas" id="bt_dimensoes" onclick="SelecDimensoes()">Dimensões</div> <%End if if Len(VetProd(92,0)) > 1 Then %> <div class="detalhe-menu-abas" id="bt_3d" onclick="Selec3D()">Desenho 3D</div> <%End if if Len(VetProd(135,0)) > 3 Then %> <div class="detalhe-menu-abas" id="bt_video" onclick="SelecVideo()">Video tutorial</div> <%End if if Len(VetProd(22,0)) > 0 Then %> <div class="detalhe-menu-abas" id="bt_esquemafios" onclick="SelecEsquemaFios()">Ligação dos fios</div> <%End if%> </div> <!-- --> ..E essas id chamadas "div_carac", "div_dimensoes", "div_3d", "div_video" e "div_esquemafios" estão assim: <!-- DIMENSÕES --> <div class="container-principal" style="text-align: center; display: none;" id="div_dimensoes"> <h3 style="text-align: left;">Dimens&otilde;es<span class="letramed2">&nbsp;(mm)</span></h3> <a href="admin/imgs/icones/<%= VetProd(11,0) %>" target="_blank"><img src="admin/imgs/icones/<%= VetProd(11,0) %>" alt="Dimens&otilde;es de <%= VetProd(1,0) %> em mm" title="<%= VetProd(136,0) %>&nbsp;<%= VetProd(2,0) %>&nbsp;<%= VetProd(1,0) %>" class="detalhe-dimensoes"/></a> </div> <!-- --> <!-- CARACTERÍSTICAS ESPECIAIS --> <div class="container-principal" id="div_carac"> <h3>Caracter&iacute;sticas especiais</h3> <%= VetProd(97,0)%> </div> <!-- --> <!-- VÍDEO INCORPORADO --> <div style="background-color: #000000; width: 100%; display: none;" id="div_video"> <div class="container-principal" style="background-color: black; text-align: center; padding: 1% 0;"> <iframe class="detalhe-video" src="<%= VetProd(135,0) %>" frameborder="0" allowfullscreen></iframe><br /> <a href="https://www.youtube.com/user/weightechbrasil/search?query=<%=VetProd(1,0)%>" style="color:#FFFFFF;" title="Veja mais em Youtube/WeightechBrasil" target="_blank" class="submenu"><img src="http://www.weightech.com.br/imgs/site/Logo_Youtube_color_horizontal.png" height="30" title="Canal WeightechBrasil no Youtube" alt="Youtube.com/WeightechBrasil" style="margin-bottom:5px;"/><br>Youtube.com/WeightechBrasil</a> </div> </div> <!-- --> <!-- PROJETO 3D --> <% if Len(VetProd(92,0)) > 1 Then %> <div class="container-principal" style="text-align: center; margin-top: 20px; display: none;" id="div_3d"> <iframe style="width: 100%; height: 680px;" src="<%=VetProd(92,0)%>" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" frameborder="0"></iframe> </div> <%End if%> <!-- --> <!-- ESQUEMA DE LIGAÇÃO --> <div class="container-principal" style="display: none;" id="div_esquemafios"> <h3>Esquema de liga&ccedil;&atilde;o dos fios</h3> <img src="admin/imgs/icones/<%= VetProd(22,0) %>" alt="Esquema de liga&ccedil;&atilde;o" title="<%= VetProd(136,0) %>&nbsp;<%= VetProd(2,0) %>&nbsp;<%= VetProd(1,0) %>" style="width:90%; max-width:400px;"/> </div> <!-- --> Tudo funciona, exceto o VÍDEO INCORPORADO (id="div_video"). Por quê?! Obrigado!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.