Redireccionar a hacia un archivo destino haciendo visible a la vez un div

[mensajeescrito]

Hola amigos a ver si alguien me puede echar una mano con esto:

En un archivo "A", tengo un codigo que me permite mediante 2 botones hacer que se vea el contenido de un div_1 y el contenido de un div_2.

O bien se ve uno o bien se ve el otro, pero no los dos divs a la vez, y se intercalan mediante efecto fade in / fade out.


Esto el codigo lo hace bien. pero el tema esta en que el archivo "A" , va a parar a un archivo "B".


Y desde este archivo "B", tengo que de nuevo regresar al archivo "A" pero dejando visible el div_2 y no dejando visible el div_1 (que es el que esta por defecto visible).


¿Que tendria que poner en el boton del archivo "B" para que redireccionara al archivo "A" (cosa que hace bien), pero dejando visible el div_2 y no el div_1, en esta ocasión?

Espero que se haya entendido:


Este es el codigo que estoy utilizando:

archivo "A":

Código Javascript:

// inicialmente aparece la primera opcion marcada
        var ultimo=1;
        $(document).ready(function(){
            // evento que se ejecutara al seleccionar cualquier opcion del menu
            $(".menu_temario_examen_cursos div").click(function(){
                // obtenemos el nuevo id
                nuevo=$(this).attr("id");
                if(nuevo!=ultimo)
                {
                    // escondemos el ultimo id
                    $("#opc_"+ultimo).fadeOut(function(){
                        $("#"+ultimo).removeClass("seleccionado");
                        $("#"+nuevo).addClass("seleccionado");
                        // mostramos el nuevo id
                        $("#opc_"+nuevo).fadeIn();
                        ultimo=nuevo;
                    });
                }
            });
        });
 

Código CSS:

.contenido {display:none;}
 

Código HTML:

<div class="menu_temario_examen_cursos">
 
                        <div id="1" class="btn_temario_curso_administrador">
                        
                                <input name="temario_curso" type="button" class="estilos_temario_curso_administrador" value="TEMÁRIO" alt="temário del curso" /> 
                        
                        </div> 
 
 
 
                        <div id="2" class="btn_examen_administrador">
                                  
                        <input name="examen_curso" type="button" class="estilos_examen_administrador" value="EXAMEN" alt="examen de este curso" />
                                
    
                        </div>  
 
                    </div>
 

Código HTML:

<div id="opc_1" class='seleccionado'>
 
contenido div 1..............
 
</div>
 
 
 
 
<div id="opc_2">
 
contenido div 2..............
 
</div>
 

Código PHP:

$url_test="http://".$_SERVER['HTTP_HOST'].":".$_SERVER['SERVER_PORT'].$_SERVER['REQUEST_URI'];
 

Código HTML:

<input type="hidden" id="url_test" name="url_test" value="<?php echo $url_test; ?>" />
 

archivo "B":

Código PHP:

$url_test = $_POST['url_test'];
 
echo "<a href='$url_test'>VOLVER AL TEST</a>";
 

Gracias como siempre de antemano.

[Alexis88]

Envía un valor a través de la URI, lo lees en el archivo A y según el valor recibido, ocultas a uno u otro.

Saludos

[mensajeescrito]

alexis, suena genial, creeme, leer de ti que tiene solucion, eso ya es experanzador al menos.

Pero el problema es que no se como interpretarlo con codigo javascript, soy novato, y aunque hago algunas cosas basicas en este lenguaje, esto se me escapa, de verdad.


Si pudieras ayudarme te lo agradeceria mucho.

[mensajeescrito]

Humm a ver que se me esta encendiendo la bombilla pero a medias.

no es con javascript el pasar el valor por uri como creia, es con php y asi lo acabo de hacer de esta manera:


archivo "B":

Código PHP:

echo "<a href='$url_test&var=2'>VOLVER AL TEST</a>";
 

Y en el archivo "A":

Código PHP:

$var=$_GET['var'];
echo $var;
 

Y efectivamente, se pasa el valor del archivo "B" al "A" , funciona, pero solo se muestra el valor , no ejecuta el javascript que haga ver el contenido div con id=2

solo me sale :

Código PHP:

echo $var;
 

osea solo muestra : "2"

[Alexis88]

Como estás pasando el valor a través de la URI, solo te queda leer el dato desde la misma:

Código Javascript:

var url = document.URL,
    queryString = url.indexOf("var2=") ? url.split("var2=")[1] : null;
 
if (queryString != null){
    //Ejecutas la función
}
 

Buscas a var2 en la URI y si está, tomas el valor que le asignaste, caso contrario, lo dejas nulo. Luego, si el valor resultante es diferente a null, ejecutas la función.

