views:

151

answers:

3

At which level in Firefox the active zone around active areas (text and image hyperlinks) is defined ? I would like to experiment ways to extend them to ease the use of touchscreens for the web...

A: 

The only way I know of is via the CSS property padding.

Dominic Rodger
There is no way to do it at the browser level ? I don't want to do it at the site level...
Fred
You could do some browser targeting - but why are you just targeting Firefox?
Dominic Rodger
Dominic, I'm looking for a solution to create a kiosk like system with a touchscreen and my browser of choice is Firefox. Will it work with another browser ?
Fred
A: 

This is mostly not browser-specific, but determined by the layout information (in html or css). Basically, the area that the "link" element occupies is the clickable area. If you need a larger area, you have to make the element larger .. increase the text that is clickable, increase the font-size, increase padding (which might look strange).

IronGoofy
In fact I want to build a special browser with such capability and so I'm looking for ways to do it modifying Firefox...
Fred
You could add you own CSS on the client side and enlarge padding, font-sizes etc. Client-side CSS would theoretically override the server provide, but I have no idea how stable that is. Also, try to use the different zoom-levels (Ctrl-+ to enlarge) in FireFox and see if that helps you any.
IronGoofy
A: 

After discussions with some Mozilla folks, I tried to implement a solution using javascript with a Greasemonkey script available at http://www.splitted-desktop.com/~flepied/touchscreen/touchscreen.user.js. It tries to find the nearest link when you click on something that is not active.

Fred