Javascript, jQuery and other Junk's Image

Javascript, jQuery and other Junk

http://wowmotty.blogspot.com/
More about this blog
Latest Post
10 Jul 2010
Total Posts
21
Readers
165
Liked
0
Disliked
0
Views-Per-Post
07.86
vote up
0
vote down

How to click or drag/sort an object

I've seen this question come up a few times on Stackoverflow. How can I make a draggable/sortable/resizable/selectable object clickable as well?You can use the built in event timestamp to determine the time difference between when the mouse down and
tags: jquery
Jul 10 2010 04:15 PM
vote up
0
vote down

Visual Navigation

There are a few sites that have a side menu that changes as you scrolled down the page (e.g. brizk design & Crush + Lovely). I tried to generalize the script so it would work with any site and I ended making up with this jQuery plugin.I set up a demo
tags: jquery
Jul 10 2010 11:32 AM
vote up
0
vote down

todaysImage v1.0

The plugin will take a group of images which have a set date range, and show an image randomly from the group depending on the current date. It is based on my original Random Image by Date script but has been significantly modified and improved! It's
Jul 06 2010 12:56 AM
vote up
0
vote down

ImageHighlighter v1.0

imageHighlighter is an updated version of my original imgHighLighter plugin with lot of improvements! Most are under the hood so you probably won't see too much of a difference on the surface.This plugin allows you to highlight a portion of an image when
tags: jquery
Jun 30 2010 09:44 PM
vote up
0
vote down

Moving Boxes Updated

I updated the Moving Boxes script by Chris Coyier by converting the script into a plugin so now you can add multiple Moving Boxes blocks on the page at one time.I haven't done extensive testing of the script, so if you find any bugs please feel free to
tags: jquery
Jun 21 2010 10:06 PM
vote up
0
vote down

Dynamic Progress Indicator

I wrote this plugin to allow more control over the progress indicator. To the right is an animated gif progress indicator. All you can do is show or hide this image. This plugin allows you to make a similar indicator that you can fully control. The
tags: jquery
Jun 20 2010 11:59 AM
vote up
0
vote down

Drag External Events Into fullCalendar

I want to first preface this post with this fullCalendar ticket where the author provides a github branch with a fullCalendar version, but he hasn't officially integrated the code into the main plugin as of yet.I didn't want to use the non-supported
tags: jquery
May 27 2010 08:43 PM
vote up
0
vote down

jQuery Selectors - Adding a :contains exact match

I have included a demo to show you the utility of two selectors that you can easily add to your jQuery library.The standard ":contains()" selector matches the contents of the element in a case sensitive manner. But it is limited and there have been many
tags: jquery
May 13 2010 10:08 AM
vote up
0
vote down

Get Parameters from your Script Tag

I had a situation where I only needed to pass one variable to a script and asking users to do something like this seemed cumbersome<script type="text/javascript">var color = blue;</script><script type="text/javascript"
tags: jquery
Apr 23 2010 11:15 PM
vote up
0
vote down

How To Add A Champions Online Server Status To Your Site

Champions Online is a MMORPG made by Cryptic. You can normally find the server status by looking at the top of the page of their official site or from the launcher (from what I've read). This post will allow you to either (1) embed a Champions Online
Mar 22 2010 06:01 PM
vote up
0
vote down

imgHighLighter - jQuery Plugin

imgHighLighter is a jQuery plugin I wrote (my first!) that allows you to highlight a portion of an image when you hover over a link. In the image below, the mouse is hovering over the "Toolbar" link and you can see the toolbar portion of the image is
tags: jquery
Dec 02 2009 10:31 AM
vote up
0
vote down

MMORPG Server Status

I just started teaching myself php and figured out how to make a server status box for a couple of online games. So far I've added a server status for Aion, Lord of the Rings and Warhammer. These are free for anyone to use. I made it so you can add your
Oct 06 2009 04:15 AM
vote up
0
vote down

New and Improved jQuery Tooltips

The guild hosting site that I use recently stopped using the tooltip script from Dynamic Drive's Cool DHTML Tooltip due to it's interference with site functionality. The tooltips are now provided by an easier to use jQuery Tooltip script from
tags: jquery
Sep 28 2009 12:09 PM
vote up
0
vote down

Chained Video Selection Box

This video box does two things.(1) Videos are grouped and can be selected from a drop down menu.(2) You can change the video size on the fly.Click on the image below to see the demo page, view source for the full code.CustomizingSetting up GroupsTo add a
tags: jquery
Sep 28 2009 12:08 PM
vote up
0
vote down

Replacing Checkbox and Radio buttons

I found this pretty cool website (Hieuuk) that had an example of how to replace the checkbox and radio buttons with images. I was thinking about using it until I read the comments about how it doesn't work with the keyboard.Well, I was inspired to mess
tags: jquery
Sep 28 2009 12:06 PM
vote up
0
vote down

Random Image by Date

The following script will show a random image depending on the date.The frame below contains this script... you can view it directly by clicking this link. You can view the page source from there.SetupThe set up is fairly simple. The page requires two
tags: jquery
Sep 28 2009 12:06 PM
vote up
0
vote down

Auto-resizing background image

JQuery: I found a very nice jQuery plugin called Supersized that makes it very easy to add an auto-resizing background image to your website. And it includes a slideshow function!Canvas: I recently started to teach myself how to use Canvas and I thought,
tags: jquery
Sep 27 2009 11:17 AM
vote up
0
vote down

Design Resources

I haven't started working on the layout of my new blog, but I do have a list of design resources that I wanted to share! Hopefully you will find something useful here.Grid Layout:List of 15 useful CSS Grid Layout Generators @ Web Design BoothOr, you can
tags: design
Sep 25 2009 05:26 AM
vote up
0
vote down

Convert jQuery RGB output to Hex Color

My current project uses Farbtastic which is a fantastic jQuery plugin which allows users to visually choose a color for an element. The problem I ran into was loading a default color from the element:jQuery returns the element color in RGB
tags: design
Jul 29 2009 08:05 AM
vote up
0
vote down

Extracting URL parameters with Javascript

I found this very nice script over at Netlobo.com that will extract the desired parameter from browser URL (see the article here). Maybe I can explain this better with examples.Here is a basic browser
tags: resources
Jul 19 2009 02:57 AM
vote up
0
vote down

Welcome

Welcome to my blog!Who I am: I'm a self-taught amateur site designer/improver/manipulator. I know a little bit of HTML, javascript and jquery, but I've dabbled in lots of other things. I don't profess that I am the best at what I do, but it's a hobby and
May 31 2009 09:29 PM