JQuery Scripts & Helpful Snippets

How To Display Latest Tweet On Website

Here’s a really quick and simple way to display your latest Tweet on your website like the example below (the graphics obviously won’t appear, just the Tweet): 1 2 3 4 5 6 7 8 9 10 11 <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function () { $.getJSON("http://twitter.com/statuses/user_timeline/USERNAME.json?callback=?", function(data) { $(".show_tweet").html(data[0].text); }); }); </script> <div class="show_tweet"></div> Simply [...]

30 Nov 2011 / 1 Comment / jQuery Scripts & Helpful Snippets / by Maruf

jQuery- Show The Height And Width Of The Browser Viewport in Real-Time

Strange. I looked around everywhere for this code, and couldn’t find it anymore online. I simply wanted jQuery code that would show the height and width of the browser viewport in “real-time” I found plenty of code samples that would show the viewport size on page load/refresh, but nothing that would update live, as I [...]

28 Jul 2011 / 2 Comments / jQuery Scripts & Helpful Snippets / by Maruf

Simple JQuery / PHP Image Gallery

I previously wrote a Simple, Pure CSS Image Gallery. But times have changed since then, and now everyone seems to be keen on AJAX technologies. So I’ve written a nice and easy Image Gallery script that uses JQuery (and a small bit of PHP). The problem with the CSS image gallery is that different browsers [...]

27 Mar 2011 / 0 Comments / jQuery Scripts & Helpful Snippets / by Maruf

JQuery – Hover And Show Next Element

So, this JQuery code shows the next element (a DIV in this case) when you hover over a “trigger” (in this case, the triggers are hyperlinks), and then hides the element (the DIV and its contents) once you hover out. Below is a demo of exactly what I mean… Demo Link- Gallery Take a look [...]

17 Feb 2011 / 0 Comments / jQuery Scripts & Helpful Snippets / by Maruf

Ajax- JQuery Hovering/Expanding Info Box

I looked high and low for an “AJAX hovering/expanding info box”, but I couldn’t really find anything decent that worked in all browsers. Most of them choked when using I.E. I may have even been Googling the wrong keyphrase, I’m not even sure I named this effect the right thing… For those of you who [...]

24 Nov 2010 / 3 Comments / jQuery Scripts & Helpful Snippets / by Maruf

Ajax JQuery – Rotating Image Script

I can’t remember for the life of me where I got this code from, but if I could, I’d give the author the credit. I didn’t write this code, but it’s something I wanted to share because it’s pretty cool. There are HUNDREDS of image rotating scripts out there, but I like this one in [...]

27 Aug 2010 / 0 Comments / jQuery Scripts & Helpful Snippets / by Maruf

Ajax – Rotating Text

I just implemented a new feature on Property Investment for the Landlord, which shows a box rotating through various text blocks. Just for clarification, this code doesn’t just apply to rotating “text”, you can put images or anything you want in there. This is just a flat image example: I used the excellent Jquery Innerfade [...]

29 Mar 2010 / 1 Comment / jQuery Scripts & Helpful Snippets / by Maruf

Ajax JQuery / PHP – Refresh Table When Inserting Row Into a MySQL Database

I’ve had a few people asking me how to refresh a table (not the entire page) when inserting rows into a MySQL database, so I thought I’d quickly put together a small demo. Here’s a basic demo of what I’m talking about. If you populate the form and press “Submit” you’ll notice the table updates [...]

09 Mar 2010 / 15 Comments / jQuery Scripts & Helpful Snippets / by Maruf

JQuery- Auto Refresh Div Every X Seconds

I’ve recently been working on a e-commerce site (online store) for a client. One of the features required was to show the most recently viewed items on the homepage. For that to work, I need to write a script to query a DB every 10secs or so. Youtube actually has something similar, where on the [...]

26 Feb 2009 / 113 Comments / jQuery Scripts & Helpful Snippets / by Maruf

Ajax Jquery Contact Form With Validation

I’ve put together a simple AJAX contact form, using the Jquery library (my personal favourite). What does this all mean? Well, it’s basically a contact form which validates and submits an email without the page refreshing. You can see an example on our contact page. The example i’m providing for download is extremely simple. If [...]

11 Dec 2008 / 18 Comments / jQuery Scripts & Helpful Snippets / by Maruf

Web Design Blog