Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

Tab Index 27 Apr 2015 15:16 #12935

  • MorganL
  • MorganL's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
  • Posts: 438
  • Thank you received: 53
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

Please Log in or Create an account to join the conversation.

Tab Index 27 Apr 2015 15:30 #12941

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 986
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

Please Log in or Create an account to join the conversation.

Tab Index 27 Apr 2015 15:36 #12943

  • MorganL
  • MorganL's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
  • Posts: 438
  • Thank you received: 53
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

Please Log in or Create an account to join the conversation.

Tab Index 27 Apr 2015 15:42 #12945

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 986
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

Please Log in or Create an account to join the conversation.

Last edit: by admin.
  • Page:
  • 1
Time to create page: 0.059 seconds

The j-cook project is one of the best of its kind and it is nice that we all try to contribute in little ways to make life easy for each other.

vlemos (Forum)  

Get Started