Rumball Motors Interactive » Snippets

“Who Is Online” Widget With PHP, MySQL & jQuery – Tutorialzine

admin — Wed, 03 Mar 2010 11:07:57 +0000

For this week’s tutorial, we are taking a look at our ever-so-interesting inbox. It all started with a letter from one of our readers a couple of weeks ago:

My boss is always coming into my office asking me to install things on our client’s sites. One of the items that’s been coming up more and more is “How can we tell who’s currently online?” So, the next time you need a tutorial idea, there you go – a php/mysql/jquery ‘online users’ widget. Oh, and a geomap of each visitor would be super rad too.

Thanks for everything you guys do,

Taylor

Taylor, we are always happy when we receive good tutorial ideas, so today we are doing just that – a “Who is online” widget with PHP, MySQL & jQuery. It will display the number of visitors, currently viewing your site, and thanks to Hostip’s free IP to location API, it will even be able to detect the country your visitors are from and display it in a slide out panel.

via “Who Is Online” Widget With PHP, MySQL & jQuery – Tutorialzine.

Using ellipsis with HTML and CSS

admin — Fri, 11 Dec 2009 21:34:25 +0000

If the text is too wide to fit into a container, a nice solution can be to have ellipsis to show there’s more information available. While not currently part of the official HTML specifications, it is possible to have ellipsis defined in CSS and it works for Internet Explorer, Safari, Chrome and Opera. It doesn’t work for Firefox but there’s a workaround that can be done with jQuery.

via Using ellipsis with HTML and CSS.

Input with Disappearing Background Image

admin — Fri, 11 Dec 2009 21:29:46 +0000

This replicates the functionality of the standard embeddable Google Search fields. They have an image in the background and when the input is clicked into, the image disappears.

via Input with Disappearing Background Image.

Scroll/Follow Sidebar, Multiple Techniques | CSS-Tricks

admin — Mon, 30 Nov 2009 15:28:59 +0000

Really simple concept today folk! A sidebar that “follows” as you scroll down a page. There are a number of ways to go about it. We’ll cover two: CSS and JavaScript (jQuery) with a bonus CSS trick.

via Scroll/Follow Sidebar, Multiple Techniques | CSS-Tricks.

Custom Fields for HTML Post Titles | Digging into WordPress

admin — Tue, 10 Nov 2009 10:45:28 +0000

You don’t want to go putting HTML tags directly into post titles. It might show up OK on your own site, but it can be problematic. For example, your titles through RSS will show the tags as next, not render them. I was wishing for a plugin to handle this better, but until then, here is almost-as-simple way to go about it.

via Custom Fields for HTML Post Titles | Digging into WordPress.

Check if jQuery is Loaded

admin — Tue, 10 Nov 2009 10:35:33 +0000

Check if jQuery is Loaded.