How to get the position of an element in jQuery

admin — Tue, 05 Jan 2010 15:47:47 +0000

Here’s a little example of how to retrieve the current position of any element:

var pos = $("#mydiv").show().position(); //the element has to be visible -> show
alert(pos.left + " " + pos.top);

jQuery hasClass

admin — Sun, 13 Dec 2009 15:35:59 +0000

jQuery has the hasClass() function that returns true if any element in the wrapped set contains the specified class.

if (!($(this).hasClass("classname"))

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);
}
});

simra » jQuery

How to get the position of an element in jQuery

jQuery hasClass

Ajax Request for RSS Feeds with jQuery