Thursday, August 20, 2009
Change Your Font Size on "onclick" Event
Change your Font Size on "onclick" event1. Create style for your body tag as follows:
body{
font-size: 100%;
}
2. Create your body tag as follows (having id as xbody):
<body id="xbody">
</body>
3. Create the following function in your javascript (js) file
function changeFontSize( size ){
document.getElementById( "xbody" ).style.fontSize = size+ "%";
}
4. Create buttons that will call the "changeFontSize" function on "onclick" event
<input type="button" value="Small" onclick="changeFontSize( 100 )" />
<input type="button" value="Large" onclick="changeFontSize( 120 )" />
<input type="button" value="Extra Large" onclick="changeFontSize( 160 )" />
5. Thats it done.
Please download the sample script in the following URL:
http://www.maskitchen.in/sample/javascript-change-stylesheet-and-fontsize(onclick).zip
Featured Blog Topics:
- Xml in MySQL - http://kathyravan.blogspot.com/2008/03/xml-in-mysql.html
- Forgot mySQL root Password? - http://kathyravan.blogspot.com/2008/02/forgot-mysql-root-password.html
- Samba - Installation & Configuration - http://kathyravan.blogspot.com/2008/02/samba-installation-configuration.html
- Enabling HTTP Authentication in Apache - http://kathyravan.blogspot.com/2008/08/enabling-http-authentication-in-apache.html
- PHP Function: isFTPFileExists (Searching a FILE in FTP) - http://kathyravan.blogspot.com/2008/12/php-function-isftpfileexists-searching.html
- Shell Scripting & Linux - http://kathyravan.blogspot.com/search/label/Shell%20Scripts
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment