Posts tagged DOM

Solution: Javascript returns incorrect width or height of an element containing image(s) when page first loads

Aug 20th

Recently, I’ve been doing quite a lot of JavaScript development, part of which involved equalising heights of a group of similar elements on the page. I thought this would be very simple and indeed it was but it threw up a JavaScript quirk which I have seen several times before. The solution is simple, but More >

browser, browser cache, browser stores, container element, container elements, correct dimensions, dimen, DOM, dom tree, element, height, image, Javascript, Mac, Mac OSX, meta data, modern browsers, opera, opera mac, page, parent container, quirk, tag attributes

Mootools element.getChildren() Vs element.getElements() – What’s the difference?

Aug 6th

Posted by Neil Craig in General Web-Development

1 comment

A really quick post detailing the main differences between the very useful Mootools Javascript element.getChildren() and element.getElements() methods.

bit, child elements, DOM, element, element methods, first glance, fragment, function, fundamental difference, getChildren, item, Javascript, list, MooTools, one lt, situation, sub

A simple example of CSS sprites

May 25th

Posted by Neil Craig in (X)HTML

7 comments

CSS Sprites can help to reduce web page download times and delays caused by downloading of hover/rollover background images. This article walks through the basics with an example of how you can use CSS sprites in a graphical HTML menu.

anchor elements, background, background images, background url, CSS, css sprites, css sprites example, default styles, DOM, graphical menu, html markup, image, item, lt, menu, personal pet, relevant portion, span, sprite

JSH5F – A Javascript method to enable HTML5 Form Elements in Browsers which support them

Mar 29th

Posted by Neil Craig in (X)HTML

2 comments

HTML 5 offers 13 new form input element types but Browser support for these new input types is very scant at present. However, with JSH5F, you can use the new HTML 5 form elements right now in supporting Browsers without causing problems for people using non-supporting browsers.

class, compliant html, date, DOM, download jsh5f, HTML, HTML5, html5 form elements, input, input element, input elements, input type text, input types, Jan, javascript detection, JSH, jsh5f, Mac, name, numeric range, range, text, type

Posts tagged DOM

Solution: Javascript returns incorrect width or height of an element containing image(s) when page first loads

Mootools element.getChildren() Vs element.getElements() – What’s the difference?

A simple example of CSS sprites

JSH5F – A Javascript method to enable HTML5 Form Elements in Browsers which support them

Search

Recent articles

Article categories

Article Archive

Pages