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
(1 - 5)
|
Sep 23 2006, 04:22 PM
Post
#2
|
|
 Good Cow. Group: Member Posts: 180 Joined: Aug 2006 Member No: 449,486 |
One of the easiest ways to do this is to have an alternative stylesheet which defines the text as a larger size. Than Just add a button on your site that would allow the user to switch styles.
For info on switching styles on page you can use the following... GO! Hope that helped. |
|
|
|
|
Sep 24 2006, 02:55 PM
Post
#3
|
|
|
Senior Member Group: Member Posts: 52 Joined: Oct 2005 Member No: 276,900 |
Thanks for the response
 I sort of get what that says, I tried linking a page on a HTML document to a CSS file. I don't really know anything about web-design and this is just for my college ICT class. Anyway, I added a hyperlink to some text, linking to to 'hello.css' And both HTML and CSS documents were saved under the desktop... Can someone tell me what's wrong please? Oh yeah, I was thinking, I could just open up each page, increase the font size, save it under a different name and link the new page on the old one? Could work but I'd need to enlarge images and other flash on the page perfectly tho. Anyway, back on topic, this is the problem I'm coming across... When I click on the Hyperlink, it just opens up a download box, to download the CSS file, but I actually want to make the CSS file appear on the page.  Please remember to thumb your images :) This post has been edited by digital.fragrance: Sep 24 2006, 03:20 PM |
|
|
|
|
Sep 24 2006, 03:11 PM
Post
#4
|
|
 . Group: Member Posts: 25 Joined: May 2006 Member No: 402,280 |
|
|
|
|
|
Sep 24 2006, 03:49 PM
Post
#5
|
|
|
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! |
|
|
|
|
Sep 24 2006, 06:42 PM
Post
#6
|
|
|
Good Cow. Group: Member Posts: 180 Joined: Aug 2006 Member No: 449,486 |
I know this isn't really fixing your problem its just giving a new solution but hope this one works for you.
 Go to yet another solution! (example of solution working) Best of luck. |
|
|
|
 |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: