Como dependiendo de una capa,me dirijo a dos paginas distintas

sonia___oO · #1 (**permalink**) 23/06/2011, 14:26

Hola lo que estoy intentando hacer es que la hacer click en ocultar capa(Solo ida) se dirija a base3.php si no que se dirija a base2.php, lo realize creando una variable 'comprueba' con valor inicial =0 , y al ingresar a la función capa(que se ejecuta cuando se ase click en 'solo ida' su valor cambie y sea =1 , luego al minuto de dirigirse a las paginas si es =1 que se dirija a base3.php si es 0 a base2.php.

Código PHP:

   
<script language="JavaScript"> 
 
var comprueba = 0; 
typeof comprueba; 
 
function cambio(idCapa)//Funcion que realiza opcion:ida , ida y vuelta 
{ 
var capa = document.getElementById(idCapa); 
var comprueba = 1; 
typeof comprueba; 
capa.style.display = (capa.style.display == "none") ? "block" : "none"; 
                     
} 
 
function verifica () //Funcion que se ejecuta cuando se ase click en el boton enviar 
{ 
    OrigenValor = document.getElementById('Origen').value; 
    document.write(comprueba); 
                         
    if(OrigenValor=='Seleccione Origen') 
    { 
        alert ("Seleccione Origen"); 
    } 
   else 
  { 
      if(comprueba == 1) 
      { 
    document.getElementById('frm').action='base3.php'; 
    formulario = document.frm["frm"] 
    formulario.submit() 
       } 
       if(comprueba == 0) 
    { 
    document.getElementById('frm').action='base2.php'; 
    formulario = document.frm["frm"] 
    formulario.submit() 
                             
    } 
         
    } 
} 
</script> 
 
<html> 
 
<div id="capa1"> 
<p>Fecha vuelta</p> 
<select name="fechav">  
<option value="Toda Fechav">Toda Fecha</option>  
<option value="01-07-2011">01/07/2011</option>  
</div> 
<a href="#" onclick="cambio('capa1')" >Solo ida </a> 
 
 
<input type="submit" value="Consultar" onclick="verifica()"> 
 
</html>

EL problema es que no me ingresa a ninguna de las dos paginas, cuando muestro el valor siempre es 0 , solo es 1 cuando lo muestro dentro de la función cambio(), me da la impresión que como puse la variable comprueba fuera de las funciones cada ves que vuelve a ser 0.

Gracias por leer e intentar ayudar =)

goteen_mx · #2 (**permalink**) 23/06/2011, 15:35

Te falta la forma, y el evento creo que seria mejor ponerlo en el onsubmit e hice algunos cambios, si la capa activa es la 1 se va a base2, y si esta activa la 2 se va a la base1

Espero te sirva de referencia para lo que necesitas hacer.

Saludos.

Código Javascript:

Ver original<script language="JavaScript">
 
var comprueba = 0;
function cambio(opc){
   if(opc==1){
       comprueba = 1;
       document.getElementById('capa1').style.display="none";
       document.getElementById('capa2').style.display="block";
   }
   else{
       comprueba = 0;
       document.getElementById('capa2').style.display="none";
       document.getElementById('capa1').style.display="block";
   }               
}
 
function verifica () {
   OrigenValor = document.getElementById('Origen').value;
   if(OrigenValor=='Seleccione Origen')
        alert ("Seleccione Origen");
   else {
     var     formulario = document.getElelementById("frm");
      if(comprueba == 1)
          document.getElementById('frm').action='base2.php';
       if(comprueba == 0)
            document.getElementById('frm').action='base1.php';
        return true;
    }
   return false;
}
</script>

Código HTML:

Ver original<div id="capa1">capa1</div>
<div id="capa2">capa2</div>
<a href="#" onclick="cambio(1);" >Solo ida 1</a>
<a href="#" onclick="cambio(2);" >Solo ida 2</a>
 
<form id="frm" onsubmit="return:verifica();">
<p>Fecha vuelta</p>
<select id="Origen"> 
     <option value="Seleccione Origen">Seleccione Origen</option> 
     <option value="1">origen1</option> 
</select>
 
 
<select name="fechav"> 
    <option value="Toda Fechav">Toda Fecha</option> 
    <option value="01-07-2011">01/07/2011</option> 
  </select>
<input type="submit" value="Consultar" > 
</form>

sonia___oO · #3 (**permalink**) 23/06/2011, 16:31

Hola gracias por responder , pero tengo una duda , es que yo tengo solo una capa , no se si lo estoy entendiendo mal , pero en el caso que sea solo una no podría haber un comprueba =1 en caso que sea capa1 y un comprueba=0 en caso de que.. no tengo mas capas .

sonia___oO · #4 (**permalink**) 23/06/2011, 16:33

de igual forma estoy intentando adaptarlo al mio , pero no se como hacerlo si tengo solo una capa

goteen_mx · #5 (**permalink**) 23/06/2011, 17:12

Código Javascript:

Ver original<script language="JavaScript">
     
    var comprueba = 0;
    function cambio(opc){
       if(opc==1){
           comprueba = 1;
           document.getElementById('capa1').style.display="none";
       else{
           comprueba = 0;
           document.getElementById('capa1').style.display="block";
       }              
    }
     
    function verifica () {
       OrigenValor = document.getElementById('Origen').value;
       if(OrigenValor=='Seleccione Origen')
            alert ("Seleccione Origen");
       else {
         var     formulario = document.getElelementById("frm");
          if(comprueba == 1)
              document.getElementById('frm').action='base2.php';
           if(comprueba == 0)
                document.getElementById('frm').action='base1.php';
            return true;
        }
       return false;
    }
    </script>

Código HTML:

Ver original<div id="capa1">capa1</div>
 
    <a href="#" onclick="cambio(1);" >Solo ida 1</a>
 
     
    <form id="frm" onsubmit="return:verifica();">
    <p>Fecha vuelta</p>
    <select id="Origen">
         <option value="Seleccione Origen">Seleccione Origen</option>
         <option value="1">origen1</option>
    </select>
     
     
    <select name="fechav">
        <option value="Toda Fechav">Toda Fecha</option>
        <option value="01-07-2011">01/07/2011</option>
      </select>
    <input type="submit" value="Consultar" >
    </form>

Saludos

sonia___oO · #6 (**permalink**) 23/06/2011, 17:37

gracias intentare adaptarlo