Welcome, Guest
Username: Password: Remember me

TOPIC: Tab Index

Tab Index 27 Apr 2015 15:16 #12935

  • MorganL
  • MorganL's Avatar
  • Offline
  • Platinum Member
  • Posts: 438
  • Thank you received: 53
  • Karma: 15
Never really noticed until now as never needed it as I just use a logical form flow.

However I have created a custom form which follows a graphical workflow, and I need to alter the tab-index from a logical top->bottom

Is this possible in the JCook JDOM?
Morgan Leecy MCSE

Novell / Linux
PHP. MYSQL, Apache, node.js
Coldfusion, JQuery, HTML5
Joomla
The administrator has disabled public write access.

Tab Index 27 Apr 2015 15:30 #12941

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 987
  • Karma: 140
What do you mean ?

Steps for your forms, such as checkout a payement ?

I have it in my ideas lists. I did it in past.
For the moment you can use the redirections :
call yours layouts with suffix (_1, _2, _3), and then create manually all redirections
cancel > previous layout
save > next layout

Is it an answer ?
Coding is now a piece of cake
The administrator has disabled public write access.

Tab Index 27 Apr 2015 15:36 #12943

  • MorganL
  • MorganL's Avatar
  • Offline
  • Platinum Member
  • Posts: 438
  • Thank you received: 53
  • Karma: 15
No, literally the tabindex settings that you can put on any element on a single form.

SO I have a form, and when you TAB through it, it jumps from field to field in a logical manner as no element has a tabindex defined

I have an 'illogically' laid out form that I want to jump through the fields in a different order (it makes sense when you see it) i.e

<div><input tabindex="2" value="Should be second"></div>
<div><input tabindex="1" value="Should be first"></div>
<div><input tabindex="3" value="Second be third"></div>

Hope that makes better sense
Morgan Leecy MCSE

Novell / Linux
PHP. MYSQL, Apache, node.js
Coldfusion, JQuery, HTML5
Joomla
The administrator has disabled public write access.

Tab Index 27 Apr 2015 15:42 #12945

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 987
  • Karma: 140
Create event 'keypress' or 'keydown', (I do not remember wich one catch the 'Tab' key.) on every concerned field.
(For that you will make a loop. Do not do that for each field manually)

Then search for the next field with a JS script research (jQuery or MooTools), and make :
input.focus()

and eventually then
input.select()

I experienced some issues with that. And still in the new builder interface (cook), I have some fields not wanting to work because the dom is not ready or I don't know why. Anyways...
Coding is now a piece of cake
Last Edit: 27 Apr 2015 15:44 by admin.
The administrator has disabled public write access.
Time to create page: 0.072 seconds

Get Started