Comments for I does Javascript! http://blog.stchur.com If you don't expect too much from me, you might not be let down. Thu, 26 Jan 2012 08:23:55 +0000 hourly 1 http://wordpress.org/?v=3.3 Comment on IE Bug dealing with CSS custom cusors by sstchur http://blog.stchur.com/2006/11/02/ie-bug-dealing-with-css-custom-cusors/comment-page-1/#comment-133078 sstchur Thu, 26 Jan 2012 08:23:55 +0000 http://stchur.com/blog2/2006/11/02/ie-bug-dealing-with-css-custom-cusors/#comment-133078 Glad it helped! Glad it helped!

]]> Comment on IE Bug dealing with CSS custom cusors by keith http://blog.stchur.com/2006/11/02/ie-bug-dealing-with-css-custom-cusors/comment-page-1/#comment-133051 keith Wed, 25 Jan 2012 22:19:04 +0000 http://stchur.com/blog2/2006/11/02/ie-bug-dealing-with-css-custom-cusors/#comment-133051 wow. 5 years and 2 months later, I came across this post and it explains the issue ever so well. We don't support IE7 much anymore, but when IE7 users would hit our site, it would try and grab a url that didn't exist and was causing some load on the server. wow. 5 years and 2 months later, I came across this post and it explains the issue ever so well. We don't support IE7 much anymore, but when IE7 users would hit our site, it would try and grab a url that didn't exist and was causing some load on the server.

]]> Comment on Avoiding recursion in Javascript by Andreas Frische http://blog.stchur.com/2007/07/06/avoiding-recursion-in-javascript/comment-page-1/#comment-131929 Andreas Frische Sat, 14 Jan 2012 21:25:18 +0000 http://stchur.com/blog2/2007/07/06/avoiding-recursion-in-javascript/#comment-131929 You can have your cake and eat it too. Use Tail Recursion and you will only have one call to your function at once. http://en.wikipedia.org/wiki/Tail_call You can have your cake and eat it too. Use Tail Recursion and you will only have one call to your function at once.
http://en.wikipedia.org/wiki/Tail_call

]]> Comment on Serializing Objects in Javascript by Ron Cemer http://blog.stchur.com/2007/04/06/serializing-objects-in-javascript/comment-page-1/#comment-130375 Ron Cemer Tue, 03 Jan 2012 07:05:53 +0000 http://stchur.com/blog2/2007/04/06/serializing-objects-in-javascript/#comment-130375 Your string serialization isn't properly escaping special characters. For example, quotes inside the string should be prefixed with backslashes; backslashes in the string should be replaced with double backslashes; characters outside the ASCII character range should (probably) be replaced with their hexadeximal unicode equivalent (\xNNNN). The way it is now, all you have to do to break it is to include a single quote within a string anywhere in the object tree. The result will be unparseable JavaScript due to syntax errors. Try this instead, which is straight from the horse's moutn (download links at the bottom of the page): http://www.json.org/js.html Your string serialization isn't properly escaping special characters. For example, quotes inside the string should be prefixed with backslashes; backslashes in the string should be replaced with double backslashes; characters outside the ASCII character range should (probably) be replaced with their hexadeximal unicode equivalent (\xNNNN). The way it is now, all you have to do to break it is to include a single quote within a string anywhere in the object tree. The result will be unparseable JavaScript due to syntax errors. Try this instead, which is straight from the horse's moutn (download links at the bottom of the page): http://www.json.org/js.html

]]> Comment on Converting to Pixels with javascript by sstchur http://blog.stchur.com/2006/09/20/converting-to-pixels-with-javascript/comment-page-1/#comment-128359 sstchur Fri, 16 Dec 2011 18:59:26 +0000 http://stchur.com/blog2/2006/09/20/converting-to-pixels-with-javascript/#comment-128359 Joe: This is a little bit tricky because you have to consider the fact that when you specify a dimension as a percentage in CSS, it's a percentage of the parent's STYLE height (that is, its height as specified in CSS). Bear in mind that this could be rather different from its rendered height on screen. For instance, if you specify that an element have height: 400px, but then also give it 10px padding all around, and a 20px border all around, the total height (offsetHeight) will actually be 60px more (30px on top and bottom). However, that extra 60px doesn't come into play when calculating the height of some child element specified as a percentage. What you really want then is the style height of the outer element (that is, you need the height in pixels of the outer element as specified in the CSS). And to further complicate your life, that value might not be specified in px, and if you're in IE, then you'll need to convert it to px :-) And you'll need the same value of the inner element. Probably, your favorite Javascript library has a way of getting the height (or width) of an element as specified in CSS (note that reading .style.height will not work if the height was not specified via .style.height or via an inline style attribute). I don't know how to do this in jQuery or Prototype or Dojo, but in Gimme (my library) it would look like: var innerElemHeight = parseInt(Gimme('#innerElem').get_style('height')); var outerElemHeight = parseInt(Gimme('#outerElem').get_style('height')); var pct = innerElemHeight / outerElemHeight; Hope this helps! Joe:

