Risultati in jquery

24-01-2012, 20.46.50

Salve, scusatemi sono ancora io.
Allora, con le api di google ho questo codice:

Codice:

var searchControl; 
window.onload = onLoad; 

function onLoad() { 

searchControl = new GSearchControl(); 

//SMALL_RESULTSET, LARGE_RESULTSET 
searchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET); 

//EXPAND_MODE_PARTIAL, EXPAND_MODE_OPEN, EXPAND_MODE_CLOSED 
searchOptions = new google.search.SearcherOptions(); 
searchOptions.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN); 

var webSrearch = new GwebSearch(); 
webSrearch.setUserDefinedLabel("myWeb"); 
searchControl.addSearcher(webSrearch, searchOptions); 


var siteSearch = new GwebSearch(); 
siteSearch.setUserDefinedLabel("Cerca sito"); 
siteSearch.setSiteRestriction("talkpluginorange.altervista.org/"); 
searchControl.addSearcher(siteSearch); 

var blogsSrearch = new GblogSearch(); 
blogsSrearch.setUserDefinedLabel("myBlogs"); 
searchControl.addSearcher(blogsSrearch); 

var imgSrearch = new GimageSearch(); 
imgSrearch.setUserDefinedLabel("myImages"); 
searchControl.addSearcher(imgSrearch); 

var videoSrearch = new GvideoSearch(); 
videoSrearch.setUserDefinedLabel("myVideo"); 
searchControl.addSearcher(videoSrearch); 

var newsSrearch = new GnewsSearch(); 
newsSrearch.setUserDefinedLabel("News"); 
searchControl.addSearcher(newsSrearch, searchOptions); 

var drawOptions = new GdrawOptions(); 
// DRAW_MODE_TABBED, DRAW_MODE_LINEAR 
drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED); 
drawOptions.setInput(document.getElementById('queryInput')); 
searchControl.draw(document.getElementById("searchcontrol"), drawOptions); 

inputBlur(); 
} 
var query = null; 
document.onkeydown = function(event) { kd(event); }; 

document.getElementById('queryInput').onfocus = function(event) { inputFocus(event); }; 
document.getElementById('queryInput').onblur = function(event) { inputBlur(event); }; 

var searched = false; 
function kd(e) { 
if (!e) e = event; 
if (query == null) 
query = document.getElementById('queryInput'); 
if (e.keyCode == 27) { 
query.value = ''; 
searchControl.clearAllResults(); 
} 
query.focus(); 
} 

function inputFocus() { 
var queryInput = document.getElementById('queryInput'); 
queryInput.style.color = "#555"; 
if (queryInput.value && queryInput.value == "Cerca qualcosa") { 
queryInput.value = ""; 
} 
} 

function inputBlur() { 
var queryInput = document.getElementById('queryInput'); 
queryInput.style.color = "#bbb"; 
if (!queryInput.value) { 
queryInput.value = "Cerca sul web"; 
} 
}

dove mi escono i risultati, le pagine dei risultati sono 8.
Ho sentito in giro che invece che LARGE_ esiste un altro id che invece di 8 pagine ne fa uscire 10. Come potrei fare?

EDIT:

Qualcuno sa come fare? Ho sentito che si possono mettere 10 pagine invece che 8

27-01-2012, 00.53.08

Scusa ma di cosa parli? Di jquery non vedo neppure l'ombra nel codice che hai postato.

Potresti essere più chiaro?

27-01-2012, 15.53.35

Mi scuso.
Solo che non capisco molto di queste robe.
Presumo allora che sia javascript il codice qui sopra?
Comunque voglio far notare il seguente blocco di codice:
//SMALL_RESULTSET, LARGE_RESULTSET
searchControl.setResultSetSize(google.search.Searc h.LARGE_RESULTSET);

ecco, con questo blocco di codice mi fa uscire 8 pagine di risultati, ogni pagina ha 8 risultati.
Su un sito una volta ho sentito che se invece di LARGE_ esiste un altro "id" che invece di 8 pagine ne fa uscire 10 e passa.
Ho provato con EXTRA-LARGE_ ma non funziona, invece di aumentarmi le pagine le riduce a 4.
Voi sapete come fare? (questo codice è con le api di google)
Oppure mi potreste indicare a questo punto come fare un motore di ricerca web con molte pagine, magari con le api di bing o yahoo?
Grazie.

