Reply to Re: Problems with 'tabindex'

Your name:

Reply:


Posted by Steve Pugh on 01/10/16 11:40

Stefan Mueller wrote:
> This html code should demonstrate my problems with 'tabindex':
> <img src= 'pic23.gif' tabindex = '0'>
> <input type = 'text'>
> <p>
> <img src= 'pic12.gif' tabindex = '0'>
> <input type = 'text'>
> <p>
> <img src= 'pic25.gif' tabindex = '0'>
> <input type = 'text'>

Why are you placing the tabindex attribute on the image and not on the
form input?

> In my project I have on each row a picture and a textbox. The sequencing of
> the rows is randomized because I use some sort of algorithm programmed with
> JavaScripts.
>
> 1) My goal is that if you load/reload the page the cursor is always located
> at the first image (most top and left) independent of how the rows are
> sorted.
> How can I locate the cursor always to the first image? I guess somehow
> with
> <body onLoad = "...">

Assuming that you do/will assign an id to each image, then in theory:
document.getElementById(imageId).focus()

But giving focus to images may or may not be possible in various
browsers.

But please reconsider this. If the page is slow to load the user may
already have moved the focus and started some action (typing in an
input field for example) before your script moves the focus - screwing
up whatever it was they were doing.

> 2) I'd like that the cursor is going by pressing the 'Tab' key from the
> first image to the textbox on its right side and then to the second image
> and so on.
> For that reason I use
> tabindex = '0'
> That works fine with Mozilla Firefox and with the Internet Explorer .
> However, if you click with your mouse on an image then with Internet
> Explorer (with Mozilla Firefox it works perfect) you have to press the 'Tab'
> key twice to get to the next textbox.
> Why that and does anyone know a workaround so that one 'Tab' would be
> enough to go to the next textbox?

Get rid of the tabindex on the images?

> 3) In Opera the cursor is never located on an image even not if you press
> the 'Tab' key several times.
> Is there another possibility to show an image with Opera which gets the
> focus and which has an 'onBlur' event, so that I know when the cursor leaves
> the image?

Opera separates the form element cycle (accessed via tab) and the link
cycle (accessed via Q/A). (And then there's spatial navigation on top
of that.) If your image isn't a link then I'm not sure how to give it
focus with the keyboard in Opera.

Steve

[Back to original message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация