Printable View
Hi
2 questions
1 Is there a way with the aid of a button (js script call?) to increase the zoom of a web page easily like the i.e ctrl + function? It would be nice to be able to increase the page by say 20% up with each click and another button to decrease it by the same 20% down
2 also change the contrast/colours of page in xara with aother set of buttons?
Cheers Scruffy
Hi scruffy,
ctrl + (plus key) in all browsers increase the zoom.
ctrl - (minus key) in all browsers decrease the zoom.
ctrl 0 (zero key) in all browsers reset zoom to 100%.
All browsers = all modern versions of Opera, IE, Chrome, Firefox, and Safari.
The short answer to question 2 is no. The long answer is it can be done...but I don't think it would be possible in Xara. However, design sites with a certain amount of consideration of sight impaired. Another impairment worth consideration are for those with hearing impairment. These people often use screen readers. So ALT and title text for images that is descriptive is a good thing. There are other considerations, but are easily findable on the ADA web site.
Take care, Mike
Thanks mike but any idea how to assign the action e.g ctrl + ctrl - to a button rather then the user having to do it?
There are various javascripts available via Google. Likely they work the same/similar as the only one I have been familiar with inside Joomla. That is, they all affect font size only.
The best means of seeing this effect on any site you are designing or already have done is to use Firefox to view it. On FF's View menu, select Zoom, and then check the "Text Only" selection. That will basically be the same effect as the javascript code you can plug into your site. Your site may not behave as expected. I would look at this effect before taking the time to add it.
Here is one such javascript:
http://www.dynamicdrive.com/dynamicindex9/textsizer.htm
Take care, Mike
cheers
Hi having a few probelms gettin it working
the textsizer.js file has been ftp'd to the folder with the htm files are located
i have created a placeholder on the paste board then the web properties-placeholder-and put code call in html head for all pages
so could the error be in the link properties from the button i have created i have pasted <a href="javascript:ts('body',1)">+ Larger Font</a> for one button <a
href="javascript:ts('body',-1)">+ Smaller Font</a> for the other (as per DD instructions) and it does not work any ideas would be appreciated
scruffy
How about providing a sample file that shows the problem?
If the site is on-line, even in a temp place, it would be good to see the page(s) affected.
Take care, Mike
Hi mike u can see a test of it here comes up as a 404 when the top right icons are clicked
appreciate feedback help
scruffy
The code from the page shows spaces in the href, as well as other codes I am not knowing what they are without looking them up (the %27).Code:<a href="<a%20href=%22javascript:ts%20(%27body%27,-1)%22>+%20Smaller%20Font</a>" onclick="return(xr_nn());">
<img class="xr_ap" src="terms-and-conditions_htm_files/zoom-out.png" alt="" id="LiveCopy:58Set28" title="REDUCE TEXT" onmousemove="xr_mo(this,0,event)" style="left: 838px; top: 8px; width: 50px; height: 43px;"/>
I would need a page of your file--else I need to make one myself. Expediency (or laziness) suggests a single page example file from you <g>.
Take care, Mike
here is a chopped file of course the .js will need to be in the same folder when tested