Hola amigos, resulta que uso en mi aplicacion web una libreria que viene con el dreamweaver llamada "Paneles en fichas de Spry"
la cual consiste en una pestañas que al darle click se muestra su respectivo panel:
Código HTML:
Ver original<div id="TabbedPanels1" class="TabbedPanels"> <ul class="TabbedPanelsTabGroup"> <li class="TabbedPanelsTab" >1
</li> <li class="TabbedPanelsTab" >2
</li> <li class="TabbedPanelsTab" >3
</li>
<div class="TabbedPanelsContentGroup"> <div class="TabbedPanelsContent"> CONTENIDO 1
<img id="btnSig" onClick="calificar('1')" class="button" width="130px" src="../../images/SIG.png">
<div class="TabbedPanelsContent"> CONTENIDO 2
<img id="btnSig" onClick="calificar('2')" class="button" width="130px" src="../../images/SIG.png">
<div class="TabbedPanelsContent"> CONTENIDO 3
<img id="btnSig" onClick="calificar('3')" class="button" width="130px" src="../../images/SIG.png">
Hasta ahí.. todo funciona bien, pero resulta que dentro de cada TabbedPanelsContent tengo una imagen que parece un botonsito y la cual realiza una accion en su evento onclick: calificacion()
necesito que al darle click a esa imagen-botonsito me pase a la siguiente pestaña sin necesidad de darle click a algun TabbedPanelsTab, pero no tengo idea de como hacerlo

y he revisado el codigo javascript y el css, pero necesito un empujoncito que alguien me de una idea de como se pueda hacer, yo entenderé rapidamente ya que tengo bases de javascript. muchas gracias a quien me pueda ayudar!