Ver Mensaje Individual
  #18 (permalink)  
Antiguo 07/12/2012, 20:34
el_loco90
 
Fecha de Ingreso: julio-2012
Mensajes: 234
Antigüedad: 12 años, 4 meses
Puntos: 9
Respuesta: como ir a una pagina segun la pestana

Cita:
Iniciado por emprear Ver Mensaje
Bueno, vamos una vez más.

Vos inicialmente tenías esto (lo pongo simplificado)

Código Javascript:
Ver original
  1. var activeTab = $(this).find("a").attr("href");
  2. $(activeTab).show();

y en el html vamos a trabajar como ejemplo con solo 2 links y su correspondiente contenido

Código HTML:
Ver original
  1. <div id=cuerpo>
  2.   <div id=centro3>
  3.   <UL class=tabs>
  4.   <li><a href="#tab1">1</a></li>
  5.   <li><a href="#tab2">2</a></li>
  6.  
  7.   </ul>
  8.   <div class=tab_container>
  9.   <div id=tab1 class=tab_content>1</div>
  10.   <div id=tab2 class=tab_content>2</div>
  11.   </div>
  12.   </div>
  13.   </div>

Ahora, que hace la script, identifica el elemento tomando el href del link, y simplemente lo muestra, es decir el href=#tab1 muestra el class tab_content de id tab1, y asi con el resto. pero si te fijás los contenidos ya están escritos en la propia página, 1 y 2. En ningún momento llamás archivos externos.
Después como ejemplo decis
clic en ayuda1 vaya a ayuda1.php el 2 cargue el 2 y asi el resto

Entonces aqui va mi modificación
En la script creo una variable que lee el atributo title de los links superiores
Código Javascript:
Ver original
  1. var contenidoTab = $(this).find("a").attr("title");

si te fijás en el html le agregué
<li><a href="#tab1" title="ayuda1">1</a></li>
<li><a href="#tab2" title="ayuda2">2</a></li>

luego tomo ese valor y lo uso para hacer el load() (que en jQuery sirve para cargar una página externa en un div de la propia página, eso es ajax)

eso lo hace esta linea

Código Javascript:
Ver original
  1. $(activeTab).load(contenidoTab +".html");

la única diffrencia es que para mi ejemplo usé archivos .html, es decir esto
contenidoTab +".html
se traducirá en ayuda1.html, ayuda2.html y asi sucesivamente construyendo ese nombre de archivo del title más la extensión, obviamente esos archivos tenes que crearlos y ponerles el contenido que corresponda

Y el ejemplo que te gejé en mi server demuestra que funciona correctamente.
Lo que pasa es que después te apareces con esto



y sinceramente no tiene nada que ver con lo que decís que querés al principio, y ahi viene el enojo, porque transforma en una pérdida de tiempo todo lo previo.

Esto no funciona por repetición ó copiando y pegando, tenés que tener un conocimiento mínimo de lo que hacés

Se entiende
Saludos
es decir necesito si o si dos pagina 1 ayuda1.php y otra ayuda2.php con su respectivo contenido

no puedo hacer que llame a ayuda.php tab3, ayuda.php tab 4 y asi