html table row comeback tabindex

I have a long list in the html table in the popup. each row a link to update the record. Once it is updated I need to refresh the popup and return to the row that I just edited.

Can anybody help me with a return option, I do not know how to do the focus on that row
LVL 19
erikTsomikSystem Architect, CF programmer Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

erikTsomikSystem Architect, CF programmer Author Commented:
any suggestions
0
Ioannis ParaskevopoulosCommented:
Hi, can you send a sample html? I need to see how the list is structured. For instance, do you use an id for each row?

Giannis
0
COBOLdinosaurCommented:
There are 5 or 6 ways to acquire and reference the handle of a table row, but without a link to the page I am not going to waste my time speculating about how you have coded the page.

Cd&
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

erikTsomikSystem Architect, CF programmer Author Commented:
it is on my local machine . My table rows does not have id. So can you just point me to the right direction. Or give me just code sample
0
COBOLdinosaurCommented:
The table object has a rows collection as one of its properties  If you save the handle to the row where the event starts you should be able to focus back to it by referencing the row object in the handle.

I am not going to spend time trying to develop code in the dark.  If you post rendered code maybe someone will have time to look at it but not having a link makes it difficult to help you.

Cd&
0
erikTsomikSystem Architect, CF programmer Author Commented:
here is my source code

<table class="tbl1 scroll">
            
            <tbody>
            
                  <tr>
                        <td>test</td>
                        <td>test</td>
                        <td>05/17/2013 05:06 PM</td>
                        <td>05/17/2013 05:05 PM</td>
                        <td>05/17/2013 05:05 PM</td>
                        <td><a onclick="showLoginHistory('5');return false;" href=""><b>+</b></a></td>
                  </tr>
            
                  <tr>
                        <td>test</td>
                        <td>test</td>
                        <td>05/17/2013 05:08 PM</td>
                        <td> </td>
                        <td>05/17/2013 05:08 PM</td>
                        <td><a onclick="showLoginHistory('57');return false;" href=""><b>+</b></a></td>
                  </tr>
            
                  <tr>
                        <td>test</td>
                        <td>test</td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td><a onclick="showLoginHistory('199');return false;" href=""><b>+</b></a></td>
                  </tr>
            
                  <tr>
                        <td>test</td>
                        <td>test</td>
                        <td>04/15/2013 02:20 PM</td>
                        <td>03/25/2013 03:38 PM</td>
                        <td>08/16/2012 04:08 PM</td>
                        <td><a onclick="showLoginHistory('58');return false;" href=""><b>+</b></a></td>
                  </tr>
            
                  <tr>
                        <td>test</td>
                        <td>test</td>
                        <td>01/08/2013 03:33 PM</td>
                        <td>08/14/2012 01:58 PM</td>
                        <td>07/02/2012 02:26 PM</td>
                        <td><a onclick="showLoginHistory('51');return false;" href=""><b>+</b></a></td>
                  </tr>
            
                  
            
            </tbody>
      </table>
0
COBOLdinosaurCommented:
You have a hard value in the function call so just give each row an id of 'x' plus the number and you can access with document getElementById()


Cd&
0
erikTsomikSystem Architect, CF programmer Author Commented:
I tried this

But it does not seems to work

$("tr").index('57');
0
Ioannis ParaskevopoulosCommented:
Hi,

If for your first row you have:

                  <tr id="Row1">
                        <td>test</td>
                        <td>test</td>
                        <td>05/17/2013 05:06 PM</td>
                        <td>05/17/2013 05:05 PM</td>
                        <td>05/17/2013 05:05 PM</td>
                        <td><a onclick="showLoginHistory('5');return false;" href=""><b>+</b></a></td>
                  </tr>

Open in new window


Then you can reference it as:
document.getElementById("Row1")

Open in new window


And if you wanted the anchor element then you would have:
document.getElementById("Row1").children(5).children(0)

Open in new window


Giannis
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.