Ver Mensaje Individual
  #17 (permalink)  
Antiguo 07/12/2012, 01:05
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: como ir a una pagina segun la pestana

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

Cita:
claro capo, pero lo que pasa que yo no lo hice en varias paginas por ej 1.html 2.html, lo hice todo en temasdeayuda.php con divs y id
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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.