Buenas, tengo un problema con la configuración del botón de envío de un formulario y la construcción de una URL dinámica, espero que alguien pueda ayudarme.
A partir de un formulario construyo una URL dinámica que devuelve el resultado de búsqueda de un motor personalizado de google en otra página de mi sitio. Hasta aquí todo bien, pero cuando intento configurar el botón de buscar para mejorar su apariencia (<input type=”image” src="images/botonBuscar.png" width="71" height="26" ……/>) la URL no toma el valor de las variables correspondientes y el resultado de búsqueda no es el deseado, así que tengo que dejarlo como <input type=”button” ……/>.
Les dejo la función que utilizo y el código del formulario:
- Función:
function askGoogle(query){
googleAdr = "http://www.oteator.com/busquedas.html?q=";
queryFull = googleAdr + query;
window.open(queryFull,"_self");}
- Código del formulario:
<form><dl>
<dt class="sch-form"><label for="Provincia" >Provincia</label></dt>
<dd> <select name="provinciaList" id="provinciaList" class="celdaForm" onChange="return provinciaListOnChange()">
<option value="" selected="selected">Seleccione provincia</option>
<option value="alava">Alava</option>
<option value="albacete">Albacete</option>
<option value="alicante">Alicante</option>
<option value="almeria">Almeria</option>
<option value="asturias">Asturias</option>
<option value="avila">Avila</option>
<option value="badajoz">Badajoz</option>
<option value="barcelona">Barcelona</option>
<option value="burgos">Burgos</option>
<option value="caceres">Caceres</option>
<option value="cadiz">Cadiz</option>
<option value="cantabria">Cantabria</option>
<option value="castellon">Castellon</option>
<option value="ceuta">Ceuta</option>
<option value="ciudadreal">Ciudad Real</option>
<option value="cordoba">Cordoba</option>
<option value="acoruna">Coruña, A</option>
<option value="cuenca">Cuenca</option>
<option value="girona">Girona</option>
<option value="granada">Granada</option>
<option value="guadalajara">Guadalajara</option>
<option value="guipuzcua">Guipuzcoa</option>
<option value="huelva">Huelva</option>
<option value="huesca">Huesca</option>
<option value="baleares">Illes Balears</option>
<option value="jaen">Jaen</option>
<option value="leon">Leon</option>
<option value="lleida">Lleida</option>
<option value="lugo">Lugo</option>
<option value="madrid">Madrid</option>
<option value="malaga">Malaga</option>
<option value="melilla">Melilla</option>
<option value="murcia">Murcia</option>
<option value="navarra">Navarra</option>
<option value="ourense">Ourense</option>
<option value="palencia">Palencia</option>
<option value="laspalmas">Palmas, Las</option>
<option value="pontevedra">Pontevedra</option>
<option value="rioja">Rioja, La</option>
<option value="salamanca">Salamanca</option>
<option value="tenerife">Santa Cruz De Tenerife</option>
<option value="segovia">Segovia</option>
<option value="sevilla">Sevilla</option>
<option value="soria">Soria</option>
<option value="tarragona">Tarragona</option>
<option value="teruel">Teruel</option>
<option value="toledo">Toledo</option>
<option value="valencia">Valencia</option>
<option value="valladolid">Valladolid</option>
<option value="vizcaya">Vizcaya</option>
<option value="zamora">Zamora</option>
<option value="zaragoza">Zaragoza</option>
</select></dd>
<dt class="sch-form"><label for="localidad">Localidad</label></dt>
<dd><select name="localidadList" id="localidadList" class="celdaForm">
<option value="">Seleccione localidad</option>
</select> <span id="advice"> </span></dd>
<dt class="sch-form"><label for="inmueble">Tipo de inmueble</label></dt>
<dd> <select name="inmueble" id="inmueble" class="celdaForm">
<option value="" selected="selected">Seleccione tipo inmueble</option>
<option>Piso</option>
<option>Ático</option>
<option>Adosado</option>
<option>Chalet</option>
<option>Oficina</option>
<option>Local comercial</option>
<option>Nave</option>
<option>Garaje</option>
<option>Trastero</option>
</select></dd>
<dt class="sch-form"><label for="dormitorios">Dormitorios</label></dt>
<dd><select name="dormitorios" id="dormitorios" class="celdaForm">
<option value="" selected="selected">Seleccione dormitorios</option>
<option value="un%20dormitorio">1 Dormitorio</option>
<option value="dos%20dormitorios">2 Dormitorios</option>
<option value="tres%20dormitorios">3 Dormitorios</option>
<option value="cuatro%20dormitorios">4 Dormitorios</option>
<option value="indiferente">Indiferente</option>
</select></dd>
<dt></dt>
<dd><input type="hidden" id="terms" value="%20" ></dd>
<dt></dt>
<dd class="button-form"><input type="button" id="buscar-piso" onclick="javascrit:askGoogle(provinciaList.value + terms.value + localidadList.value + terms.value + inmueble.value + terms.value + dormitorios.value)" value="Buscar" />
</dd>
</dl></form>
He probado distintos métodos y no consigo averiguar el problema, también tengo que reconocer que estoy un poco verde en el tema.
Gracias por vuestra ayuda.