Foros del Web » Programando para Internet » Javascript »

Cambio de pestañas con un clik

Estas en el tema de Cambio de pestañas con un clik en el foro de Javascript en Foros del Web. Hola nesesito crear un link de una pestaña a otra pestaña, estas entan creadas con css, buscando probe con las anclas pero no resulta alguna ...
  #1 (permalink)  
Antiguo 07/10/2010, 09:15
 
Fecha de Ingreso: noviembre-2007
Mensajes: 66
Antigüedad: 17 años
Puntos: 0
Cambio de pestañas con un clik

Hola nesesito crear un link de una pestaña a otra pestaña, estas entan creadas con css, buscando probe con las anclas pero no resulta alguna idea.
  #2 (permalink)  
Antiguo 07/10/2010, 11:25
Avatar de Ribon  
Fecha de Ingreso: septiembre-2010
Ubicación: El firmamento
Mensajes: 487
Antigüedad: 14 años, 2 meses
Puntos: 91
Respuesta: Cambio de pestañas con un clik

Para eso debes ir mostrando y ocultando DIVs y claro puedes realizarlo dependiendo de un ancla, aunque también te recomiendo que te busques en internet algo con que hacer pestañas, no es dificil y hay varias alternativas.

por ejemplo este funciona con Jquery y UI tools

http://jqueryui.com/demos/tabs/
  #3 (permalink)  
Antiguo 07/10/2010, 12:08
 
Fecha de Ingreso: noviembre-2007
Mensajes: 66
Antigüedad: 17 años
Puntos: 0
Respuesta: Cambio de pestañas con un clik

Hola Ribon gracias por la respuesta, pero las pestañas las tengo creadas, en la pestaña se carga un lista , la idea es al hacer clik en un elemento de la lista te envie a la siguiente pestaña, en la cual se cargara otra lista. proble con las anclas pero no me resulta. dejo codigo.


Código PHP:

<td>{$i}.-</td>
{if 
$editAllowed<>'false'}
<
td colspan="3" id="div_nombre{$division.FormacionVegetal.div_id}SPAN" ondblclick="editar(this,{$division.FormacionVegetal.div_id},'div_nombre')">
{else}
<
td colspan="3" id="div_nombre{$division.FormacionVegetal.div_id}" >        
{/if}

/************ aqui deberia direccionar a la otra pestaña. ******************
<span id="div_nombre{$division.FormacionVegetal.div_id}" ><a href="#" onclick="buscarDe({$division.FormacionVegetal.div_id})" > 

/**************************************************************/

{$division.FormacionVegetal.div_nombre}</a>  </span>
</
td>
<
td
las pestañas


Código PHP:

/*************** aqui beria dierccionarlo****************/
<div class="tabbertab">
<
h2><a name="tab2">Clase</a></h2>                                  <table>
    <
tr>
    <
td>
    
Clase  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
    <
a name="jarra">Índice de contenidos</am>
     {if 
$addAllowed<>'false'}        
    <
img src='include/img/pngs/add.png' border=0 title='Agregar Clase' style="cursor: pointer;" onclick="agregarClase(document.getElementById('clase{$division.FormacionVegetal.div_id}'),{$division.FormacionVegetal.div_id})" />
    </
td>        
    {/if}        
    </
td>
    </
tr>
    {
assign var="i" value=1}
    {foreach 
from=$divisiones item=division }
    <
tr>
    <
table>
Divisi&oacute;n:{$division.FormacionVegetal.div_nombre}
Clase:{$MostrarClases->clases($division.FormacionVegetal.div_id)}
                                            
                                                
</
table>
</
tr>
{
assign var="i" value=$i+1}        
{/foreach}                    
</
table>
</
div
espero que se entienda

Etiquetas: pestañas, cambios, clicks
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:18.