DOM Modification

Order: newest first | oldest first
20 Sep 2006

Fancy Drop Cap – Part 1

Introduction Last spring when I implemented a new design for my weblog, I wanted to use a fancy drop cap for the first letter of the first paragraph of the first post of each page. There are all sorts of ways to make a drop cap happen, but since I was reading Jeremy Keith's excellent […]
Read the rest of this entry »

Levels: Beginner, Intermediate | Categories: DOM Modification, DOM Traversing | 30 Comments »

02 Oct 2006

Fancy Drop Cap – Part 2

In Fancy Drop Cap - Part 1, I showed how I used jQuery to insert a drop cap on my personal weblog. But there is still some unfinished business to take care of: Accounting for cases in which the first paragraph (where I want my drop cap to go) starts with another tag of some […]
Read the rest of this entry »

Levels: Beginner | Categories: DOM Modification, DOM Traversing | 14 Comments »

19 Nov 2006

Really Simple Live Comment Preview

Introduction and Caveat I'm sure that some of you were expecting this entry to discuss traversing the DOM using jQuery methods. After all, I said I would do just that in my last entry. But a couple nights ago, I had the impulse to try a "live comment preview," so I'm going with it. My […]
Read the rest of this entry »

Levels: Beginner | Categories: DOM Modification, Events | 38 Comments »

12 Dec 2006

Multiple Fancy Drop Caps

After I wrote a couple entries (Fancy Drop Cap, Part 1 and Part 2) on creating a drop cap for the first paragraph in a DIV, a couple people asked how one would go about making the drop cap apply to every paragraph in a DIV. Update I've written a Fancy Letter Plugin that does […]
Read the rest of this entry »

Levels: Beginner | Categories: DOM Modification, DOM Traversing | 44 Comments »

17 Jan 2007

Effect Delay Trick

Here is a quick trick for getting an effect to delay without using setTimeout. Let's say, for example, that I want to show an alert message on the page every time a user clicks on a certain button. But I don't want it to stay there forever; I want it to go away a few […]
Read the rest of this entry »

Levels: Beginner | Categories: DOM Modification, Effects | 101 Comments »

31 Jan 2007

Copy Events from One Element to Another

Need to clone an element and its events? Sure, you could rebind the events after doing the clone, but that wouldn't be very DRY now, would it? Introducing Copy Events, a new plugin for jQuery.
Read the rest of this entry »

Levels: Intermediate | Categories: DOM Modification, Events, Plugins | 5 Comments »

Responsive Menu
Add more content here...