This is a little bit tricky because you have to consider the fact that when you specify a dimension as a percentage in CSS, it's a percentage of the parent's STYLE height (that is, its height as specified in CSS). Bear in mind that this could be rather different from its rendered height on screen.

For instance, if you specify that an element have height: 400px, but then also give it 10px padding all around, and a 20px border all around, the total height (offsetHeight) will actually be 60px more (30px on top and bottom). However, that extra 60px doesn't come into play when calculating the height of some child element specified as a percentage.

What you really want then is the style height of the outer element (that is, you need the height in pixels of the outer element as specified in the CSS). And to further complicate your life, that value might not be specified in px, and if you're in IE, then you'll need to convert it to px :-)

And you'll need the same value of the inner element. Probably, your favorite Javascript library has a way of getting the height (or width) of an element as specified in CSS (note that reading .style.height will not work if the height was not specified via .style.height or via an inline style attribute).

I don't know how to do this in jQuery or Prototype or Dojo, but in Gimme (my library) it would look like:

var innerElemHeight = parseInt(Gimme('#innerElem').get_style('height'));
var outerElemHeight = parseInt(Gimme('#outerElem').get_style('height'));
var pct = innerElemHeight / outerElemHeight;

Hope this helps!

]]> Comment on Converting to Pixels with javascript by joe http://blog.stchur.com/2006/09/20/converting-to-pixels-with-javascript/comment-page-1/#comment-128357 joe Fri, 16 Dec 2011 18:19:14 +0000 http://stchur.com/blog2/2006/09/20/converting-to-pixels-with-javascript/#comment-128357 great stuff! Now... How do I convert from pixels to percent? I have a div within a div, and I want to find the percent the inner div is of the outerdiv. I tried (slice/pie)*100; and then set the innerdiv to that percent, but sometimes it's off by a pixel. great stuff! Now… How do I convert from pixels to percent? I have a div within a div, and I want to find the percent the inner div is of the outerdiv. I tried (slice/pie)*100; and then set the innerdiv to that percent, but sometimes it's off by a pixel.

]]> Comment on The javascript ternary operator by Jared - Saskatoon Web Design http://blog.stchur.com/2006/07/14/the-javascript-ternary-operator/comment-page-1/#comment-122342 Jared - Saskatoon Web Design Sun, 09 Oct 2011 22:57:20 +0000 http://stchur.com/blog2/2006/07/14/the-javascript-ternary-operator/#comment-122342 Nice break down, easy read. Maybe something on multiple conditions would be nice too! Nice break down, easy read. Maybe something on multiple conditions would be nice too!

]]> Comment on Fixing IE's .attachEvent(..) failures by wes http://blog.stchur.com/2006/10/12/fixing-ies-attachevent-failures/comment-page-1/#comment-122092 wes Thu, 06 Oct 2011 19:43:00 +0000 http://stchur.com/blog2/2006/10/12/fixing-ies-attachevent-failures/#comment-122092 don't use attachEvent! use an array of events instead for older IEs, because attachEvent("load", a); attachEvent("load", b); first is executed b, then a with addEventListener first is executed a then b don't use attachEvent!
use an array of events instead for older IEs, because
attachEvent("load", a); attachEvent("load", b);
first is executed b, then a
with addEventListener first is executed a then b

]]> Comment on Programmatically clicking a link in Javascript by Tarik http://blog.stchur.com/2010/01/15/programmatically-clicking-a-link-in-javascript/comment-page-1/#comment-121964 Tarik Wed, 05 Oct 2011 12:59:50 +0000 http://blog.stchur.com/?p=129#comment-121964 Cheers dude works like a charm Cheers dude works like a charm

]]> Comment on IE Bug dealing with CSS custom cusors by Custom Cursor with click animation + crossbrowser support | Nuclear's Blog http://blog.stchur.com/2006/11/02/ie-bug-dealing-with-css-custom-cusors/comment-page-1/#comment-121924 Custom Cursor with click animation + crossbrowser support | Nuclear's Blog Tue, 04 Oct 2011 23:30:47 +0000 http://stchur.com/blog2/2006/11/02/ie-bug-dealing-with-css-custom-cusors/#comment-121924 [...] AGAIN, here comes shitload of problems again: 1) locating .cur files for CSS cursor is so buggy and retarded, this bug exists I think in all IE versions (atleast IE6-9 it does). I didn’t want to waste [...] [...] AGAIN, here comes shitload of problems again: 1) locating .cur files for CSS cursor is so buggy and retarded, this bug exists I think in all IE versions (atleast IE6-9 it does). I didn't want to waste [...]

]]>