27-01-2012, 16.22.17

Originalmente inviato da talkpluginorange

Mi scuso.
Solo che non capisco molto di queste robe.
Presumo allora che sia javascript il codice qui sopra?
Comunque voglio far notare il seguente blocco di codice:
//SMALL_RESULTSET, LARGE_RESULTSET
searchControl.setResultSetSize(google.search.Searc h.LARGE_RESULTSET);

ecco, con questo blocco di codice mi fa uscire 8 pagine di risultati, ogni pagina ha 8 risultati.
Su un sito una volta ho sentito che se invece di LARGE_ esiste un altro "id" che invece di 8 pagine ne fa uscire 10 e passa.
Ho provato con EXTRA-LARGE_ ma non funziona, invece di aumentarmi le pagine le riduce a 4.
Voi sapete come fare? (questo codice è con le api di google)
Oppure mi potreste indicare a questo punto come fare un motore di ricerca web con molte pagine, magari con le api di bing o yahoo?
Grazie.

Infatti è Javascript.

Ora le classi, con i rispettivi metodi, sono defiite da google stesso, ed è google che stabilisce il numero dei risultati. Non puoi inventarti metodi.

27-01-2012, 16.41.32

Ho capito.
Però conosci un altro metodo per fare un motore di ricerca web con molte pagine?
Magari con le api di bing? Io non ho trovato nulla...

28-01-2012, 21.46.11

Ragazzi,
visto che il regolamento dice che si può postare un nuovo messaggio dopo 24 ore dall'ultimo, ho ritenuto giusto scrivere qui invece di aprire una nuova discussione...
Allora, io ho trovato una script con le api di bing.
Ecco, la ricerca delle immagini ha più pagine di risultati e cliccando su ">>" va avanti con le pagine... invece la ricerca del web mi fa uscire solo 10 risultati in una singola pagina.
Ho provato a modificarlo con la funzione "offeset" ma nulla.
Vi posto il codice della ricerca immagini e della ricerca web (che vorrei fosse come quella della ricerca immagini, con molte pagine di risultati...)
eccolo: Immagini:

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<title>Bing Instant with Jquery 9lessons</title> 

<meta content='Bing Instant Search with Jquery' name='description'/> 

<meta content='Bing Instant, 9lessons, PHP' name='keywords'/> 

<script type="text/javascript" src="http://ajax.googleapis.com/

ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

 

<script type="text/javascript"> 

var appId = '3B9C201E46EC29FA906BEF65B7A97C5B04DD18A9';

var offset = 0; 

var perPage  = 9;

$(document).ready(function(){

  $(".search_input").focus();

  $(".search_input").keyup(function(){

      search(offset);

  });





$('#offset_prev').click(function() {

    offset  = offset - perPage;

    search(offset);

  });



$('#offset_next').click(function() {

    offset  = offset + perPage;

    search(offset);

  });



  function search(offset){



    var search_input = $(".search_input").val();

    

    var keyword= encodeURIComponent(search_input);

 

    var yt_url='http://api.search.live.net/json.aspx?JsonType=callback&JsonCallback=?&Appid='+appId+'&query='+keyword+'&sources=image&Image.Count='+perPage+'&Image.Offset='+offset; 



 

    $.ajax({

      type: "GET",

      url: yt_url,

      dataType:"jsonp",

      success: function(response){

	$("#result").html('');

	if(response.SearchResponse.Image.Results.length){

	  $.each(response.SearchResponse.Image.Results, function(i,data)

	    {	

	      var url=data.MediaUrl;

	      var thumb=data.Thumbnail.Url;

	      var dimw=data.Width;

	      var dimh=data.Height;



	      var final="<div class='webresult'><div class='title'><a href='"+url+"'><img src='"+thumb+"' /></a></div><div class='desc'>"+dimw+"X"+dimh+"</div></div>";

	      $("#result").append(final);

      

	    });

	}else{

	    $("#result").html("<div id='no'>No results</div>");

	}

      }

    

    });



  }

    



});







 

</script> 

<style> 

body {



color:#000;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;



}

#container

{

margin:0 auto;

width:700px;



}



 

.search_input

{

 

border:2px solid #333;

font-size:20px;

padding:5px;

width:350px;

font-family:'Georgia', Times New Roman, Times, serif;

-moz-border-radius:5px;-webkit-border-radius:5px;

 

 

}

