Witam!
Edytuję skrypt wyszukiwarki (tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery) i mam pewien problem:
W Firefox wszystko działa poprawnie, lecz w IE nie wyświetlają się wyniki wyszukiwania. Zauważyłem, że błąd nie tkwi w funkcji getJSON, lecz najprawdopodobniej w animacji (Wybrałem wyszukiwanie obrazków i obserwowałem pasek statusu).
Fragmenty strony (Zmodyfikowane):
HTML(search.html):
<div id="page">
<form id="searchForm" method="post">
<fieldset>
<input id="s" type="text" />
<input type="submit" value="Szukaj" id="submitButton" class="btn" />
<ul class="icons">
<li class="web" title="Web Search" data-searchType="web">Web</li>
<li class="images" title="Image Search" data-searchType="images">Images</li>
<li class="videos" title="Video Search" data-searchType="video">Videos</li>
</ul>
</form>
<div id="resultsDiv"></div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://jqueryui.com/ui/jquery.effects.core.js"></script>
<script src="script.js"></script>
Javascript (script.js)
Linie 1-8
$(document).ready(function(){
var pgs=parseInt($("body").width()/250);
if(pgs>8){
pgs=8;
}
$("#resultsDiv").offset({ top: 0, left: 0 });
$("#resultsDiv").width($("body").width()).height($("body").height());
$("#resultsDiv").hide();
Linie 60-66
function googleSearch(settings){
// If no parameters are supplied to the function,
// it takes its defaults from the config object above:
if($(".pageContainer")){
$(".pageContainer").slideUp({ duration: 2000, easing: 'easeInBounce', complete: function(){}});
}
Linie 103-105
pageContainer.append('<div class="clear"></div>')
.hide().appendTo(resultsDiv)
.slideDown({ duration: 2000, easing: 'easeOutBounce', complete: function(){}});