Stwórz sobie wymarzonego Firefoksa

Powyższy kod, wykonany przez Greasemonkey po otwarciu strony kinodomowe.idg.pl spowoduje wyświetlenie żółtego prostokąta obok zawartości witryny. Skoro potrafimy już dodać element, zadbajmy, aby wyświetlał interesującą zawartość, np. listę najnowszych programów na FTP. Do tego celu wykorzystamy obiekt XMLHttpRequest, typowy dla technologii AJAX, a umożliwiający wysyłanie zapytań GET i POST oraz odbieranie odpowiedzi bez konieczności przeładowywania strony (więcej na temat technologii AJAX znajdziesz w wydaniu 2/2008 PC Worlda.

Stwórz sobie wymarzonego Firefoksa

Dzięki użyciu technologii AJAX i obiektu XMLHttpRequest skrypt pobiera zawartość stronyhttp://www.kinodomowe.idg.pl/ftp i wstawia ją obok głównej strony kinodomowe.idg.pl.

Obiekt ten posłuży do pobrania zawartości stronyhttp://www.kinodomowe.idg.pl/ftp, z której następnie wydobędziemy listę najnowszych programów. Początkowy kod skryptu wygląda następująco:

var ftpbox = document.createElement("div");
ftpbox.style.position = 'absolute';
ftpbox.style.left = '770px';
ftpbox.style.top = '0px';
ftpbox.style.width = '300px';
ftpbox.style.height = '420px';
ftpbox.style.border = '1px solid green;';
ftpbox.style.padding='4px';


var xmlhttp=new XMLHttpRequest();

xmlhttp.open("GET", location.href+"ftp",true);

xmlhttp.onreadystatechange=function() {
  if (xmlhttp.readyState==4) {
    var s = xmlhttp.responseText;   
    ftpbox.innerHTML = s;
  }
}
xmlhttp.overrideMimeType("text/html; charset=ISO-8859-2");
xmlhttp.send(null);
 
document.body.insertBefore(ftpbox, document.body.firstChild);