#input_box

{

text-align:left;

width:640px;

}

#result

{

text-align:left;



}

#no

{

padding:30px;

font-size:24px;

color:#fff;

 

}

 

.title

{

color:#006699;



font-size:16px;

padding-bottom:5px;





}

.title a

{

color:#cc0000;

text-decoration:none;

}

.desc

{

color:#333;

padding-bottom:5px;





 

}



.url

{

 color:#006600;

}

.webresult

{

margin-top:10px;

padding-bottom:10px;

padding-left:5px;

border-bottom:1px dashed #dedede;

}







#offset_prev,#offset_next{

  cursor:pointer;

}





</style> 

</head> 

 

<body> 



<div id="container"> 

 

<div id="input_box"> 



<img src="bing4.png" /><br/> 

<input type="text" class='search_input' />

 <a id="offset_prev"><<</a>

 <a id="offset_next">>></a>

</div> 



<div id="result"> 



</div> 





</div> 



</body> 

</html>

e web (con solo 10 risultati per pagina, ed io vorrei con molte pagine come nel codice precedente)

Codice:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<title>Bing Instant with Jquery 9lessons</title> 

<meta content='Bing Instant Search with Jquery' name='description'/> 

<meta content='Bing Instant, 9lessons, PHP' name='keywords'/> 

<script type="text/javascript" src="http://ajax.googleapis.com/

ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

 

<script type="text/javascript"> 

$(document).ready(function()

{

$(".search_input").focus();

$(".search_input").keyup(function() 

{

 

var search_input = $(this).val();

var keyword= encodeURIComponent(search_input);

 

 

var yt_url='http://api.search.live.net/json.aspx?JsonType=callback&JsonCallback=?&Appid=3B9C201E46EC29FA906BEF65B7A97C5B1E204835&query='+keyword+'&sources=web'; 



 

$.ajax({

type: "GET",

url: yt_url,

dataType:"jsonp",

success: function(response)

{



$("#result").html('');

if(response.SearchResponse.Web.Results.length)

{

 

 

 

$.each(response.SearchResponse.Web.Results, function(i,data)

{



 

var title=data.Title;

var dis=data.Description;

var url=data.Url;



var final="<div class='webresult'><div class='title'><a href='"+url+"'>"+title+"</a></div><div class='desc'>"+dis+"</div><div class='url'>"+url+"</div></div>";



 

$("#result").append(final);

 

});

 

 

}

else

{

$("#result").html("<div id='no'>No results</div>");

}

}

 

});

 

 

 

 

 

 

 

});

 

 

});

 

</script> 

<style> 

body {



color:#000;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;



}

#container

{

margin:0 auto;

width:700px;



}



 

.search_input

{

 

border:2px solid #333;

font-size:20px;

padding:5px;

width:350px;

font-family:'Georgia', Times New Roman, Times, serif;

-moz-border-radius:5px;-webkit-border-radius:5px;

 

 

}

#input_box

{

text-align:left;

width:640px;

}

#result

{

text-align:left;



}

#no

{

padding:30px;

font-size:24px;

color:#fff;

 

}

 

.title

{

color:#006699;



font-size:16px;

padding-bottom:5px;





}

.title a

{

color:#cc0000;

text-decoration:none;

}

.desc

{

color:#333;

padding-bottom:5px;





 

}



.url

{

 color:#006600;

}

.webresult

{

margin-top:10px;

padding-bottom:10px;

padding-left:5px;

border-bottom:1px dashed #dedede;

}





</style> 

</head> 

 

<body> 



<div id="container"> 

 

<div id="input_box"> 



<img src="bing4.png" />

<input type="text" class='search_input'  />

 

</div> 



<div id="result"> 



</div> 





</div> 



</body> 

</html>

Se volete provare li script, ecco le pagine:
La ricerca immagini (che va bene) : http://talkpluginorange.altervista.org/gsearch.html
e la ricerca web : http://talkpluginorange.altervista.org/home.html
Grazie mille

29-01-2012, 21.47.52

Ragazzi qualcuno mi può aiutare?
Grazie mille

30-01-2012, 22.01.11

Come si fa a fare tante pagine nella ricerca web con la funziona offset?
Qualcuno mi può aiutare?

Discussione: Risultati in jquery

LinkBack

Strumenti discussione

Display

Risultati in jquery

Regole di scrittura