Премигване при презареждане

Galli

Registered
С AJAX се презарежда един текст в div, как да го направя да мига при презареждане, или да си сменя цвета за секунда примерно?
 
Ако ползваш jQuery можеш да го направиш по следният начин:
Когато заявката приключи и браузъра парсне текста пускаш тази функция:
Код:
function changeFontColor(){
$('#diva') . addClass('cvetenText');
window.setTimeout(function(){
$('#diva') . removeClass('cvetenText');
}, 1000);
}
А класа cvetenText ще изглежда така:
Код:
<style>
.cvetenText{
font-color: green;
}
</style>

Ако не ползваш jQuery, дай си кода за аякс заявката и ще ти го направя :)

Едит: Ето ти направо как ще стане без jQuery:
Когато заявката приключи и браузъра парсне текста пускаш тази функция:
Код:
function changeFontColor(){
var div = document.getElementById('diva');
div.style.fontColor = 'green';
window.setTimeout(function(){
div.style.fontColor = 'white'; // тук си слагаш цвета по подразбиране 
}, 1000);
}
:)
 
Galli каза:
А това jQuery под всички браузъри ли работи?
IE 6.0+, FF 2+, Safari 3.0+, Opera 9.0+, Chrome
Това е може би най-използваният Javascript фреймуърк от всички. Страшно лесно се работи с него. Прави нещата 10 000 пъти по-лесни :?:
 
Разгледах го, харесах го, понаучих го, върши различни неща.
Сега обаче един въпрос.
Как е по-добре (по-бързо), да се ползва примерно това за презареждане
human каза:
Код:
<SCRIPT language=JavaScript type="text/javascript"> 

GetXmlHttpObject = function() 
{ 
var XMLHttp = null; 
try 
{ 
XMLHttp = new ActiveXObject('MSXML2.XMLHTTP.3.0'); // ie7 
} 
catch (e) 
{ 
try 
{ 
XMLHttp = new ActiveXObject("Msxml2.XMLHTTP"); //ie 6 
} 
catch(e) 
{ 
try 
{ 
XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");//ie older versions 
} 
catch(e) 
{ 
} 
} 
} 

if (XMLHttp == null) 
{ 
XMLHttp = new XMLHttpRequest(); 
} 
return XMLHttp; 
} 

var http = GetXmlHttpObject(); 

function sendRequest(page) { 

// Отваряме файла
http.open('get', page); 
http.onreadystatechange = handleResponse; 
http.send(null); 

} 

function handleResponse() { 

if(http.readyState == 4 && http.status == 200){ 

// взимаме текста взет от файла
var response = http.responseText; 

if(response) { 
// ъпдейтва информацията
document.getElementById("msgstatus").innerHTML = response; 
} 

} 

} 

function repeatloop() 
{ 
sendRequest('test.php'); //test.php заменяш с файла , от който ще взимаш информацията
setTimeout("repeatloop()", 5); 
} 

window.onload=function() { 
repeatloop(); 
} 
</script>
<div id="msgstatus"></div>
:?:
или да се зарежда този файл 34,45 KB
Код:
<script src="http://code.jquery.com/jquery-latest.js"></script>
 
Ако ще го използваш jQuery само за това, тогава няма смисъл :?
Но както си решиш. Може да се довериш на jQuery, че се поддържа под повечето браузъри, и е малко вероятно да изникне порблем.
Пък и може да решиш да вкараш някоя друга анимация или функционалност на страницата и ще се наложи да пренапишеш кода за заявките да работи с jQuery :)
 

Back
Горе