Tag: jQuery

jQuery code snippet to detect if a user is viewing the website using a mobile device, specifically an iPhone iPod or iPad by userAgent, deviceAgent.match().

jQuery Code Snippet to disable the mouse right click as often used with websites who want to add some low level security - bind to the contextmenu event.

jQuery code snippet to Find and Replace Characters using a loop of every html element in a web page. Change the values in the replace function.

jQuery code snippet to detect if a user has scrolled to the bottom of the page (or div with scroll) before enabling the terms and conditions checkbox.

jQuery code snippet to make capitals of the first letter of every word in the string. This could be used to prevent users from entering all caps for titles.

20 Flash-like jQuery Plugins to help you give Flash a horrible death! Impressive flash-like JavaScript Animation Inspirations, tutorials and plugins.

10 jQuery Fun and Games Plugins to help entertain your website visitors and maybe attract them to bookmark your site and come back! Awesome in browser games!

JQuery optimized mobile plugins that allow features as swipe touch, browser detect, image galleries, drag n drop, touch scroll, ajax calls, css tweaks and more!

Cool hover menu which rotates around an element and the menu item is automatically selected when you move the mouse around it or right click on the mouse.

Detect if a user is viewing the website using a mobile device and what mobile browser they are using such as Opera, Firefox, Safari, Netscape, IE, Mozilla etc.

jQuery Code Snippets to convert text on a web page to uppercase or lowercase. Could be useful for changing text styles on your web page without using css.

The jQuery animated parallax effect is pretty awesome. In this tutorial I explain how to create your own jQuery parallax banner effect to use in your header.

jQuery is really taking website animation effects to a whole new level. Here are 8 awesome examples of jQuery with parallax effects used on different websites.

JQuery code snippet to add an event to all links with class .popup to open in a popup window instead of the current page or new tab/window.

jQuery code snippet to check whether a web page element has a specific css class. To do this we can use the jQuery hasClass() function or jQuery is() function.

jQuery code snippet to get the relative position of the mouse pointer. Function takes element id and x and y co-ordinates of the mouse pointer and returns.

Read JavaScript 'this' and Event Handlers and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Perform Simple DOM mods to remove duplicate element IDs. This example could be used to fix a featured article for your blogs so that the element id is unique.

In this example you can capture multiple key press combinations. Specify the key combo and keypad code and the function to execute when the keys are pressed.

Add some keyboard shortcuts which can used to perform common site tasks faster than a speeding bullet! How to create keyboard events console log for firebug.

jQuery code snippet to check whether a function exists within the JavaScript code. This can be easily achieved by using the jQuery.isFunction() function.

jQuery code snippet to check whether a html element exists on the current web page. The easiest way i've found to do this is to check the length of an object.

jQuery code snippet to check whether an element in the DOM is hidden from view of the user. This is useful when determining the state of a toggled elements.

jQuery and html code snippets to resize the text on a webpage dynamically when a user clicks the increase text size or decrease text size buttons or links.

jQuery code snippet to do something every 5 seconds. The jQuery setInterval function can be used to automate a task using a regular time based trigger.

jQuery countdown where the numbers count down from 10 every second. Counter number and then calling setTimeout again at the end of the timeout function call.

The jQuery library has a full suite of AJAX (Asynchronous JavaScript and XML) capabilities.

It’s really amazing to see what one can create using jQuery. Developers just don’t stop making incredibly interactive web applications every now and then.

Pretty cool HTML5 Canvas Example which uses JavaScript and the Canvas element to create an animation effect controlled by mouseover events, animate google logo.

jQuery code snippet to wait for an image to load before running some code. The only drawback is you would need to supply the image name (incl extension).