Comments on: RobLab – How to find out the Text Size setting in IE http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/ Web development and Internet trends Wed, 17 Mar 2010 21:34:04 +0100 http://wordpress.org/?v=2.9.2 hourly 1 By: Richard Lee http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-5621 Richard Lee Thu, 22 Jun 2006 12:39:05 +0000 http://www.robertnyman.com/?p=118#comment-5621 Hi, I use a similar snippet to resize the amount of rows in a seslect box based on the text size setting. I changed it a little so it followed the same coding style as you have used above... <code> function checkFontSize() { var objStoreList = document.getElementById("optStores"); var intOffsetHeight = objStoreList.offsetHeight; var intNoRows = objStoreList.size; var intRatio = intOffsetHeight/intNoRows; var strTextSizeSetting; if (intRatio > 20) { strTextSizeSetting = "Largest"; objStoreList.size=13; } else if (intRatio > 18) { strTextSizeSetting = "Larger"; objStoreList.size=14; } else if (intRatio > 16) { strTextSizeSetting = "Medium"; objStoreList.size=16; } else if (intRatio > 13) { strTextSizeSetting = "Smaller"; objStoreList.size=20; } else { strTextSizeSetting = "smallest"; objStoreList.size=22; } var strAlertText = "Your text setting is " + strTextSizeSetting + " offset was " + intOffsetHeight + " and no rows was " + intNoRows + " so intRatio was " + intRatio; alert(strAlertText); } </code> I'm coding using em (obviously) but I'm also using font-size of 79% rather than 100% as part of the standards here - so may have to check the values in the IF Elses Cheers Hi, I use a similar snippet to resize the amount of rows in a seslect box based on the text size setting.

I changed it a little so it followed the same coding style as you have used above…

function checkFontSize()
{
var objStoreList = document.getElementById("optStores");
var intOffsetHeight = objStoreList.offsetHeight;
var intNoRows = objStoreList.size;
var intRatio = intOffsetHeight/intNoRows;

var strTextSizeSetting;
if (intRatio > 20)
{
strTextSizeSetting = "Largest";
objStoreList.size=13;
}
else if (intRatio > 18)
{
strTextSizeSetting = "Larger";
objStoreList.size=14;
}
else if (intRatio > 16)
{
strTextSizeSetting = "Medium";
objStoreList.size=16;
}
else if (intRatio > 13)
{
strTextSizeSetting = "Smaller";
objStoreList.size=20;
}
else
{
strTextSizeSetting = "smallest";
objStoreList.size=22;
}

var strAlertText = "Your text setting is " + strTextSizeSetting + " offset was " + intOffsetHeight + " and no rows was " + intNoRows + " so intRatio was " + intRatio;
alert(strAlertText);

}

I’m coding using em (obviously) but I’m also using font-size of 79% rather than 100% as part of the standards here – so may have to check the values in the IF Elses

Cheers

]]> By: Robert Nyman http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-2573 Robert Nyman Wed, 11 Jan 2006 19:12:42 +0000 http://www.robertnyman.com/?p=118#comment-2573 Eric, Very interesting question. I'm going to be honest here: I have no idea! :-) But please feel free to test it! Eric,

Very interesting question. I’m going to be honest here: I have no idea! :-)

But please feel free to test it!

]]> By: Eric Drummond http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-2569 Eric Drummond Wed, 11 Jan 2006 17:22:46 +0000 http://www.robertnyman.com/?p=118#comment-2569 Hi How is this affected by Windows' Dots-per-inch setting ? <a href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/highdpi.asp" rel="nofollow">Adjusting Scale for Higher DPI Screens</a> Eric Hi

How is this affected by Windows’ Dots-per-inch setting ?

Adjusting Scale for Higher DPI Screens

Eric

]]> By: Robert Nyman http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-708 Robert Nyman Wed, 20 Jul 2005 14:24:22 +0000 http://www.robertnyman.com/?p=118#comment-708 Mark, Ha ha! Yes, I do. :-) But that would've resulted in more lines in the code (with using <code>break:</code> for each option). Besides, I thought it would be easier to understand with <code>if</code> clauses for those that aren't that experienced in JavaScript Mark,

Ha ha! Yes, I do. :-)
But that would’ve resulted in more lines in the code (with using break: for each option).

Besides, I thought it would be easier to understand with if clauses for those that aren’t that experienced in JavaScript

]]> By: Mark Wubben http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-707 Mark Wubben Wed, 20 Jul 2005 13:55:29 +0000 http://www.robertnyman.com/?p=118#comment-707 Robert, you know <code>switch()</code> exists in JavaScript, right? ;-) Robert, you know switch() exists in JavaScript, right? ;-)

]]> By: Robert Nyman http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-692 Robert Nyman Mon, 18 Jul 2005 20:59:25 +0000 http://www.robertnyman.com/?p=118#comment-692 J.J., <blockquote>...setting body{font-size: 100%} helps to normalize relative font sizes throughout the page and across browsers (or is this just an IE hack?).</blockquote> No, it's not just an <acronym title="Internet Explorer">IE</acronym> hack, I find it to be very consistent and I constantly use it in my solutions. J.J.,

