jquery - have to shift tabindex between two HTML elements -
<div class=" yellow" data-name="notes" title="view notes"> <div class="title"> <h3 id="notesid" >notes</h3> <div class="info"> <a href="#" id="clear-notes" title="clear notes">clear</a> </div> </div> <div class="body"> <div class="content-area notes-area resizeble" style="height: 130px;"> <textarea title="notes" id="notes-textarea" rows="5" cols="15">notes</textarea> </div> </div> </div>
in code, have div 2 focusable elements---- anchor element , text area. default focus first on anchor , on textarea need exchange focus. according me , textarea wud first element focus , anchor element second. can me out in this... thanks!!!!
no jquery or html5 needed, old tabindex attribute:
<div class=" yellow" data-name="notes" title="view notes"> <div class="title"> <h3 id="notesid">notes</h3> <div class="info"> <a href="#" id="clear-notes" title="clear notes" tabindex="2">clear</a> </div> </div> <div class="body"> <div class="content-area notes-area resizeble" style="height: 130px;"> <textarea title="notes" id="notes-textarea" rows="5" cols="15" tabindex="1">notes</textarea> </div> </div> </div>
Comments
Post a Comment