Necesito activar un script con atributo src=" " desde un boton de formulario html.
He creado la función que recoge los términos de la caja de búsqueda y los guarda en la variable 'q' que es uno de los parametros de la url del script. En realidad ya tengo creado el procedimiento para renovar dinámicamente la url en función de los términos introducidos por el usuario. Ahora necesito que el mismo botón lance el script que contiene la consulta
Este es mi código (sin las claves de identificación). He puesto un alert donde debería ir la llamada al script para probar que el script está bien construido y que deberia ser sustituido (el alert) por esta (la llamada):
<html>
<body>
<h2>motor b</h2>
<form name="form" action="" method="get">
<input type="text" name="desc" id="desc">
<input type="submit" class="sub" value="submit" onclick="sub()">
</form>
<script type="text/javascript">
//variables
var descriptor = "";
var status = null;
var urlSp1 = " " ;
var urlSpZ = " " ;
urlSp1='<script src="https://www.googleapis.com/customsearch/v1?key=xxxxxxxxxxxxxxxxxxxxxx&cx=xxxxxxxxxxxxxxxxxxxxxxxxxxxxx&callback=hndlr&q=';
var urlSC = " " ;
//submit
function sub(){
descriptor = document.getElementById("desc").value;
var urlSC = urlSp1 + descriptor ;
var jsScr = urlSC + '" ' + "/>"
alert (jsScr) ;
};
</script>
<script>
function hndlr(response) {
for (var i = 0; i < response.items.length; i ++) {
var item = response.items[i];
document.getElementById('content').innerHTML += '<br><br><br>' + '<img width="30%" src="' + item.pagemap['webpage'][0]['image'] + '" />' ;
}
}
</script>
<div id='content'></div>
<p id="demo"> </p>
</body>
</html>