Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Prezados,
Estou desenvolvendo uma aplicação web para gerenciamento de acesso ao almoxarifado do pequeno negócio de uma pessoa sem muitos recursos da comunidade aqui. Com conhecimentos de html5, css3 e um pouco de php, consegui fazer toda a parte de registros e a interface web de controle, no entanto, não entendo nadinha de javascript e "travei" no código para finalizar o projeto.
Tenho esse script encontrado de fonte aberta na internet, mas não consigo adaptá-lo:
<html lang="pt-br">
<head>
<script type='text/javascript'>
var led_controle = function(status) {
var xmlhttp = new XMLHttpRequest();
var set_status = "http://192.168.1.35/?function=" + status;
xmlhttp.open("GET", set_status);
xmlhttp.send();
}
// Acessa os botões e passa as nossas diretivas de ligar ou desligar o relé
var led = function() {
var on = document.querySelector(".on");
on.onclick = function() {
led_controle("led13_on");
}
var off = document.querySelector(".off");
off.onclick = function() {
led_controle("led13_off");
}
}
window.onload = function() {
// Chama a função led
led();
}
</script>
</head>
<body>
<p><a class="btn on">ON</a></p>
<p><a class="btn off">OFF</a></p>
</body>
</html>
O código acima funciona perfeitamente. Ele aciona um sketch armazenado em um esp8266 e, através deste, aciona via relé de comando a porta do almoxarifado.
O problema consiste que AO INVÉS do conteúdo do "body" acima, eu preciso capturar a ação do "button" dos forms contidos no "body" abaixo:
<body>
<form method="post" action="pagina.php">
<fieldset>
<p class="center">
<input type="hidden" name="funcionario" value="entrada-almoxarifado"></input>
<button class="btn" style="width: 250px;" type="submit" value="submit">entrar</button>
</p>
</fieldset>
</form>
<form method="post" action="pagina.php">
<fieldset>
<p class="center">
<input type="hidden" name="funcionario" value="saida-almoxarifado"></input>
<button class="btn" style="width: 250px;" type="submit" value="submit">sair</button>
</p>
</fieldset>
</form>
</body>
</html>
Já tentei várias e várias sugestões encontradas na internet, mas como não sei adaptar os códigos encontrados, não tem dado certo. Alguém poderia me explicar detalhadamente como modificar o script contido no head da minha página, parte por parte, para que o mesmo continue executando sua função só que capturando a ação do "button" do formulário?
Agradeço de coração quem puder se dispor a ajudar.
Sds,
MaryCarregando comentários...