Buscador Generator

by Edgar Martinez

HTML

<select id='selTipo'>
<option value='1'>IMAGENES</option>
</select>

<input id='txtTerm' type='text' placeholder='Buscar...'/>
<button id='btnBuscar'>
Generar Link
</button>
<br/>
<div id='links'>

</div>

CSS

#links{
	width:90%;
	height:100vh;
	border-style:double;
	margin-top:9px;
	padding:9px;
	display:table;
}
a{
	margin:5px
}

JavaScript

var host_pago_imagenes = ["shutterstock", "secondlife", "alamy"];
var miStorage = window.localStorage;


var arr_data = {};

var h = miStorage.getItem('busquedas');
arr_data = JSON.parse(h);
for (var i in arr_data) {
  var actual = arr_data[i];

  var a = $("<a/>");
  a.html("BUSCAR: " + actual.term);
  var host = "";
  for (var i in host_pago_imagenes) {
    host += "-inurl:" + host_pago_imagenes[i] + "+";
  }
  a.attr("href",actual.url);
  a.attr("target", "_blank");
	  $("#links").append(a);
}

$("#btnBuscar").click(function() {
  var tipo = $("#selTipo").val();
  var txto = $("#txtTerm").val();
  if (txto != "") {
    if (tipo == 1) {
      var a = $("<a/>");
      a.html("BUSCAR: " + txto);
      var host = "";
      for (var i in host_pago_imagenes) {
        host += "-inurl:" + host_pago_imagenes[i] + "+";
      }
			var url="https://www.google.com/search?q=" + txto + " " + host;
			
      a.attr("href",url);
      a.attr("target", "_blank");
      $("#links").append(a);
      var tmp = {
        term: txto,
        url: url

      }
				
    
			var arr_data = {};
			var h = miStorage.getItem('busquedas');
			arr_data = JSON.parse(h);
				var id="0_data";
			if(arr_data!=null){
		  	 id = Object.keys(arr_data).length+"_data";
	  	}else{
		   	arr_data = {};
			}
			
      arr_data[id] = tmp;
      var d = JSON.stringify(arr_data);
      miStorage.setItem("busquedas", d);
    }
  }

});