[Javascript] RE: Font size control bar

[elmuchacho at gmail.com (Laurent Muchacho)]

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@xxxxxxxxxxxxxxxx>
To: <Javascript@xxxxxxxxxx>
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@xxxxxxxxxx
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>&nbsp;&nbsp;Back&nbsp;&nbsp;</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>&nbsp;Reset Font&nbsp;</small></button>
               </td>
               <td align="center">
                    <button type="button" onclick="javascript:fontsizeup();"
                    value=" font + " />
                    <small>&nbsp;Larger Font&nbsp;</small></button>
               </td>
          </tr>
     </table>
     <hr />
</form>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

_______________________________________________
Javascript mailing list
Javascript@xxxxxxxxxx
https://lists.LaTech.edu/mailman/listinfo/javascript