Foros del Web » Programando para Internet » Javascript »

Redireccionar cuando se abra menú por pestañas

Estas en el tema de Redireccionar cuando se abra menú por pestañas en el foro de Javascript en Foros del Web. Buenos días Tengo un menú (o navegación por pestañas) así: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < section class = "menu" >       ...
  #1 (permalink)  
Antiguo 24/01/2014, 05:55
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Pregunta Redireccionar cuando se abra menú por pestañas

Buenos días

Tengo un menú (o navegación por pestañas) así:

Código HTML:
Ver original
  1. <section class="menu">
  2.        
  3.     <ul class="tabs" id="unidad_2_nav">
  4.    
  5.     <li><a href="#tab-1" target="_blank">Botón 1</a></li>
  6.     <li><a href="#tab-2" target="_blank">Botón 2</a></li>            
  7.     <li><a href="#tab-3" target="_blank">Botón 3</a></li>
  8.                
  9.     <li><a class="hsubs" href="#">Botón 4</a>
  10.     <ul class="subs">
  11.     <li><a href="#dosA" class="tab-e">SubBotón 1a</a></li>
  12.     <li><a href="#dosB" class="tab-e">SubBotón 1b</a></li>
  13.     <li><a href="#dosC" class="tab-e">SubBotón 1c</a></li>
  14.     <li><a href="#dosD" class="tab-e">SubBotón 1d</a></li>
  15.     </ul>
  16.     </li>
  17.      
  18.     </ul>
  19.     </section>

Código HTML:
Ver original
  1. <div class="pestana" id="tab-1">Contenido 1</div>
  2.     <div class="pestana" id="tab-2">Contenido 2</div>
  3.     <div class="pestana" id="tab-3">Contenido 3</div>
  4.     <div class="pestana" id="dosA">Contenido 1a</div>
  5.     <div class="pestana" id="dosB">Contenido 1b</div>
  6.     <div class="pestana" id="dosC">Contenido 1c</div>
  7.     <div class="pestana" id="dosD">Contenido 1d</div>

El funciona bien, el asunto es que yo quiero que cuando cargue la pestaña:

Código HTML:
Ver original
  1. <div class="pestana" id="dosD">Contenido 1d</div>

Me redireccione a una página Web.
Yo encontré esto pero el me redirecciona automáticamente se abra la página "yo lo necessito cuando a abra la pestaña.

Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/javascript">
  2.  
  3. var pagina="http://www.yahoo.com"
  4. function redireccionar()
  5. {
  6. location.href=pagina
  7. }
  8. setTimeout ("redireccionar()", 20000);
  9.  
  10. </script>

Referencia del código: Ejemplol

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario
  #2 (permalink)  
Antiguo 24/01/2014, 06:31
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Respuesta: Redireccionar cuando se abra menú por pestañas

Encontré la solución sólo que no me hace target="_blank":

Código HTML:
Ver original
  1. <li><a href="#dosF" class="tab-e" onclick="window.location = 'http://www.forosdelweb.com'" target="_blank">enlace</a></li>

¿Cómo haga para que me abra en una pestaña nueva?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario

Etiquetas: funcion, pestañas, redireccionar
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 10:47.