Saludos

[mensajeescrito]

hummm no funciona mira pongo esto:

Código Javascript:

var url = document.URL,
    queryString = url.indexOf("var2=") ? url.split("var2=")[1] : null;
 
if (queryString != null){   
    
    
        // inicialmente aparece la primera opcion marcada
        var ultimo=1;
        $(document).ready(function(){
            // evento que se ejecutara al seleccionar cualquier opcion del menu
            $(".menu_temario_examen_cursos div").click(function(){
                // obtenemos el nuevo id
                nuevo=$(this).attr("id");
                if(nuevo!=ultimo)
                {
                    // escondemos el ultimo id
                    $("#opc_"+ultimo).fadeOut(function(){
                        $("#"+ultimo).removeClass("seleccionado");
                        $("#"+nuevo).addClass("seleccionado");
                        // mostramos el nuevo id
                        $("#opc_"+nuevo).fadeIn();
                        ultimo=nuevo;
                    });
                }
            });
        });
                
        
}
 

Y como digo no funciona lo que ocurre es que cuando le doy al boton para que se haga visible el contenido del div id="2", pues no se hace visible.


ademas en el codigo cuando dices "var2=", no querrias decir quizas "var=2", en cualquier caso he probado de las dos maneras y no va.

¿Que es lo que ocurre?

[Alexis88]

Cuando te decía que en la condición debes de ejecutar la función que muestra/oculta al elemento, no me refería a que coloques todo el código ahí, sino a que coloques una nueva condición en la que evalúes el valor recibido y, según sea este, muestres u ocultes al elemento.

Código Javascript:

$(document).ready(function(){
    var ultimo = 1,
        url = document.URL;
 
    if (url.indexOf("var") > -1){
        $("div_2").fadeIn();
    }
 
    $(".menu_temario_examen_cursos div").click(function(){
        //...
    });
});
 

Date cuenta que solo si se haya a var en la URI, muestro al segundo <div> que es lo que buscabas hacer. Leí mal el nombre de la variable, es var, como bien dices. De cualquier manera, tienes que analizar mejor lo que te había dicho porque en el último código que mostraste, hiciste una mezcla terrible.

Saludos

[mensajeescrito]

Ufff, alexis, lo intento , lo estoy intentando, lo he intentado varios dias, y entiendo lo que me escribes.

Pero no me sale, no me funciona. se que estoy a las puertas de que funcione pero necesito que me ayudes porfavor.

Mira este es el codigo que tengo hasta ahora:

Archvo "A":

Código PHP:

$url_test = $_POST['url_test']; 
 
echo "<a href='$url_test&var_mico=2'>VOLVER AL TEST ok</a>";
 

Archivo "B":

Código PHP:

$var_mico=$_GET['var_mico'];
echo $var_mico;
 

Código Javascript:

var url = document.URL,
        queryString = url.indexOf("var=2") ? url.split("var=2")[1] : null;
     
    if (queryString != null){   
        
    }
 

Código Javascript:

$(document).ready(function(){
        var ultimo = 1,
            url = document.URL;
     
        if (url.indexOf("var") > -1){
            $("div_2").fadeIn();
        }
     
        $(".menu_temario_examen_cursos div").click(function(){
 
                // obtenemos el nuevo id
                nuevo=$(this).attr("id");
                if(nuevo!=ultimo)
                {
                    // escondemos el ultimo id
                    $("#opc_"+ultimo).fadeOut(function(){
                        $("#"+ultimo).removeClass("seleccionado");
                        $("#"+nuevo).addClass("seleccionado");
                        // mostramos el nuevo id
                        $("#opc_"+nuevo).fadeIn();
                        ultimo=nuevo;
                    });
                }
 
        });
    });
 

Gracias como siempre.

[Alexis88]

No entiendo porqué te complicas con algo tan simple. La idea es la siguiente:

• Tenemos un archivo A en el cual hay un formulario.
• Hay un archivo B que viene siendo el destino del formulario del archivo A.
• En el archivo B hay un enlace que contiene una variable var en la ruta de destino.
• Cuando pulse dicho enlace, nos dirigimos hacia el archivo A, a donde llegará mediante la URI la variable adjunta en el enlace anteriormente señalado.
• En el archivo A, verificamos si dicha variable existe en la URI. De ser así, mostramos el 'div_2'.

Eso es todo. No hay más misterio. Mas bien, no entiendo porqué cambiaste el nombre de la variable a var_mico y, sin embargo, sigues haciendo la búsqueda en la URI con var. Decídete a utilizar una sola variable.

Saludos