How to link to a tabbed section of another page?

Question

I have a webpage and if I click a link in the page, it should be redirected to a particular tab of another url. That is, I have a link called 'Submitted' in my home page. If I click that link, it show display the 'Submitted' tab of the view page. Is this possible?

$status="Submitted";
<a id="formStatus<?php echo $status;?>" class="code_link" href="/FormBuilder/main/viewAllMyForms"><?php echo $status;?></a>

In my viewAllMyForms page, I have a tab section like

<ul id="sort_by" class="horizontal_navigation float_left">
   <span class="showfilter">Show:</span>
     <li> <a id="all"  class="selected" href="#">All</a></li>
     <li> <a id="drafted"  href="#">Drafts</a></li>
     <li> <a id="submitted"  class="last" href="#">Submitted</a></li>
</ul>

In my script I have the below code, so that when I click the Submitted tab in my viewAllMyForms page, only the forms with status "Submitted" are displayed.

$('#submitted , #formStatusSubmitted').click(function(){

<?php foreach($myForms as $form):
  if($form['Form']['status']=="Incompleted"){ ?>
 $('.fm_myformsample_container'+<?php echo $form['Form']['id'];?>).hide();
<?php }

 else{?>
   $('.fm_myformsample_container'+<?php echo $form['Form']['id'];?>).show();
<?php }
endforeach;?>
$('#sort_by').find(".selected").removeClass();
$('#submitted').addClass("selected");
});

So When I click the "submitted" link in the home page, how to connect it to the "Submitted" link in the viewAllMyForms page?

Answer 1

You should redirect from the first page to secondpage.html#submitted

In JavaScript you check in the $(document).ready() of the secondpage.html if there is a hashtag available thru

document.location.hash

and if there is '#submitted', you show the submitted part of your page.

Answer 2

I'm not entirely sure on what you're asking, but if you want to trigger the click event that you made for your tabs, then you could use jQuery trigger with the hash tag, as suggested by Jan:

if (location.hash == "submitted") {
    $("#submitted").trigger("click");
}

And then set up your link to include a hashtag:

<a id="formStatus<?php echo $status;?>" class="code_link" 
   href="/FormBuilder/main/viewAllMyForms#submitted"><?php echo $status;?></a>