simra » Ajax

EDW (Edwelweiss Air) Widget

admin — Tue, 02 Feb 2010 10:24:08 +0000

Das EDW Widget für OS X wurde für Piloten der Firma Edelweiss Air konzipiert. Mit ihm können Piloten den aktuellen Flugkalender, Fluginformationen und neuste Meldungen abrufen. Das Programm basiert auf Javascript und wurde mit dashcode entwickelt.

Ajax Request for RSS Feeds with jQuery

admin — Sat, 28 Nov 2009 14:21:55 +0000

In this example I will show you how to easily load RSS Feeds into your web site by using Ajax. Of course you can load Rss Feeds directly in your Php script, but an Ajax request won’t slow down the loading process. However for security reasons, Ajax cannot make remote/external calls to XML. Therefore you have to create a bridge in Php, that accesses the Feeds and returns the XML locally. Anyways here’s how to get your Twitter feeds- but of course you can apply this code to any other XML file.

Here’s the bridge.php file:

header("Content-Type: application/xml; charset=UTF-8");
$feed = (isset($_REQUEST['feed'])) ? $_REQUEST['feed'] : '';
if(!empty($feed) || is_string($feed)) echo file_get_contents("http://".$feed);
?>

Ajax Request:

jQuery(document).ready(function() {
jQuery("#loading").show();
jQuery.ajax({
type: "GET",
url: "bridge.php?feed="+escape("twitter.com/statuses/user_timeline/55789790.rss"),
dataType: "xml",
success: parseXml
});
function parseXml(xml) {
var items = xml.getElementsByTagName('item');
$("lasttweet").set("html",items[0].getElementsByTagName('description')[0].firstChild.nodeValue);
}
});

Ajax Request Using MooTools 1.2

admin — Fri, 20 Nov 2009 17:23:58 +0000

Ajax has become a very important part of the modern web and that won’t change in the near future. The MooTools Framework has made Ajax so simple that even a newbie developer can get their dynamic pages working in no time.

The xhtml part looks like this:

<p>
<a id="start" href="#">Click here</a>
to start Ajax request
</p>
<div id="log">
<p>Waiting...</p>
</div>

Since version 1.2 you must create an instance of the Request class. We provide our request with the method get (post is certainly provided too), the URL, optional data information, and optional onRequest and onComplete event handlers.

And that’s how you made it with the old mootools version 1.1.. but we don’t use that anymore

$('start').addEvent('click', function(e) {
e = new Event(e).stop();
var url = "ajax.php";
new Ajax(url, {method: 'get',update: $('log')
}).request();
});