[SOLUCIONADO] Paso de Variables

[chuekeron]

Buenas gente del foro, necesito una mano con lo siguiente:
Tengo un menú A y un menú B.
Necesito que al hacer click en el link del menú A quede registrada la variable de dicho link, y la hacer click en el menu B se pasen ambas variables, la que presione en el menú A y la que presione en el menú B.
Habitualmente hago esto con PHP, pero estoy trabajando con Ajax.
Intente de varias maneras, con funciones anidadas y demás pero ni cerca estuve.

[chuekeron]

Alguna idea? algo?

[marlanga]

Detecta el evento click sobre los links del menu A, y almacena la variable que se pulsó en una variable global. Luego permite que se abra esa página, pero en una pestaña nueva (si se abre en la misma pestaña, se pierde todo).
Con el menú B detecta también el click sobre links, y ántes de permitir que navege a ellos, métele en su url la variable global donde está almacenado el último elemento del menu A pinchado.

[chuekeron]

Gracias Marlanga, pero no se si me hice entender.
Pongo mi código para que se entienda mejor q es lo que quiero hacer:

Código HTML:

<ul id="menu A">
  <a onclick="javascript:funcion('variable_a1')">Opcion 1</a>
  <a onclick="javascript:funcion('variable_a2')">Opcion 2</a>
</ul>
 

Código HTML:

<ul id="menu B">
  <a onclick="javascript:funcion('variable_b1')">Opcion 1</a>
  <a onclick="javascript:funcion('variable_b2')">Opcion 2</a>
</ul>
 

Código Javascript:

// listar
function listar(varmenuA,varmenuB){
 
  $.ajax({
  type: "GET",
  }).done(function(msg){
      $('#dinamico').load("modulos/listar.php?var1="+varmenuA+"&var2="+varmenuB);  
  });
  
}
 

[mdk]

No pongas espacios en los identificadores.

[mdk]

Prueba así:

Código HTML:

<ul id="menuA">
  <a href="#" onclick="javascript:listaA('variable_a1')">Opcion 1</a>
  <a href="#" onclick="javascript:listaA('variable_a2')">Opcion 2</a>
</ul>
<ul id="menuB">
  <a href="#" onclick="javascript:listaB('variable_b1')">Opcion 1</a>
  <a href="#" onclick="javascript:listaB('variable_b2')">Opcion 2</a>
</ul> 

Código Javascript:

var varmenuA;
function listaA(varA){ varmenuA = varA; }
function listaB(varmenuB) {
    $.ajax({
        type: "GET",
        }).done(function(msg){
            $('#dinamico').load("modulos/listar.php?var1="+varmenuA+"&var2="+varmenuB);  
        }); 
    }
}
 

[chuekeron]

Iniciado por mdk

Prueba así:

Código HTML:

<ul id="menuA">
  <a href="#" onclick="javascript:listaA('variable_a1')">Opcion 1</a>
  <a href="#" onclick="javascript:listaA('variable_a2')">Opcion 2</a>
</ul>
<ul id="menuB">
  <a href="#" onclick="javascript:listaB('variable_b1')">Opcion 1</a>
  <a href="#" onclick="javascript:listaB('variable_b2')">Opcion 2</a>
</ul> 

Código Javascript:

var varmenuA;
function listaA(varA){ varmenuA = varA; }
function listaB(varmenuB) {
    $.ajax({
        type: "GET",
        }).done(function(msg){
            $('#dinamico').load("modulos/listar.php?var1="+varmenuA+"&var2="+varmenuB);  
        }); 
    }
}
 

Funciono perfecto mdk, muchas gracias x tu ayuda!!

[mdk]

Iniciado por chuekeron

Funciono perfecto mdk, muchas gracias x tu ayuda!!

Un placer ;)