resizeing text with javascript ???? THANKS

[uso]

Hi, how can I resize text on my web page. From smaller
fonts to larger. For example, on web page I click several
times on picture or butten or... and my text several times
go larger, when I click on other picture it goes smaller.
I have donn it with picture, but in this version I onley
change the width and heigt parametars. Sorry for bad
English. THANKS

<script language="JavaScript">
function zoom(i) {
if (i==1)
{
if (document.picture1.width<700)
{
document.slika1.width=document.picture1.width*1.30
document.slika1.height=document.picture1.height*1. 30
}
}
else
{
if (document.picture1.height>100)
{
document.slika1.width=document.picture1.width*0.70
document.slika1.height=document.picture1.height*0. 70
}
}
if (i==3)
{
document.picture1.width=350
document.picture1.height=254
}
}
</script>

[David Dorward]

uso wrote:

Hi, how can I resize text on my web page. From smaller
fonts to larger.

Alter the CSS font-size property of the body element (assuming you haven't
done something silly like defining font sizes for other elements in a size
that isn't proportional to the user's preference).

I wouldn't bother though. I'm not aware of any browser which would support
that that doesn't come with its own facility for resizing text. Presenting
users with UIs that duplicate existing functionality but which only work
for your site is generally a bad idea.
--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[DU]

uso wrote:

Hi, how can I resize text on my web page.
By first choosing relative font-size unit values (like em or %). And
then by letting the user do this himself via his browser interface.
Duplicating the interface of the browser is usually a bad idea.

From smaller fonts to larger. For example, on web page I click several
times on picture or butten or... and my text several times
go larger, when I click on other picture it goes smaller.
I have donn it with picture, but in this version I onley
change the width and heigt parametars. Sorry for bad
English. THANKS

<script language="JavaScript">
function zoom(i) {
if (i==1)
{
if (document.picture1.width<700)
This will only work in MSIE. Give the pictures (the <img> element) an id
attribute value and then access these elements this way

document.getElementById(idAttrValue)

Using Web Standards in Your Web Pages
http://www.mozilla.org/docs/web-deve...tml#dom_unsupp

{
document.slika1.width=document.picture1.width*1.30
document.slika1.height=document.picture1.height*1. 30
}
}
else
{
if (document.picture1.height>100)
{
document.slika1.width=document.picture1.width*0.70
document.slika1.height=document.picture1.height*0. 70
}
}
if (i==3)
{
document.picture1.width=350
document.picture1.height=254
}
}
</script>

DU
--
The site said to use Internet Explorer 5 or better... so I switched to
Firefox 1.0.4 :)

[DU]

DU wrote:

uso wrote:

Hi, how can I resize text on my web page.

By first choosing relative font-size unit values (like em or %).

W3C Quality Assurance tip for webmaster:
Care With Font Size, Recommended Practices: Forget <font>, use CSS
"Do not specify the font-size in pt, or other absolute length units.
They render inconsistently across platforms and can't be resized by the
User Agent (e.g browser).
Use relative length units such as percent or (better) em, (...)"
http://www.w3.org/QA/Tips/font-size#goodpractice

DU
--
The site said to use Internet Explorer 5 or better... so I switched to
Firefox 1.0.4 :)