View source for Using the JPane classes in a component

== Adding onClick to Tab ==
Looking in JTabs source, you will found that there are two more options can be set; onActive and onBackground event. This is easy to add if you familiar with PHP and JavaScript. But I will show you how to do in an easy way (but may not a best practic). Look back to JPane->startPanel(..,...), for the first parameter you can add tag to it instead of normal text. So, I just add span tag to the tab title and set onClick to do something.
<source lang="php">
$pane = & JPane::getInstance('Tabs'); 
echo $pane->startPane('doc') ;
echo $pane->startPanel('<span onclick="document.adminForm.job_id.value=0;">Summary</span>','doc-summary') ;
echo $this->loadTemplate('summary');
echo $pane->endPanel();
foreach($this->jobs as $job)
{
      $this->job = $job;
      if ($this->doc->type_id == CP_CLEARING_REQ)
      {
          $this->refJob = null;
          foreach ($this->refJobs as $refJob) {
              if ( ($refJob->project_no==$job->project_no) && ($refJob->subproject_code==$job->subproject_code) )
              {
                 $this->refJob = $refJob;
                 break;
              }
          }
      }
      echo $pane->startPanel('<span onclick="document.adminForm.job_id.value='.$job->id.';">'.$job->project_no.'/'
           .$job->subproject_code."</span>", 'job-'.$job->id);
      echo $this->loadTemplate('job');
      echo $pane->endPanel();	
}
echo $pane->endPane() ;

</source>

[[Category:Archived version Joomla! 1.5]]