so i'm close to having this complete I can almost taste the Champagne!!.
Ive adapted some source code I found but the link results in no errors messages and just takes me to the my web page www.mindseyemidlands.co.uk/notts_quality/info_resource
this is the link to the following code so you get the idea:
www.mindseyemidlands.co.uk/notts_quality/info_resource/testv1.php
here is my code:
<html>
<head>
<title>Basic Setup of Font Sizer DX</title>
<style type="text/css">
body, td { font: 14px/1.2 verdana, arial, helvetica, sans-serif; }
h1 { font-size:1.3em }
h2 { font-size:1.2em }
a:link { color:#33c }
a:visited { color:#339 }
ul li { margin-bottom:.4em }
table#demo { background-color: #eee }
td.demo { font-size:11px }
</style>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script src="notts_quality/info_resource/js/sizer_inf.js" type="text/javascript"></script>
</head>
<body onload="dw_fontSizerDX.init()">
<h1>Easy Setup for Global Text Resize</h1>
<div id="sizer">
<a href="" onclick="dw_fontSizerDX.adjust(2); return false" title="Increase font-size"
><img src="/notts_vcs/info_resource/plus.gif" width="20" height="20" alt="" border="0"></a>
<a href="" onclick="dw_fontSizerDX.adjust(-2); return false" title="Decrease font-size"
><img src="/notts_vcs/info_resource/minus.gif" width="20" height="20" alt="" border="0"></a>
<a href="" onclick="dw_fontSizerDX.reset(); return false" title="Restore default font-sizes"
><img src="/notts_vcs/info_resource/reset.gif" width="20" height="20" alt="" border="0"></a>
</div>
<p>Just include the text size adjustment links and the two small JavaScript files and call the init function onload. In this scenario, the font size change code will apply changes to the body and table cells. Clicking the buttons will affect the size of any elements that inherit from either of these. </p>
<p>For example, the following would be resized:</p>
<ul>
<li>Headings with font-size set using em's or percentages.</li>
<li>Paragraphs, div's, span, li's, etc. (i.e., most elements) either with font size set using em's or percentages or without font size specified.</li>
<li>Table cell content <strong>with or without styles attached</strong> (see demo table below) that specify font size.</li>
</ul>
<p>Other examples demonstrate how to resize <a href="resize-few.html">just a few</a> page elements and how to <a href="exclude.html">exclude</a> specific page elements from text size adjustment. If you have font sizes set on various elements using pixels, points, constants, or font tags, there is another easy approach to <a href="global.html">broadly apply</a> the font size change code.</p>
<table id="demo" border="0" cellpadding="4" cellspacing="0">
<tr>
<td><h2>H2 in demo table</h2></td>
</tr>
<tr>
<td>text in table cell</td>
</tr>
<tr>
<td class="demo">table cell with class that sets font size to 11px gets resized</td>
</tr>
<tr>
<td style="font-size:9px">table cell with inline style font-size set to 9px gets resized</td>
</tr>
<tr>
<td><p>text in paragraph in table cell</p></td>
</tr>
</table>
<p><a href="http://www.dyn-web.com">www.dyn-web.com</a></p>
</body>
</html>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</script>
im sure my js files are in the right directory too
