HTML - como puedo enviar una variable sin usar botones

 
Vista:
Imágen de perfil de calosrasperry
Val: 4
Ha aumentado su posición en 13 puestos en HTML (en relación al último mes)
Gráfica de HTML

como puedo enviar una variable sin usar botones

Publicado por calosrasperry (4 intervenciones) el 17/01/2018 00:16:28
hola soy nuevo en esto de html php y todas esas cuestiones.
Lo que hace mi código de html es usar el microfono de Google chorme y convierte el audio en texto, en primera instancia el texto es interpretado en el <textarea id="areaResult"></textarea> , y esa variable se muestra en el <input placeholder="TU ORDEN" name="nombre"style="font-size: 25px;" id="finalTranscript">.

Ahora la idea es que en vez de usar el botón <button onclick= "Enviar();"><img src="send.gif" alt="" /></button> que sirve para enviar la variable tipo text a un formulario php en este caso se llama procesa.php, SE LOGRE ENVIAR LA VARIABLE SIN PULSAR EL BUTTON.

POR CIERTO EL CODIGO SOLO FUNCIONE GOOGLE CHROME


MI CODIGO HTML ES

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Reconocimiento de  Voz</title>
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="css/estilos.css" />
  <script src="js/jquery-1.10.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
function objetoAjax(){
 var xmlhttp=false;
 try{
  xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e){
  try {
       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
     } catch (E){
    xmlhttp =false;
     }
}
if (!xmlhttp && typeof XMLHttpRequest!="undefineed"){
   xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function Enviar() {
 valor = document.getElementById('finalTranscript').value;
 ajax = objetoAjax();
 ajax.open("POST", "procesa.php", true);
 ajax.onreadystatechange= function(){
  if (ajax.readyState==4) {
      document.getElementById("resultado").innerHTML=ajax.responseText;
  }
 }
 ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");
 ajax.send("varp2="+ valor )
}
</script>
<script src="WebSpeech.js"></script>
<section><textarea id="areaResult"></textarea><br />
<input placeholder="TU ORDEN"  name="nombre"style="font-size: 25px;" id="finalTranscript"><br />
<button onclick= "Enviar();"><img src="send.gif" alt="" /></button>
<img id="mic" src="mic.gif" alt="" /></section>
</form>
<h4>Control de un led a trav&eacute;s de voz</h4>
<div id="resultado"></div>
 
</body>
</html>

---------------------------------EL CODIGO webSpech.js es el siguiete----------------------------------------

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
window.onload = function () {
 
    var recognition = new webkitSpeechRecognition();
    recognition.continuous = true;
    recognition.interimResults = true;
    recognition.lang = "es";
 
 
    mic.addEventListener('click', function () {
        areaResult.focus();
        recognition.start();
    });
 
    //events
 
    recognition.onaudiostart = function (event) {
        console.log("onaudiostart");
    };
 
    recognition.onsoundstart = function (event) {
        console.log("onsoundstart");
    };
 
    recognition.onspeechstart = function (event) {
        console.log("onspeechstart");
    };
 
    recognition.onspeechend = function (event) {
        console.log("onspeechend");
    };
 
    recognition.onsoundend = function (event) {
        console.log("onsoundend");
 
    };
 
    recognition.onaudioend = function (event) {
        console.log("onaudioend");
 
 
   };
 
    recognition.onresult = function (event) {
        console.log("onresult");
        var interimResult = '',
            finalResult = '';
        for (var i = event.resultIndex; i < event.results.length; ++i) {
            if (event.results[i].isFinal) {
                finalResult = event.results[i][0].transcript;
            } else {
                interimResult += event.results[i][0].transcript;
            }
        }
 
        finalTranscript.value = finalResult;
        areaResult.value = interimResult;
 
        if (interimResult.indexOf('terminar') != -1)
            recognition.stop();
    };
 
   recognition.onnomatch = function (event) {
        console.log("onnomatch");
    };
 
    recognition.onerror = function (event) {
        console.log("onerror: " + event);
 
    };
 
    recognition.onstart = function (event) {
        console.log("onstart");
    };
 
    recognition.onend = function (event) {
        console.log("onend");
    };
 
};


este es el comando de procesa.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
switch ($_POST['varp2'])
{
    case 'encender sistema':
        echo "sistema encendido";
        break;
    case ' encender sala':
        echo "sala encnedida";
       $a= exec("sudo python /var/www/html/rpi/prende.py");
        echo $a;
        break;
    case ' Apagar sala':
        echo "sala apagada";
        exec('sudo python /var/www/html/rpi/apaga.py');
        break;
    case ' encender cocina':
        echo "cocina encnedida";
        break;
    default;
        echo 'COMANDO NO VALIDO';
    break;
}
?>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
-1
Responder