Como oculto una capa con un link?

visitante28 · #1 (**permalink**) 14/09/2009, 12:46

hola

Gente,,, quiero ocultar una "capa" que tengo en una pagina (pagina1.php),,, con una funcion que tengo en otra pagina (pagina2.php) por medio de un link...

codigo para (pagina2.php)... a ki tengo la funcion y el link con el quiero ejecutar la funcion.

Código:

<head>
<script>
function cerrar() {
document.getElementById(capa1).style.display = "none";
}
</head>

<body>
<a href="pagina2.php" target="mainFrame">link</a>
</body>

codigo en la (pagina2.php)... aqui tengo la capa que quiero ocultar...

Código:

<body>
<div id="capa1" > contenido</div>
</body>

como puedo hacer que la funcion que tengo en una pagina se aplique en la otra pagina por medio del link??

saludos..

Adler · #2 (**permalink**) 14/09/2009, 13:07

Hola

Se me ocurre que podrías usar window.hash

Suerte

visitante28 · #3 (**permalink**) 14/09/2009, 16:05

ok gracias adler

deja revisarlo ...

no tendras algun ejemplo de window.hash...??

saludos...

Adler · #4 (**permalink**) 14/09/2009, 16:16

Hola

En página vinculada haces esto

<script type="text/javascript">
alert(window.hash)
</script>

En la página con el vinculo

<a href="pagina.php#capa1">link</a>

Suerte

visitante28 · #5 (**permalink**) 17/09/2009, 19:58

Adler

la verdad no me funciona como dices con window.hash,, y la verdad no se como hacerlo de esta forma.

o talvez no me explique bien,,

estos es lo que quiero hacer...

enviar funcion cerrar() a la pagina.php para ocultar una capa
<div id="capa"></div>

Código HTML:

function cerrar() {
document.getElementById(capa1).style.display = "none";
}

<a href="javascript:cerrar('pagina.php');"> link</a>

como ven que estoy haciendo mal que no me funciona???

saludos.

Adler · #6 (**permalink**) 18/09/2009, 07:26

Hola

Ahora releyendo tu primer post, me ha dado cuenta que cometistes un error, tanto la página con el vinculo como la que contiene el javascript la nombrastes como pagina2.php, así que supongo que no me di cuenta de ello y pensé que página donde está la capa era una popup.

Yendo al asunto que ocupa. Si estás usando PHP en la liga podrías pasar un valor para después recogerlo. En pagina1 usas el evento onload en el body

Cita:

onload = cerrar()

En la función haces algo como esto

Cita:

function cerrar() {
var k_hacer = <?$_get(variable)?>; //Aquí recoges la variable pasada por la query
if (k_hacer != "")
document.getElementById(capa1).style.display = "none";
}

Suerte

Adler · #7 (**permalink**) 18/09/2009, 07:27

Hola

Ahora releyendo tu primer post, me ha dado cuenta que cometistes un error, tanto la página con el vinculo como la que contiene el javascript la nombrastes como pagina2.php, así que supongo que no me di cuenta de ello y pensé que página donde está la capa era una popup.

Yendo al asunto que ocupa. Si estás usando PHP en la liga podrías pasar un valor para después recogerlo. En pagina1 usas el evento onload en el body

Cita:

onload = cerrar()

En la función haces algo como esto

Cita:

function cerrar() {
var k_hacer = <?$_get(variable)?>; //Aquí recoges la variable pasada por la query
if (k_hacer != "")
document.getElementById(capa1).style.display = "none";
}

Suerte

Adler · #8 (**permalink**) 18/09/2009, 07:28

Hola

Ahora releyendo tu primer post, me ha dado cuenta que cometistes un error, tanto la página con el vinculo como la que contiene el javascript la nombrastes como pagina2.php, así que supongo que no me di cuenta de ello y pensé que página donde está la capa era una popup.

Yendo al asunto que ocupa. Si estás usando PHP en la liga podrías pasar un valor para después recogerlo. En pagina1 usas el evento onload en el body

Cita:

onload = cerrar()

En la función haces algo como esto

Cita:

function cerrar() {
var k_hacer = <?$_get(variable)?>; //Aquí recoges la variable pasada por la query
if (k_hacer != "")
document.getElementById(capa1).style.display = "none";
}

Suerte

visitante28 · #9 (**permalink**) 18/09/2009, 10:57

Gracias Adler por tu tiempo y ayuda

pero no me funciona cerrar la capa en el body onload, ahora explico mas a detalle porque,,

