Printable View
Salve,
dico subito che avevo forti dubbi in che sezione postare... ma alla fine, ho preferito qui...
Sò già che è difficile, ma c'è un modo per vedere un "anteprima" di un sito, magari prelevare un'immagine in PHP del sito e mostrarla al passaggio del mouse sul link?
Grazie mille!
Prova con un semplice iframe. Ovviamente devi poi fare un lavoro massiccio via css per cercare di farlo esteticamente una cosa decente e ovviamente non navigabile :D
EDIT:
Ovviamente per quanto riguarda l'effetto passando sopra il link ti basta creare la funzione javascript che fa l'effetto con l'iframe e la leghi agli eventi click dei link tramite per esempio jquery.
P.S.
Non so come ti sia venuto in mente di voler emulare google... Fare una cosa da solo che è riusciuto a fare solo il leader di questo campo...google. Vabeh :D In bocca al lupo :)
Ok, riesco a fare tutto ;)
Solo che rimane il problema della dinamicità, l'iframe deve uscire per tutti i siti e non sono programmati da me, come faccio?
Comunque ;) non voglio copiare google, bensi fare un semplice script di motore di ricerca, comunque, hanno certo funzioni simili a google :)
Lo faccio giusto per soddisfazione e migliorare le mie potenzialità :)
L'idea dell'iframe non è male!
Se lo imposti con overflow:hidden non è scrollabile. Volendo puoi anche utilizzare il nuovo attributo HTML5 seamless (assicurati di utilizzare il corretto DOCTYPE) che permette di integrare profondamente il contenuto dell'iframe nella pagina (applicando anche gli stili)
Questo è il frammento di codice del mio motore di ricerca:
title è la classe che fa uscire il link del riultato web, ora potrei farlo se l'iframe lo punterei ad un risultato speicifico, ma i risultati cambiano ogni link? Come imposto l'iframe "dinamicamente" per far si che mostri l'iframe di ogni sito?Codice:var final="<div class='webresult'><div class='title'><a href='"+urll+"'>"+title+"</a></div><div class='desc'>"+final_deep+"</div><div class='desc'>"+dis+"</div><div class='url'>"+display_url+" "+final_deep_dominio+" "+final_cache_url+"</div><div class='desc'>"+final_deep_cascata+"</div><div class='url'>"+final_tags+"</div></div>";
Imposta via css che il tuo iframe di id "mioIframe" sia invisibile (display:none).
Dopo che i risultati (link) vengono visualizzati, lancia questa funzione:
Dovrebbe funzionare.Codice:$('a').mouseover(function(){
$('#mioIframe').attr("src",$(this).attr("href"));
$('#mioIframe').show("fast");
});
$('a').mouseout(function(){
$('#mioIframe').hide("fast");
});
Ottimo, questa è la funzione...
per fare una specie di bottone affianco all'url che al passaggio del mouse fa uscire questa funzione?
Ti chiedo questo perchè non ho un elemento da far puntare al codice, e non so come fare :)
Non capisco il tuo problema...la funzione che ti ho mostrato aggancia a tutti i link presenti nella pagina l'evento per mostrare l'iframe...non capisco di cosa hai bisogno..scusa :(
Vorrei che affianco all'url ci fosse un bottone, che quando ci metti il mouse sopra fa uscire l'iframe...
Non so come configurare bottone e tuo codice e dove posizionare poi il tutto (se vuoi dare una brevissima occhiata allo script fammelo sapere ;) )
ok so risponderti, però se potessi farmi vedere direttamente la pagina dove tutto ciò avviene andrei molto meglio.
Allora, ecco l'intero codice se ti serve (quasi il 90% serve ad altre funzioni, immagini relative, video, news ecc...): http://talkpluginorange.altervista.org/search.txt
Qui la parte del Web:
Codice://web:
var results = response.SearchResponse.Web.Results;
for (var ii = 0; ii < results.length; ii++)
{
var titlee=results[ii].Title;
if (!titlee) titlee='';
var diss=results[ii].Description;
if (!diss) diss='';
var urll=results[ii].Url;
if (!urll) urll='';
var display_urll=results[ii].DisplayUrl;
if (!display_urll) display_urll='';
var array_deep_links=results[ii].DeepLinks;
if (!array_deep_links) array_deep_links="";
var array_search_tags=results[ii].SearchTags;
if (!array_search_tags) array_search_tags="";
var cache_url=results[ii].CacheUrl;
if (!cache_url) cache_url="";
//WebResult.DeepLinks Property (Bing, Version 2.2)
//WebResult.SearchTags Property (Bing, Version 2.0)
//WebResult.CacheUrl Property (Bing, Version 2.1)
var final_deep_cascata='<table><tr>';
var final_deep=final_deep_dominio='';
for(k = 0; k < array_deep_links.length; k++){
if (array_deep_links.length>=8){
//final_deep+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
}else if (array_deep_links.length<4)
final_deep_dominio+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
else {
//if (k==4) final_deep_cascata+='</tr><tr>';
//final_deep_cascata+='<td style="font-size:14px;padding:10px;"><a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a></td>';
}
}
final_deep_cascata+='</tr></table>';
var final_tags='';
for(k = 0; k < array_search_tags.length; k++){
if (array_search_tags[k].Value.search('http://')==1)
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : <a href='+array_search_tags[k].Value+' target="_blank">'+array_search_tags[k].Value+'</a></div>';
else
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : '+array_search_tags[k].Value+'</div>';
}
var final_cache_url='<a href="'+cache_url+'" target="_blank">Pagina nella cache</a>';
var title=DisplayTextWithHighlighting(titlee);
var dis=DisplayTextWithHighlighting(diss);
var display_url=DisplayTextWithHighlighting(display_urll);
var final="<div class='webresult'><div class='title'><a href='"+urll+"' target='_blank'>"+title+"</a></div><div class='desc'>"+final_deep+"</div><div class='desc'>"+dis+"</div><div class='url'>"+display_url+" "+final_deep_dominio+" "+final_cache_url+"</div><div class='desc'>"+final_deep_cascata+"</div><div class='url'>"+final_tags+"</div></div>";
switch (ii) {
case 0:
$("#result1").html(final);
break;
case 1:
$("#result2").html(final);
break;
case 2:
$("#result3").html(final);
break;
case 3:
$("#result4").html(final);
break;
case 4:
$("#result5").html(final);
break;
case 5:
$("#result6").html(final);
break;
case 6:
$("#result7").html(final);
break;
case 7:
$("#result8").html(final);
break;
case 8:
$("#result9").html(final);
break;
case 9:
$("#result10").html(final);
break;
case "":
break;
//default:
}
}//end for
}//end if(response.SearchResponse.Web.Results.length)
else
{
$("#result").html("<div id='no'>No results</div>");
}
}//end function (response)
});//end $.ajax({
//end Web
$('#result_tot').removeClass('loading');
}//end function search(offset){
$(document).ready(function(){
/*
$('body').bind('click',function (evt) {
//alert('Nodo ' + evt.target.nodeName);
alert($(evt.target).text());
});
*/
$(".search_input").focus();
});
</script>
Scusa il ritardo ma stavo facendo un'altra cosa e mi sono ricordato solo ora di guardare.
Sostituisci la parte che mi hai citato con:
Di sicuro poi bisognerà sistemare un po' di cose tramite css.Codice://web:
var results = response.SearchResponse.Web.Results;
for (var ii = 0; ii < results.length; ii++)
{
var titlee=results[ii].Title;
if (!titlee) titlee='';
var diss=results[ii].Description;
if (!diss) diss='';
var urll=results[ii].Url;
if (!urll) urll='';
var display_urll=results[ii].DisplayUrl;
if (!display_urll) display_urll='';
var array_deep_links=results[ii].DeepLinks;
if (!array_deep_links) array_deep_links="";
var array_search_tags=results[ii].SearchTags;
if (!array_search_tags) array_search_tags="";
var cache_url=results[ii].CacheUrl;
if (!cache_url) cache_url="";
//WebResult.DeepLinks Property (Bing, Version 2.2)
//WebResult.SearchTags Property (Bing, Version 2.0)
//WebResult.CacheUrl Property (Bing, Version 2.1)
var final_deep_cascata='<table><tr>';
var final_deep=final_deep_dominio='';
for(k = 0; k < array_deep_links.length; k++){
if (array_deep_links.length>=8){
//final_deep+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
}else if (array_deep_links.length<4)
final_deep_dominio+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
else {
//if (k==4) final_deep_cascata+='</tr><tr>';
//final_deep_cascata+='<td style="font-size:14px;padding:10px;"><a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a></td>';
}
}
final_deep_cascata+='</tr></table>';
var final_tags='';
for(k = 0; k < array_search_tags.length; k++){
if (array_search_tags[k].Value.search('http://')==1)
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : <a href='+array_search_tags[k].Value+' target="_blank">'+array_search_tags[k].Value+'</a></div>';
else
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : '+array_search_tags[k].Value+'</div>';
}
var final_cache_url='<a href="'+cache_url+'" target="_blank">Pagina nella cache</a>';
var title=DisplayTextWithHighlighting(titlee);
var dis=DisplayTextWithHighlighting(diss);
var display_url=DisplayTextWithHighlighting(display_urll);
var final="<div class='webresult'><div class='title'><a href='"+urll+"' target='_blank'>"+title+"</a></div><div class='desc'>"+final_deep+"</div><div class='desc'>"+dis+"</div><div class='url'>"+display_url+" "+final_deep_dominio+" "+final_cache_url+"</div><div class='desc'>"+final_deep_cascata+"</div><div class='url'>"+final_tags+"</div><input type='button' class='buttonsForIframe' value='Anteprima Sito' /></div>";
switch (ii) {
case 0:
$("#result1").html(final);
break;
case 1:
$("#result2").html(final);
break;
case 2:
$("#result3").html(final);
break;
case 3:
$("#result4").html(final);
break;
case 4:
$("#result5").html(final);
break;
case 5:
$("#result6").html(final);
break;
case 6:
$("#result7").html(final);
break;
case 7:
$("#result8").html(final);
break;
case 8:
$("#result9").html(final);
break;
case 9:
$("#result10").html(final);
break;
case "":
break;
//default:
}
}//end for
}//end if(response.SearchResponse.Web.Results.length)
else
{
$("#result").html("<div id='no'>No results</div>");
}
$('.buttonsForIframe').mouseover(function(){
var url = $(this).siblings(".url").html();
$('#anteprimaSito').attr("src", url);
$('#anteprimaSito').show();
});
$('.buttonsForIframe').mouseout(function(){
$('anteprimaSito').hide();
});
}//end function (response)
});//end $.ajax({
//end Web
$('#result_tot').removeClass('loading');
}//end function search(offset){
$(document).ready(function(){
/*
$('body').bind('click',function (evt) {
//alert('Nodo ' + evt.target.nodeName);
alert($(evt.target).text());
});
*/
$(".search_input").focus();
});
</script>
Fammi sapere se funziona.
EDIT:
Ovviamente devi aver creato da qualche parte l'iframe:
Codice HTML:<iframe src="" id="anteprimaSito"></iframe>
No, non funziona:
http://talkpluginorange.altervista.org/search.php
non sapevo dove posizionare "<iframe src="" id="anteprimaSito"></iframe>" e l'ho posizionato prima dei risultati ed esce l'iframe di una pagina di errore di altervista, inoltre, quando clicco su "Anteprima sito" nel bottone sotto i risultati, non succede nulla
Allora, che quando tu clicchi su anteprima sito non succede niente era scontato. Mi pare che mi avessi chiesto tu di fare un bottone che passandoci sopra faceva vedere nell'iframe l'anteprima.
Comunque...sostituisci il codice di prima con questo e vedrai che andrà:
Codice://web:
var bottone = "<input type='button' class='buttonsForIframe' value='Anteprima Sito' />";
var results = response.SearchResponse.Web.Results;
for (var ii = 0; ii < results.length; ii++)
{
var titlee=results[ii].Title;
if (!titlee) titlee='';
var diss=results[ii].Description;
if (!diss) diss='';
var urll=results[ii].Url;
if (!urll) urll='';
var display_urll=results[ii].DisplayUrl;
if (!display_urll) display_urll='';
var array_deep_links=results[ii].DeepLinks;
if (!array_deep_links) array_deep_links="";
var array_search_tags=results[ii].SearchTags;
if (!array_search_tags) array_search_tags="";
var cache_url=results[ii].CacheUrl;
if (!cache_url) cache_url="";
//WebResult.DeepLinks Property (Bing, Version 2.2)
//WebResult.SearchTags Property (Bing, Version 2.0)
//WebResult.CacheUrl Property (Bing, Version 2.1)
var final_deep_cascata='<table><tr>';
var final_deep=final_deep_dominio='';
for(k = 0; k < array_deep_links.length; k++){
if (array_deep_links.length>=8){
//final_deep+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
}else if (array_deep_links.length<4)
final_deep_dominio+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
else {
//if (k==4) final_deep_cascata+='</tr><tr>';
//final_deep_cascata+='<td style="font-size:14px;padding:10px;"><a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a></td>';
}
}
final_deep_cascata+='</tr></table>';
var final_tags='';
for(k = 0; k < array_search_tags.length; k++){
if (array_search_tags[k].Value.search('http://')==1)
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : <a href='+array_search_tags[k].Value+' target="_blank">'+array_search_tags[k].Value+'</a></div>';
else
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : '+array_search_tags[k].Value+'</div>';
}
var final_cache_url='<a href="'+cache_url+'" target="_blank">Pagina nella cache</a>';
var title=DisplayTextWithHighlighting(titlee);
var dis=DisplayTextWithHighlighting(diss);
var display_url=DisplayTextWithHighlighting(display_urll);
var final="<div class='webresult'><div class='title'><a href='"+urll+"' target='_blank'>"+title+"</a></div><div class='desc'>"+final_deep+"</div><div class='desc'>"+dis+"</div><div class='url'>"+display_url+" "+final_deep_dominio+" "+final_cache_url+"</div><div class='desc'>"+final_deep_cascata+"</div><div class='url'>"+final_tags+"</div>"+bottone+"</div>";
switch (ii) {
case 0:
$("#result1").html(final);
break;
case 1:
$("#result2").html(final);
break;
case 2:
$("#result3").html(final);
break;
case 3:
$("#result4").html(final);
break;
case 4:
$("#result5").html(final);
break;
case 5:
$("#result6").html(final);
break;
case 6:
$("#result7").html(final);
break;
case 7:
$("#result8").html(final);
break;
case 8:
$("#result9").html(final);
break;
case 9:
$("#result10").html(final);
break;
case "":
break;
//default:
}
}//end for
}//end if(response.SearchResponse.Web.Results.length)
else
{
$("#result").html("<div id='no'>No results</div>");
}
$('.buttonsForIframe').mouseover(function(){
var url = $(this).siblings(".url").html();
$('#anteprimaSito').attr("src", "http://"+url);
$('#anteprimaSito').show();
});
$('.buttonsForIframe').mouseout(function(){
$('anteprimaSito').hide();
});
}//end function (response)
});//end $.ajax({
//end Web
$('#result_tot').removeClass('loading');
}//end function search(offset){
$(document).ready(function(){
/*
$('body').bind('click',function (evt) {
//alert('Nodo ' + evt.target.nodeName);
alert($(evt.target).text());
});
*/
$(".search_input").focus();
});
</script>
Allora, ora va ma non esce l'iframe perchè c'è qualche errore nell'url, si forma un url tipo: www.%3Cb%3Egoogle%3C
http://talkpluginorange.altervista.org/search.php
Però, vorrei che la finestrella dell'iframe non si mostrasse lì, ma quando si mette il mouse su "Anteprima sito"
Per risolvere entrambi i problemi, sostituisci con questo:
Codice://web:
var subBottone="<a href='' class='buttonsForIframe'>Anteprima Sito</a>";
var bottone = "<div class='contButForI'>"+subBottone+"</div>";
var results = response.SearchResponse.Web.Results;
for (var ii = 0; ii < results.length; ii++)
{
var titlee=results[ii].Title;
if (!titlee) titlee='';
var diss=results[ii].Description;
if (!diss) diss='';
var urll=results[ii].Url;
if (!urll) urll='';
var display_urll=results[ii].DisplayUrl;
if (!display_urll) display_urll='';
var array_deep_links=results[ii].DeepLinks;
if (!array_deep_links) array_deep_links="";
var array_search_tags=results[ii].SearchTags;
if (!array_search_tags) array_search_tags="";
var cache_url=results[ii].CacheUrl;
if (!cache_url) cache_url="";
//WebResult.DeepLinks Property (Bing, Version 2.2)
//WebResult.SearchTags Property (Bing, Version 2.0)
//WebResult.CacheUrl Property (Bing, Version 2.1)
var final_deep_cascata='<table><tr>';
var final_deep=final_deep_dominio='';
for(k = 0; k < array_deep_links.length; k++){
if (array_deep_links.length>=8){
//final_deep+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
}else if (array_deep_links.length<4)
final_deep_dominio+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
else {
//if (k==4) final_deep_cascata+='</tr><tr>';
//final_deep_cascata+='<td style="font-size:14px;padding:10px;"><a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a></td>';
}
}
final_deep_cascata+='</tr></table>';
var final_tags='';
for(k = 0; k < array_search_tags.length; k++){
if (array_search_tags[k].Value.search('http://')==1)
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : <a href='+array_search_tags[k].Value+' target="_blank">'+array_search_tags[k].Value+'</a></div>';
else
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : '+array_search_tags[k].Value+'</div>';
}
var final_cache_url='<a href="'+cache_url+'" target="_blank">Pagina nella cache</a>';
var title=DisplayTextWithHighlighting(titlee);
var dis=DisplayTextWithHighlighting(diss);
var display_url=DisplayTextWithHighlighting(display_urll);
var final="<div class='webresult'><div class='title'><a href='"+urll+"' target='_blank'>"+title+"</a></div><div class='desc'>"+final_deep+"</div><div class='desc'>"+dis+"</div><div class='url'>"+display_url+" "+final_deep_dominio+" "+final_cache_url+"</div><div class='desc'>"+final_deep_cascata+"</div><div class='url'>"+final_tags+"</div>"+bottone+"</div>";
switch (ii) {
case 0:
$("#result1").html(final);
break;
case 1:
$("#result2").html(final);
break;
case 2:
$("#result3").html(final);
break;
case 3:
$("#result4").html(final);
break;
case 4:
$("#result5").html(final);
break;
case 5:
$("#result6").html(final);
break;
case 6:
$("#result7").html(final);
break;
case 7:
$("#result8").html(final);
break;
case 8:
$("#result9").html(final);
break;
case 9:
$("#result10").html(final);
break;
case "":
break;
//default:
}
}//end for
}//end if(response.SearchResponse.Web.Results.length)
else
{
$("#result").html("<div id='no'>No results</div>");
}
function aggiornaMousOv(){
$('.buttonsForIframe').mouseover(function(){
var url = $(this).siblings(".title").children("a").attr("href");
$('.contButForI').html(subBottone);
$(this).parent(".contButForI").html("<iframe src='"+url+"' id='anteprimaSito'></iframe> ");
});
}
aggiornaMousOv();
}//end function (response)
});//end $.ajax({
//end Web
$('#result_tot').removeClass('loading');
}//end function search(offset){
$(document).ready(function(){
/*
$('body').bind('click',function (evt) {
//alert('Nodo ' + evt.target.nodeName);
alert($(evt.target).text());
});
*/
$(".search_input").focus();
});
</script>
Ora non si mostra più la finestrella, ma quando metto il mouse su Anteprima sito o ci clicco non succede nulla. http://talkpluginorange.altervista.org/search.php
Scusami avevo fatto un'errore...sto lavorando a due cose in contemporanea :)
Questo funziona di sicuro...l'ho provato io stesso.
Ecco:
Codice://web:
subBottone="<a href='' class='buttonsForIframe'>Anteprima Sito</a>";
bottone = "<div class='contButForI'>"+subBottone+"</div>";
var results = response.SearchResponse.Web.Results;
for (var ii = 0; ii < results.length; ii++)
{
var titlee=results[ii].Title;
if (!titlee) titlee='';
var diss=results[ii].Description;
if (!diss) diss='';
var urll=results[ii].Url;
if (!urll) urll='';
var display_urll=results[ii].DisplayUrl;
if (!display_urll) display_urll='';
var array_deep_links=results[ii].DeepLinks;
if (!array_deep_links) array_deep_links="";
var array_search_tags=results[ii].SearchTags;
if (!array_search_tags) array_search_tags="";
var cache_url=results[ii].CacheUrl;
if (!cache_url) cache_url="";
//WebResult.DeepLinks Property (Bing, Version 2.2)
//WebResult.SearchTags Property (Bing, Version 2.0)
//WebResult.CacheUrl Property (Bing, Version 2.1)
var final_deep_cascata='<table><tr>';
var final_deep=final_deep_dominio='';
for(k = 0; k < array_deep_links.length; k++){
if (array_deep_links.length>=8){
//final_deep+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
}else if (array_deep_links.length<4)
final_deep_dominio+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
else {
//if (k==4) final_deep_cascata+='</tr><tr>';
//final_deep_cascata+='<td style="font-size:14px;padding:10px;"><a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a></td>';
}
}
final_deep_cascata+='</tr></table>';
var final_tags='';
for(k = 0; k < array_search_tags.length; k++){
if (array_search_tags[k].Value.search('http://')==1)
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : <a href='+array_search_tags[k].Value+' target="_blank">'+array_search_tags[k].Value+'</a></div>';
else
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : '+array_search_tags[k].Value+'</div>';
}
var final_cache_url='<a href="'+cache_url+'" target="_blank">Pagina nella cache</a>';
var title=DisplayTextWithHighlighting(titlee);
var dis=DisplayTextWithHighlighting(diss);
var display_url=DisplayTextWithHighlighting(display_urll);
var final="<div class='webresult'><div class='title'><a href='"+urll+"' target='_blank'>"+title+"</a></div><div class='desc'>"+final_deep+"</div><div class='desc'>"+dis+"</div><div class='url'>"+display_url+" "+final_deep_dominio+" "+final_cache_url+"</div><div class='desc'>"+final_deep_cascata+"</div><div class='url'>"+final_tags+"</div>"+bottone+"</div>";
switch (ii) {
case 0:
$("#result1").html(final);
break;
case 1:
$("#result2").html(final);
break;
case 2:
$("#result3").html(final);
break;
case 3:
$("#result4").html(final);
break;
case 4:
$("#result5").html(final);
break;
case 5:
$("#result6").html(final);
break;
case 6:
$("#result7").html(final);
break;
case 7:
$("#result8").html(final);
break;
case 8:
$("#result9").html(final);
break;
case 9:
$("#result10").html(final);
break;
case "":
break;
//default:
}
}//end for
}//end if(response.SearchResponse.Web.Results.length)
else
{
$("#result").html("<div id='no'>No results</div>");
}
function aggiornaMousOv(){ $('.contButForI').mouseover(function(){ if($(this).html()!=subBottone){return;} $('.contButForI').html(subBottone); var url = $(this).siblings(".title").children("a").attr("href"); $(this).html("<iframe src='"+url+"' id='anteprimaSito'></iframe> "); }); } aggiornaMousOv();
}//end function (response)
});//end $.ajax({
//end Web
$('#result_tot').removeClass('loading');
}//end function search(offset){
$(document).ready(function(){
/*
$('body').bind('click',function (evt) {
//alert('Nodo ' + evt.target.nodeName);
alert($(evt.target).text());
});
*/
$(".search_input").focus();
});
</script>
No, tranquillo!
Comunque, non capisco il perchè, ancora non funziona :( http://talkpluginorange.altervista.org/search.php
se hai una pagina di prova me la potresti postare che ci do un'occhiata, oppure a meno che risolvi l'errore :)
Prova così:
Codice://web:
subBottone="<a href='' class='buttonsForIframe'>Anteprima Sito</a>";
bottone = "<div class='contButForI'>"+subBottone+"</div>";
var results = response.SearchResponse.Web.Results;
for (var ii = 0; ii < results.length; ii++)
{
var titlee=results[ii].Title;
if (!titlee) titlee='';
var diss=results[ii].Description;
if (!diss) diss='';
var urll=results[ii].Url;
if (!urll) urll='';
var display_urll=results[ii].DisplayUrl;
if (!display_urll) display_urll='';
var array_deep_links=results[ii].DeepLinks;
if (!array_deep_links) array_deep_links="";
var array_search_tags=results[ii].SearchTags;
if (!array_search_tags) array_search_tags="";
var cache_url=results[ii].CacheUrl;
if (!cache_url) cache_url="";
//WebResult.DeepLinks Property (Bing, Version 2.2)
//WebResult.SearchTags Property (Bing, Version 2.0)
//WebResult.CacheUrl Property (Bing, Version 2.1)
var final_deep_cascata='<table><tr>';
var final_deep=final_deep_dominio='';
for(k = 0; k < array_deep_links.length; k++){
if (array_deep_links.length>=8){
//final_deep+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
}else if (array_deep_links.length<4)
final_deep_dominio+='<a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a> ';
else {
//if (k==4) final_deep_cascata+='</tr><tr>';
//final_deep_cascata+='<td style="font-size:14px;padding:10px;"><a href="'+array_deep_links[k].Url+'" target="_blank">'+array_deep_links[k].Title+'</a></td>';
}
}
final_deep_cascata+='</tr></table>';
var final_tags='';
for(k = 0; k < array_search_tags.length; k++){
if (array_search_tags[k].Value.search('http://')==1)
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : <a href='+array_search_tags[k].Value+' target="_blank">'+array_search_tags[k].Value+'</a></div>';
else
final_tags+='<div style="font-size:9px;">'+array_search_tags[k].Name+' : '+array_search_tags[k].Value+'</div>';
}
var final_cache_url='<a href="'+cache_url+'" target="_blank">Pagina nella cache</a>';
var title=DisplayTextWithHighlighting(titlee);
var dis=DisplayTextWithHighlighting(diss);
var display_url=DisplayTextWithHighlighting(display_urll);
var final="<div class='webresult'><div class='title'><a href='"+urll+"' target='_blank'>"+title+"</a></div><div class='desc'>"+final_deep+"</div><div class='desc'>"+dis+"</div><div class='url'>"+display_url+" "+final_deep_dominio+" "+final_cache_url+"</div><div class='desc'>"+final_deep_cascata+"</div><div class='url'>"+final_tags+"</div>"+bottone+"</div>";
switch (ii) {
case 0:
$("#result1").html(final);
break;
case 1:
$("#result2").html(final);
break;
case 2:
$("#result3").html(final);
break;
case 3:
$("#result4").html(final);
break;
case 4:
$("#result5").html(final);
break;
case 5:
$("#result6").html(final);
break;
case 6:
$("#result7").html(final);
break;
case 7:
$("#result8").html(final);
break;
case 8:
$("#result9").html(final);
break;
case 9:
$("#result10").html(final);
break;
case "":
break;
//default:
}
}//end for
}//end if(response.SearchResponse.Web.Results.length)
else
{
$("#result").html("<div id='no'>No results</div>");
}
function aggiornaMousOv(){
subBottone='<a href="" class="buttonsForIframe">Anteprima Sito</a>';
$('.contButForI').mouseover(function(){ if($(this).html()!=subBottone){return;} $('.contButForI').html(subBottone); var url = $(this).siblings(".title").children("a").attr("href"); $(this).html("<iframe src='"+url+"' id='anteprimaSito'></iframe> "); }); } aggiornaMousOv();
}//end function (response)
});//end $.ajax({
//end Web
$('#result_tot').removeClass('loading');
}//end function search(offset){
$(document).ready(function(){
/*
$('body').bind('click',function (evt) {
//alert('Nodo ' + evt.target.nodeName);
alert($(evt.target).text());
});
*/
$(".search_input").focus();
});
</script>
Ora va!!!
Solo che vorrei che ci fosse un bottone che quando ci metti il mouse a destra si apre una finestrella e non sotto l'url, come fare?
Adesso non ho più tempo...devo fare le mie cose. Ti consiglio di studiarti prima bene questi linguaggi perché le cose che chiedi non sono difficili da fare...quindi ti consiglierei prima di proseguire in questo progetto di studiarti bene php, javascript e soprattutto jquery.
Detto questo, probabilmente in giornata se mi và ci riguardo e forse ti scrivo come fare.
Ciao
Ok... grazie mille
In pratica vorrei che ci fosse un apertura di una tabella a destra al passaggio del mouse sul bottone, come google... solo che poi io ci cambio il css...
quello che vorresti fare è uno SCREENSHOT del sito nella ricerca....
è impensabile caricare un url tramite <iframe>, in quanto nell'iframe verrebbe caricata l'intera pagina del sito con conseguente rallentamento nella ricerca web, lo script rallenterebbe di molto...
una soluzione ottimale per impedire rallentamenti di esecuzione del motore è usare un servizio online gratuito, basta che cerchi esempio:
free+screenshot+service
http://isearch.avg.com/search?q=free+screenshot+service&sap=nt&lang=it&mi d=a7dee5dc0ef747d19b4fd15a3119891e-869a9516a3c62020cd42caf7294c9d306eadce00&cid={9b40 0129-dc06-4fd2-b5ba-2532dff26283}&v=10.2.0.3&ds=AVG&d=27%2F11%2F2011+1 2%3A39%3A23&pr=fr&snd=hp
ci sono servizi free che permetteno di aggiungere un url al loro link, per inserirlo nel contesto del proprio sito web, es.:
Codice HTML:
<img src="http://snapr.seekxl.de/?url='+urll+'&size=M" border="0">
Ti ringrazio per avermi fatto conoscere una cosa che non sapevo esistesse :)
Grazie :)
Fin ora ho trovato siti che tu ci metti il tuo url e lui ti da "l'anteprima"...
Per far uscire tutti gli screenshot come si potrebbe fare?
semplicemente come ho scritto sopra...(vedere codice html)Citazione:
Originalmente inviato da talkpluginorange
penso un servizio fra i migliori sia:
http://www.shrinktheweb.com/content/...2Fwww.bing.com
il codice da mettere sulle proprie pagine è:
ovviamente previa registrazione al servizio con un accesskeyid identificativo...Codice HTML:<img src="http://images.shrinktheweb.com/xino.php?stwembed=1&stwxmax=320&stwymax=240&stwaccesskeyid=3ab2d75e4b4621d&stwurl=http://www.bing.com" border="0">
Ok quindi...
Per fare un bottone a destra che al mouse passa e apre una tabella con lo screenshot...
dentro il bottone (che ancora non saprò come fare :) ) devo metterci il tuo codice sopra?
Sbaglio ma il codice è configurato con lo screen di bing, ma resta il problema di tutti i siti come fare...
ti avevo dato uno script jquery per lo zoom delle immagini, puoi utilizzare quello per visualizzare sia il pulsante (>> come google) a destra di pogni risultato, e sia lo screenshot dell'url di ogni risultato della ricerca....
devi fare in modo che al passaggio del mouse su ogni risultato della ricerca(e solo per quel risultato) appaia il pulsante >>, e al passaggio del mouse sul pulsante appaia lo screenshot.
il jquery in questione non fa altro che rendere visibile o meno sia il pulsante sia lo screenshot.
le informazioni sia per il pulsante sia per lo screnshot(l'url della ricerca) devono essere costruite durante l'esecuzione della ricerca, non devono essere visibili ma ci sono nel codice....diventeranno visibili al passaggio del mouse o meno.
prova a vedere se riesci a realizzare questa modifica per lo screenshot, prendendo spunta da quello che ho fatto per le immagini...