[Javascript] RE: Font size control bar
Laurent Muchacho
elmuchacho at gmail.com
Thu Oct 13 04:56:54 CDT 2005
Hi Barry,
If I understand right you must do something like this.
You should includes the js file called "styleswitcher.js" in the source of
the file you will like to change the font and not in the framed popup like
that you don't have to do any change to the javascript function inside this
file.
Now in your frames popup window (this are 2 word defining evil) you must
call the function first by referencing the main window and the opener who I
guess will be something like this
top.window.opener.fontsizedown() I have not tested this but it should work
That way you actually calling the function from the page you will like the
font to be changed.
ps: if you trying to improve accessibility with this feature, I'm sorry to
tell you that you are shooting yourself in the foot because 1) the popup
aproach is really unfriendly and not accessible 2) frameset are not
recommended when building almost anything and specially not when building
accessibility functionnality. 3) I see a lot of this kind of functionnality
implemented in site but the best so far was in this site
http://www.dover.gov.uk/textsize.asp they actually trying to educate the
user by discovering the functionnality in there browser.
Regards
Laurent
----- Original Message -----
From: "Barry Conner" <BConner at huntsvilletx.gov>
To: <Javascript at LaTech.edu>
Sent: Thursday, October 13, 2005 12:00 AM
Subject: [Javascript] RE: Font size control bar
P.S. For Clarification: The popup window is a frames window. The control
bar is displayed in one of the frames just below the header frame.
Barry
________________________________
From: Barry Conner
Sent: Wed 2005-10-12 5:59 PM
To: Javascript at LaTech.edu
Subject: Font size control bar
I've created the following little view control bar which I designed to
display in a frames navigation window for my HTML-based application
interface. The frame is generated as a popup to exclude all of the
undesirable toolbar & status bar overhead.
The actual font manipulation here is handled via a set of JS & CSS files (as
posted at http://www.alistapart.com/articles/relafont )
HERES THE QUESTION: This is intended as a mere view control bar, so how
might I script the fontsize controls to act on the main frame rather than on
itself???
Thanks for any thoughts you might have on a solution!
Barry
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<form name="font_select" action="GET">
<table align="center" width="100%" location="0" cellspacing="0"
cellpadding="4" rules=cols frame=below border="1" margins="0">
<tr>
<td width="25%">
<strong>
View Control:
</strong>
</td>
<td align="center">
<button type="button"
onclick="javascript:history.back()"><small> Back </small></button>
</td>
<td align="center">
<button type="button"
onclick="javascript:history.forward()"><small>Forward</small></button>
</td>
<td align="center">
<button type="button"
onclick="javascript:fontsizedown();"
value=" font - " />
<small>Smaller Font</small></button>
</td>
<td align="center">
<button type="button"
onclick="javascript:fontsizereset()" />
<small> Reset Font </small></button>
</td>
<td align="center">
<button type="button" onclick="javascript:fontsizeup();"
value=" font + " />
<small> Larger Font </small></button>
</td>
</tr>
</table>
<hr />
</form>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
https://lists.LaTech.edu/mailman/listinfo/javascript
More information about the Javascript
mailing list