-
Conteúdo Similar
-
Por edyr0x
preciso de um script, tipo esse que usa innerHTML pra me dar a opção de cadastrar 1, 2, 3 ou mais pessoas e ainda calcula a data de nascimento preenchendo a idade... mas aí que tá...
quando preencho os dados do(s) COMPRADOR(es) quando clico pra setar a quantidade de VENDEDOR(ES) ele zera tudo que eu preenchi no COMPRADOR... no que errei??
segue o link:
https://jsfiddle.net/745yr0vm/
-
Por tiagosoliver
Estou criando um formulário de login com auth do firebase, o mesmo passa uma variável em javascript
var emailuser = user.email;
document.getElementById("email").innerHTML = email_id;
Estou precisando pegar o valor dessa variável sem ser pelo <p id="email">, pois preciso fazer um select no php.
Se eu tentar buscar pela variável emailuser, ele não busca.
Vi que talvez teria como usando o DOM, alguem poderia me ajudar?
Obrigado.
-
Por BrunoJavan
Olá, estou com um problema no mínimo curioso. Tenho uma div com ID "conteudo" e na hora de pegar essa div através do getElementById ou até mesmo do querySelector, SEMPRE retorna null no console. O mais estranho é que se eu digito diretamente no console, funciona normalmente. Detalhe: isso acontece tanto no Firefox quanto no Chrome.
Segue código abaixo:
<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Relógio</title> <script> console.log( document.getElementById("conteudo") ); </script> </head> <body> <div id="conteudo">teste</div> </body> </html>
To até agora tentando entender pq sempre retorna null mas quando digito diretamente no console do navegador funciona. Alguém sabe me dizer que treta é essa?
-
Por guilherme.audi
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ões<span class="letramed2"> (mm)</span></h3>
<a href="admin/imgs/icones/<%= VetProd(11,0) %>" target="_blank"><img src="admin/imgs/icones/<%= VetProd(11,0) %>" alt="Dimensões de <%= VetProd(1,0) %> em mm" title="<%= VetProd(136,0) %> <%= VetProd(2,0) %> <%= VetProd(1,0) %>" class="detalhe-dimensoes"/></a>
</div>
<!-- -->
<!-- CARACTERÍSTICAS ESPECIAIS -->
<div class="container-principal" id="div_carac">
<h3>Caracterí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ção dos fios</h3>
<img src="admin/imgs/icones/<%= VetProd(22,0) %>" alt="Esquema de ligação" title="<%= VetProd(136,0) %> <%= VetProd(2,0) %> <%= VetProd(1,0) %>" style="width:90%; max-width:400px;"/>
</div>
<!-- -->
Tudo funciona, exceto o VÍDEO INCORPORADO (id="div_video").
Por quê?!
Obrigado!
-
Por moisesgodoi
Olá boa noite estou com o seguinte código:
<script type="text/javascript">
var xhr = new XMLHttpRequest(),
method = "GET",
url = "http://webserver.flsoft.com.br/BRPremium/webservice/buscarDados/3";
xhr.open(method, url, true);
xhr.onreadystatechange = function () {
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var element = document.getElementById("cliente");
console.log(xhr.responseText);
}
};
xhr.send();
</script>
<p id="cliente"></p>
Preciso que a variável "clientes" informe o total de clientes da url, no console deu certo aparece o total mas na id como faço pra mostrar no site?
-
