<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
Thanks Aaron I knew that one... I actually need these two methods
merged together: font-resize and window resize detection<br>
That's why monitoring the height of one existing element in the layout
would do the trick...<br>
Regards.<br>
Guillaume.<br>
<blockquote
cite="mid7cc847460701150843n6ba420e4oec1026b423c5d8bb@mail.gmail.com"
type="cite">Ah ok - I thought you already had a method for detecting
the font resize.<br>
You could always use the text resize detector from ALA : <a
href="http://www.alistapart.com/articles/fontresizing/">http://www.alistapart.com/articles/fontresizing/
</a><br>
<br>
<br>
<br>
<div><span class="gmail_quote">On 1/15/07, <b
class="gmail_sendername">Guillaume</b> <<a
href="mailto:javascript@webdesignofficina.com">javascript@webdesignofficina.com</a>>
wrote:</span>
<blockquote class="gmail_quote"
style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div bgcolor="#ffffff" text="#000000">No you are not, but I still
need to check an element dimension ( height
) in the layout to see if the user has changed his font size...<br>
<blockquote
cite="http://mid7cc847460701150803y695b903fo5049861b92557e94@mail.gmail.com"
type="cite">
<div><span class="e" id="q_110269a9895e5335_1">Am I missing
something or could you not just use onresize??<br>
<br>
Like:<br>
window.onresize=function() { /* do stuff */ }<br>
<br>
<a href="http://www.w3schools.com/htmldom/event_onresize.asp"
target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.w3schools.com/htmldom/event_onresize.asp
</a><br>
<br>
<br>
<br>
<div><span class="gmail_quote">On 1/15/07, <b
class="gmail_sendername">Guillaume</b> <<a
href="mailto:javascript@webdesignofficina.com" target="_blank"
onclick="return top.js.OpenExtLink(window,event,this)">javascript@webdesignofficina.com
</a>>
wrote:</span>
<blockquote class="gmail_quote"
style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Stefan,
Paul, and all others who haven't replied yet...<br>
<br>
Here's my function below re-aranged according to your replies...<br>
I still don't understand why, when checkOptSli() is called, I always
get the else statement... Not being able <br>
to compare an initial value to a listened one...<br>
<br>
Can someone please light up the path a bit...<br>
<br>
Regards,<br>
<br>
Guillaume.<br>
<br>
<br>
function checkOptSli() { // This is fired when a user clicks a link<br>
<br>
var sto2 = 0;<br>
<br>
sto2ID = setTimeout("checkOptJ();", 2000);<br>
<br>
}<br>
<br>
function checkOptJ() {<br>
<br>
var optsh0 = checkOptK;<br>
<br>
optsh3 = optsh0;// Initial value (offsetHeight) of element <br>
<br>
var optsh1 = 0;<br>
<br>
var optsh1ID = setTimeout("checkOptL();", 2000);<br>
<br>
optsh4 = optsh1ID;// Value to be listened to and compared to the
previous one above<br>
<br>
if ( optsh4 > optsh3 ) { <br>
<br>
<br>
<br>
alert( "things have moved" );<br>
<br>
}<br>
<br>
<br>
<br>
else {<br>
<br>
<br>
<br>
alert( "quiet" );<br>
<br>
<br>
<br>
<br>
<br>
}<br>
<br>
<br>
<br>
}<br>
<br>
<br>
<br>
function checkOptK(){ // Fired on the onload so we have a value as
starting point<br>
<br>
var opts1 = document.getElementById("options");<br>
<br>
moveBy1 = opts1.offsetHeight;<br>
<br>
posTn3 = 0 - moveBy1;<br>
<br>
parseInt( posTn3 );<br>
<br>
return posTn3;<br>
<br>
}<br>
<br>
<br>
function checkOptL(){ // Looped inside a setTimeout to see if this
value is changing...<br>
// And compare it inside the
checkOptJ()function to the checkOptK()resulting value <br>
<br>
var opts2 = document.getElementById("options");<br>
<br>
moveBy2 = opts2.offsetHeight;<br>
<br>
posTn4 = 0 - moveBy2;<br>
<br>
parseInt( posTn4 );<br>
<br>
return posTn4;<br>
<br>
} <br>
<br>
_______________________________________________<br>
Javascript mailing list<br>
<a href="mailto:Javascript@LaTech.edu" target="_blank"
onclick="return top.js.OpenExtLink(window,event,this)">Javascript@LaTech.edu</a><br>
<a href="https://lists.LaTech.edu/mailman/listinfo/javascript"
target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">https://lists.LaTech.edu/mailman/listinfo/javascript
</a><br>
</blockquote>
</div>
<br>
</span></div>
<pre><hr size="4" width="90%"><span class="q">
_______________________________________________
Javascript mailing list
<a href="mailto:Javascript@LaTech.edu" target="_blank"
onclick="return top.js.OpenExtLink(window,event,this)">Javascript@LaTech.edu</a>
<a href="https://lists.LaTech.edu/mailman/listinfo/javascript"
target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">https://lists.LaTech.edu/mailman/listinfo/javascript</a>
</span></pre>
</blockquote>
<br>
</div>
<br>
_______________________________________________<br>
Javascript mailing list<br>
<a onclick="return top.js.OpenExtLink(window,event,this)"
href="mailto:Javascript@LaTech.edu">Javascript@LaTech.edu</a><br>
<a onclick="return top.js.OpenExtLink(window,event,this)"
href="https://lists.LaTech.edu/mailman/listinfo/javascript"
target="_blank">https://lists.LaTech.edu/mailman/listinfo/javascript</a><br>
<br>
<br>
</blockquote>
</div>
<br>
<pre wrap="">
<hr size="4" width="90%">
_______________________________________________
Javascript mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Javascript@LaTech.edu">Javascript@LaTech.edu</a>
<a class="moz-txt-link-freetext" href="https://lists.LaTech.edu/mailman/listinfo/javascript">https://lists.LaTech.edu/mailman/listinfo/javascript</a>
</pre>
</blockquote>
<br>
</body>
</html>