change font size in JavaScript

Page 1 of 1

[ 1 post ]

Author

Code Snippet

msi_333

Code subject: change font size in JavaScript

Posted: Thu Sep 15, 2011 8:31 pm

Joined: Tue Mar 27, 2007 10:55 pm
Posts: 2279
Location: Earth
Has thanked: 39 time
Have thanks: 61 time

Following example is on how to change the font size using JavaScript:

Code:

<html>
<title>change font size</title>
<head>
<script language="JavaScript" type="text/javascript">
function changeSize(size){
    // change div text font size.
    document.getElementById("text").style.fontSize = size;
}
</script>
</head>
<body>
Select size:
<select name="sizeselect" onchange="changeSize(this.value)">
 <option value="10">10</option>
 <option value="13">13</option>
 <option value="15">15</option>
 <option value="17">17</option>
 <option value="19">19</option>
 <option value="21">21</option>
 <option value="23">23</option>
 <option value="50">50</option>
</select>
<div id="text">
  This is a font size changer using javascript .
</div>
</body>
</html>

_________________
Currenlty programming with : java , html , php , and javascript . (OCJP-6 certified )

Page 1 of 1

[ 1 post ]

Similar topics
JavaScript fade out problem
Change the shading of object
Change the border style on mouse over
Change the td font style
change the style of table cells
Change table style using CSS
Control font size of sub and sup text
Change the text indent in the paragraph
Change the margin and padding of paragraph
Change the letter spacing of the words

Codemiles.com » General Topics Forums » Code library » JavaScript codes » JavaScript examples

All times are UTC [ DST ]

Users browsing similar codes

Users browsing this forum: No registered users and 1 guest

Jump to:

Previous Code Snippet | Next Code Snippet