…setting body{font-size: 100%} helps to normalize relative font sizes throughout the page and across browsers (or is this just an IE hack?).

No, it’s not just an IE hack, I find it to be very consistent and I constantly use it in my solutions.

]]> By: J. J. http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-689 J. J. Mon, 18 Jul 2005 20:10:33 +0000 http://www.robertnyman.com/?p=118#comment-689 A related tip to remember: Similar to <a href="http://www.robertnyman.com/2005/07/15/the-most-important-css-rule/" rel="nofollow">The most important CSS rule</a>, setting body{font-size: 100%} helps to normalize relative font sizes throughout the page and across browsers (or is this just an IE hack?). A related tip to remember: Similar to The most important CSS rule, setting body{font-size: 100%} helps to normalize relative font sizes throughout the page and across browsers (or is this just an IE hack?).

]]> By: Robert Nyman http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-665 Robert Nyman Fri, 15 Jul 2005 13:00:29 +0000 http://www.robertnyman.com/?p=118#comment-665 Dimitri, The <code>onresize</code> event is indeed triggered in <acronym title="Internet Explorer">IE</acronym> 6 (but not in the 5.x versions). However, Firefox doesn't trigger the event either. Your and Shaun's script does work in those versions and web browsers where the event isn't triggered, so that is cool! :-) Dimitri,

The onresize event is indeed triggered in IE 6 (but not in the 5.x versions). However, Firefox doesn’t trigger the event either.

Your and Shaun’s script does work in those versions and web browsers where the event isn’t triggered, so that is cool! :-)

]]> By: Dimitri Glazkov http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-664 Dimitri Glazkov Fri, 15 Jul 2005 12:41:22 +0000 http://www.robertnyman.com/?p=118#comment-664 One of the issues that Shaun (and I) had to deal with is the fact that <code>onresize</code> is not called when you change the font size in the browser. That's the "cool" part that I was trying to point out :) One of the issues that Shaun (and I) had to deal with is the fact that onresize is not called when you change the font size in the browser. That’s the “cool” part that I was trying to point out :)

]]> By: Robert Nyman http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-661 Robert Nyman Thu, 14 Jul 2005 13:04:43 +0000 http://www.robertnyman.com/?p=118#comment-661 Dimitri, Thanks for the tip, interesting! I tested the code and just glanced at it, and it seemed pretty cool. However, if it's a large page with lots of elements, it might be a performance issue to loop trough all of it. In my example, you can add the function call to the <code>onresize</code> event to (to get the on-the-fly functionality), and if you find out that the Text Size setting isn't optimal, you just load an extra style sheet altering the text size to a more desirable look. Dimitri,

Thanks for the tip, interesting!

I tested the code and just glanced at it, and it seemed pretty cool. However, if it’s a large page with lots of elements, it might be a performance issue to loop trough all of it.

In my example, you can add the function call to the onresize event to (to get the on-the-fly functionality), and if you find out that the Text Size setting isn’t optimal, you just load an extra style sheet altering the text size to a more desirable look.

]]> By: Dimitri Glazkov http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-660 Dimitri Glazkov Thu, 14 Jul 2005 12:36:19 +0000 http://www.robertnyman.com/?p=118#comment-660 You've got to check out Shaun Inman's "clear absolutes" solution (http://www.shauninman.com/plete/2004/07/absolutely-positive). He implements dynamic sensing of the font size, i.e. determining font size change on-the-fly. It's old, and I can't vouch for the quality of code anymore, but the technique is still fairly cool. You’ve got to check out Shaun Inman’s “clear absolutes” solution (http://www.shauninman.com/plete/2004/07/absolutely-positive). He implements dynamic sensing of the font size, i.e. determining font size change on-the-fly. It’s old, and I can’t vouch for the quality of code anymore, but the technique is still fairly cool.

]]> By: Robert Nyman http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-659 Robert Nyman Thu, 14 Jul 2005 12:34:44 +0000 http://www.robertnyman.com/?p=118#comment-659 Faruk, Thank you! Apparently it has been pretty appreciated. :-) Faruk,

Thank you!
Apparently it has been pretty appreciated. :-)

]]> By: Faruk AteÅŸ http://robertnyman.com/2005/07/14/roblab-how-to-find-out-the-text-size-setting-in-an-ie-web-browser/#comment-658 Faruk AteÅŸ Thu, 14 Jul 2005 12:33:40 +0000 http://www.robertnyman.com/?p=118#comment-658 This is very, very useful. Good job! :-) This is very, very useful. Good job! :-)

]]>