Magnifying a page? |
 Sep 23 2006, 12:00 PM
Post
#1
|
|
 Senior Member  Group: Member Posts: 52 Joined: Oct 2005 Member No: 276,900  |
Hello, thanks for the help on my last problem with media player, I've got it working well now :D
I've got one more problem with this project I'm doing for college (supposed to build an E-book) I need a feature which allows users with disabilities to be able to read the E-book, or give additional options to the user while browsing the E-book. Is there anyway through CSS or Java, or anything to put in a simple code which would allow the user to zoom in? BTW I can't use the default text, or screen enlarger from an Internet browser. Something like having a link or a magnifying glass image, making the whole screen larger, on a click, would do the job. http://order.next.co.uk/page.asp?b=G42&p=244&o=1 If you click on any suit here, then 'zoom' then something like that would be really, really great as well. Thanks for any help 
|
|
|
|
 |
Replies
|
Sep 24 2006, 03:11 PM
Post
#2
|
|
 . Group: Member Posts: 25 Joined: May 2006 Member No: 402,280 |
|
|
|
|
|
Sep 24 2006, 03:49 PM
Post
#3
|
|
|
Senior Member Group: Member Posts: 52 Joined: Oct 2005 Member No: 276,900 |
Thank you both for your help! I've got it working now!! You're both very good human beings!! The E-Book is coming around nicely now!!
Edit: I'm able to make text larger and smaller on demand, but I can't implement it with my E-book site design, the pages are already made up any everything but I need to have the text changing in the same layout. Is there one code, that I can put into the <head> </head> section which would allow all body text in the body section to automatically change, I took a look at the link above, it explained it pretty well, but I couldn't get it working. Tried for a while as well :( I've edited this code slightly, so the text size changes instead of the colour. CODE <style type="text/css"> .first { font size: 10; } .second { font size: 16; } </style> <script language="JavaScript"> function change(id, newClass) { identity=document.getElementById(id); identity.className=newClass; } </script> <h1 class="first" id="changeme"> THE TEXT WHICH WOULD BECOME SMALLER OR LARGER GOES HERE </h1> <a href="java script:;" onClick="change('changeme', 'second');">Large Font</a> | <a href="java script:;" onClick="change('changeme', 'first');">Small Font</a> The problem is, I want all of the text in the body to become larger or smaller, and I can't copy and paste all of the text in to the part I highlighted in the code, because it's set in a certain layout. Main Question Now: Is there code which I could copy and paste into the <head> of my page which would allow all body text to become smaller and larger on the click of two links? Right now, the code above lets me do what I want, but with only text specifced in the code, could it be changed to something like CODE <h1 class="first" id="changeme"> bodytext </h1> or something? Thanks for any replies, I've really done my head in looking at this, I wouldn't be asking if I hadn't already spent ages looking in to this! |
|
|
|
Posts in this topic
mrcoolcat Magnifying a page? Sep 23 2006, 12:00 PM
BonneVache One of the easiest ways to do this is to have an a... Sep 23 2006, 04:22 PM mrcoolcat Thanks for the response I sort of get what that... Sep 24 2006, 02:55 PM
BonneVache I know this isn't really fixing your problem i... Sep 24 2006, 06:42 PM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: