jquery

jCounter (a jQuery countdown plugin) – first release

Catalin 4 Comments

After doing a basic tutorial on creating a jQuery countdown plugin, I’ve been getting many requests regarding its functionality, so I’ve decided to rewrite it and make a release of a more stable version with more control.

Here are a few new things:

  • server-side timezone support to ensure accurate date-based countdowns
  • more control with native methods (stop, start, reset, pause)
  • it creates not only countdowns, but also countups based on custom values
  • it can run multiple independent instances etc.

Right now it’s in BETA, as I’m still improving it here and there.

You could help a lot by checking it … Read article

Read More

Building an extensible jQuery countdown plugin from scratch

Catalin 30 Comments

UPDATE!
I’ve made an official release of this plugin, click here and check it out

It has been some time since I’ve last posted, I’ve been far too busy with a project I’ve been working on the past several months, but it’s almost ready and I hope I’ll get back to my weekly posting.

While working at this project, at some point I needed a countdown script to announce certain features being released on specific dates, maybe I’ve been a bit lazy and tried finding an already built countdown plugin to work with, but not much luck finding exactly what … Read article

Read More

Populate a select dropdown list with jQuery

Catalin 5 Comments

It’s common to meet situations where you want a dropdown list to be updated depending on a visitor’s input.

Let’s say we have a contact form and we want to list contact names according to the department the visitor selects. Namely, in our case, we’ll have different contact names for the ‘sales’ and ‘support’ departments.

XHTML
1
2
3
4
5
6
7
8
9
10
11
12
 
<form>
<select name="dep">
<option>Department</option>
<option>Sales</option>
<option>Support</option>
</select>
<select name
… Read article

Read More

JavaScript’s Alert Method vs. jQuery’s Dialog Widget

Catalin 2 Comments

What’s the quickest and easiest way to send a message, a note or even a warning to a website’s end-user? The JavaScript alert() method! As handy as it is, I’m certain that even yourself have experienced stressful cases where a website kept stuffing alert messages while you were browsing, and not only that, they’re also old-fashion. Despite the message you want to send, whether it’s a welcome message or a hint, they just look like nasty warnings. Furthermore, with alerts, you don’t have much control in terms of design and accessibility.
For presentational reasons, I’ll build all the code in … Read article

Read More

Approaching jQuery for the first time

Catalin 5 Comments

Learning jQuery is probably one of the most fun rides you can take!
That’s because with just some basic knowledge of jQuery you can do advanced and complex looking designs and effects, without breaking a sweat.
I’ll cover many and simple jQuery tips in my upcoming articles, for now, let’s just get a closer look at how jQuery works.
Throughout this title, I’ll assume you have a good understanding of HTML and CSS, otherwise, I wouldn’t recommend you to approach jQuery just yet.

So what is jQuery? It’s a JavaScript library, but not just an ordinary library, jQuery is an … Read article

Read More

Taking advantage of web languages basics

Catalin 3 Comments

I’ve been asked a lot of times “Based on what skills is a web developer defined?”. That’s pretty hard to answer, a web developer is usually seen as someone who can deal with a project’s both front-end and back-end work, that obviously insinuating the developer’s skills in both design and programming, but when questioning what languages should one know specifically, there’s no official answer. As an example though, when companies are looking to hire a web developer, they’re usually expecting skills in: (x)HTML / CSS / JavaScript / jQuery / PHP / MySQL, either just a few from those or … Read article

Read More