tengo una pagina(consulta.php ) esta tiene una forma submit con la que hago una busqueda en mi BD a la cual se carga en la misma pagina (consulta.php) si pongo la funcion en el body onload,, al momento que hago la busqueda me carga la pagina (consulta.php) por lo cual simpre va ha permanecer cerrada la capa ya que cuando la mando mostrar en el boton del form submit me vuelve a cargar la pagina y no se va mostrar,,,

como vez por eso pense que seria mejor ocultar la capa cuando mando llamar la pagina osea desde el link madar la funcion cerrar() para poder mostrala con el boton submit,,,

pagina (consulta.php)

Código:

<head>
funcion cerrar ()  {document.getElementById(capa).style.display = "none";  /// funcion para ocultar capa

funcion mostrar() {document.getElementById(capa).style.display = " ";    /// funcion para mostrar la capa 

</head>

<body onload="cerrar()"  ///  aki pongo funcion ocultar capa >

<form  action=consulta.php">
<input  botton  submit    onclick="mostrar()">  ////   aqui pongo funcion para mostrar la capa 
</form>

<div id="capa" >
///contenido php    esta capa que este oculta al cargar la pagina
</div>

</body>

si lo hago asi como dije como la funcion cerrar esta en body onload,, cuando hago el submit con la funcion mostrar me vuelve a ocultar la capa y nunca se va ver,,,

como ven como puedo resolver este problema???

Adler · #10 (**permalink**) 18/09/2009, 13:22

Hola

Intento seguirte, pero a cada post vas cambiando. Ahora hablas solamente de una pagina, cuando antes hablabas de dos. ¿Me habrá avanzado la disléxia?

Fuera de bromas, veo que sumitas el formulario a la misma página (consulta.php) así que sería únicamente incrustar la liga en esa misma página

Código:

<a href="javascript:void(0);" onclick="cerrar();">link</a>

Suerte

mfb5 · #11 (**permalink**) 18/09/2009, 16:11

Hola para ocultar tu elemento puedes usar el atributo visibility si no te funciona el de display:

Código javascript:

Ver originaldocument.getElementById(capa1).style.visibility = "hidden";

y si lo necesitas ver de nuevo solo lo cambias asi:

Código javascript:

Ver originaldocument.getElementById(capa1).style.visibility = "visible";

saludos

mfb5 · #12 (**permalink**) 18/09/2009, 17:15

Hola para ocultar tu elemento puedes usar el atributo visibility si no te funciona el de display:

Código javascript:

Ver originaldocument.getElementById(capa1).style.visibility = "hidden";

y si lo necesitas ver de nuevo solo lo cambias asi:

Código javascript:

Ver originaldocument.getElementById(capa1).style.visibility = "visible";

saludos

perdón error del explorador sin querer lo mande dos veces y no lo puedo o mejor dicho no se como elimiarlo

visitante28 · #13 (**permalink**) 19/09/2009, 11:29

Gracias Adler, mbf5

pero sige igual

lo que quiero hacer es que este oculta la capa cuando carge la pagina y mostrarla cuando hagan clik en el boton submit,, el problema es cuando se hace el clik en en boton como se vuelve a cargar la pagina y no me muestra la capa...

no puedo hacer que salga bien HELP!!!

Saludos

Adler · #14 (**permalink**) 19/09/2009, 13:14

Hola

Cita:

Iniciado por visitante28

Gracias Adler, mbf5

pero sige igual

lo que quiero hacer es que este oculta la capa cuando carge la pagina y mostrarla cuando hagan clik en el boton submit,, el problema es cuando se hace el clik en en boton como se vuelve a cargar la pagina y no me muestra la capa...

no puedo hacer que salga bien HELP!!!

Saludos

Ahora si lo tengo mucho mas claro. Necesitas usar AJAX ya que solo quieres refrescar un parte de la página

Suerte

visitante28 · #15 (**permalink**) 19/09/2009, 13:37

ok gracias Adler

deja revisar lo que me comentas AJAX,,, espero encontrar alguna solucion,, para esto que me sta volviendo loco...

saludos y de nuevo gracias Adler

Adler · #16 (**permalink**) 19/09/2009, 13:52

Cita:

Iniciado por visitante28

ok gracias Adler

deja revisar lo que me comentas AJAX,,, espero encontrar alguna solucion,, para esto que me sta volviendo loco...

saludos y de nuevo gracias Adler

No te preocupes que es sencillo

Suerte