How to Get the Value of an Element’s Attribute with jQuery using attr()

Last Updated on Wednesday, 13 February 2013 08:35 Written by Richi González Wednesday, 13 February 2013 12:00

Hello,

Lately that I’ve been working a lot with jQuery, I have noticed how easy and small functions get endless possibilities for improving code. In this article, you will learn how to get the value of any attribute of an element with jQuery using attr()

We will imagine we have the following HTML code:

How to Add a Google Direction Map to a Web Site

Last Updated on Saturday, 26 January 2013 08:17 Written by David Bauernschmidt Saturday, 26 January 2013 12:00

Just about everyone in today’s internet has either a Google, Bing or MapQuest map on their web page, and although this is a fine idea there have been several times when I want to know how to get there from where I live, work, or eat.  You are left with a couple of choices, you could try and copy and paste to Google map and then add a destination or you could zoom out and try and figure it out yourself. Why not add the ability for a user to enter in their address and then let them see driving directions from your site. Furthermore; if you wanted to capture the address that they are using you might find a pattern which might help target your advertising dollar. This article will walk you through the steps to add this to your site. Trust me it is not very difficult.

How to Determine If a User is Accessing a Web Site Through a Mobile Device

Last Updated on Wednesday, 23 January 2013 12:51 Written by David Bauernschmidt Wednesday, 23 January 2013 12:00

With the explosion of smartphones, tablets and other handheld devices it is becoming more important than ever to determine what type of devices are being used to get to your data.  Furthermore; hiring a development team to build the same application for Apple, Android, and Microsoft is almost only dedicated to companies that are very large or those companies that are willing to lose money until they hit it big.  For the vast majority a solution is to develop a web application that fairly browser independent.  This article is not designed to show you how to build a mobile application (this might come in a later blog) but rather provide you with the first step in this journey.  This sample is to help in identifying whether a user is on your site by a mobile device or through a normal browser.  I have pulled together different parts of the web to provide step by step instructions to do the following:

How To Dynamically Change CSS Properties of Elements with jQuery

Last Updated on Thursday, 3 January 2013 12:00 Written by Richi González Thursday, 3 January 2013 12:00

Hello,

Did you know you can change elements’ CSS properties dynamically with jQuery? Well, yeah! You probably want to change an element’s opacity when a button is clicked to make it look like it is loading, for example. There are lots of uses this function can have, you set your own limits!

How to Remove Contents of an Element (div, ul, etc) with jQuery

Last Updated on Friday, 21 December 2012 08:12 Written by Richi González Friday, 21 December 2012 12:00

Hello,

As I’ve been recently working with a website that has a lot of jQuery and AJAX, and my jQuery knowledge was small, I was wondering how to remove the content of a <div> with jQuery. The solution was pretty easy and with just a line of code.

The element we are going to affect will be called ‘Target’.