¿Anclaje a un JS onclick?

estradation · #1 (**permalink**) 06/05/2012, 18:23

Estoy intentando hacer anclaje a un boton de "mostrar/ocultar"(onclick="if....") pero que al cliquear el anclaje se muestre el contenido (osea que tambien se presione dicho boton.

De antemano muchas gracias

xIamAlex · #2 (**permalink**) 06/05/2012, 19:11

mmmm

No sé si es lo que buscas:

Código:

<script type="text/javascript">
cual = 1;

function MostraruOcultar(recibido){

switch(recibido){

case 1:
  document.getElementById('MuO').value="ocultar";
  document.getElementById('contenido').innerHTML="Mi contenido oculto"; // Edita esto
  cual = 2;
break;
case 2:
  document.getElementById('MuO').value="mostrar";
  document.getElementById('contenido').innerHTML="";
  cual = 1;
break;

}

}
</script>

<div id="contenido"></div><br />

<input type="button" id="MuO" value="mostrar" onclick="MostraruOcultar(cual);" />

estradation · #3 (**permalink**) 06/05/2012, 21:23

podrias detallar mas??.. no entendi muy bien eso...
no soy muy experto en el tema =D...
muchas gracias!! ;)

lo que tengo es esto:

Cita:

<div id="mostrar" class="divspoiler">
<a href="javascript:void(0);" onclick="if
(this.parentNode.nextSibling.childNodes[0].style.display != '')
{this.parentNode.nextSibling.childNodes[0].style.display = ''; } else
{this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" name="mostrar" >Mostrar / Ocultar ▼▲ Imagenes</a>
</div><div><div class="spoiler" style="display: none;"> //Este es el boton de mostrar/ocultar (al hacer click se muestra/oculta la info

y quiero que con un anclaje se dirija hacia el lugar y aparte muestre el contenido el anclaje algo asi

Cita:

<li class="children"><a href="#mostrar" title="Plantel">El Plantel</a></li>

pero solo me envia hacia donde esta... (ten en cuenta que estan algo separados...

Muchas Gracias por tu atención! =D

emprear · #4 (**permalink**) 06/05/2012, 22:10

A ver si lo entiendo, vos queres que un link (o boton, etc) te muestre y oculte alternadamente una capa, pero como ese link/botón puede llegar a estar posicionado lejos de la capa a mostrar, actue también como si fuer a un enlace a un marcador?

Pero pregunto, cuando hacen click y van a la posición de la capa y esta a su vez se muestra, si quedaron lejos del link, como hacen para cerrarla, tienen que hacer sroll hacia el link y ocultarla desde alli? aunque obviamente si esta cerrando hay que olvidar lo de dirigir a la posición de la capa... un poco confuso el sistema

te dejo 2 links para que analices

http://foros.emprear.com/html/mostra...tar_capa.phtml
http://foros.emprear.com/javascript/...as-ctexto.html

El segundo en particular es la aplicación de primero, pero con el agregado de que al hacer click en el body, fuera de los items, cierra todas las capas visibles

los textos mostrar ocultar, pueden ser reemplazados por imágenes.

Saludos

estradation · #5 (**permalink**) 06/05/2012, 22:56

Creo que no me entiendes...
Arriba en la pagina hay un menu...
en ese menu hay anclajes a "spoilers (los de mostrar y ocultar)"
los spoilers tienen su boton donde debe ir no? (osea donde justo sobre lo que estoy ocultando)
lo que yo quiero es un anclaje a ese spoiler (boton) pero que no solo se dirija hacia donde esta el boton... si no que tambien "le de click" (por asi decirlo)

emprear · #6 (**permalink**) 07/05/2012, 00:30

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
div#uno{
margin-top: 600px;
width: 500px;
height: 500px;
background-color: cyan;
display: none;
}
/*]]>*/
</style>
 
<script type="text/javascript">
//<![CDATA[
/* script */
function irA(capa){
document.getElementById(capa).style.display = 'block';
}
//]]>
</script>
</head>
<body>
<a href="#uno" onclick="irA('uno'); return true;">uno</a>
<div id="uno">
</div>
</body>
</html>

Ahora adaptalo para que cierre poniendo ese otro botón que mencionas, o revisando el código de las otras scripts que te deje

xIamAlex · #7 (**permalink**) 07/05/2012, 12:05

Cita:

y quiero que con un anclaje se dirija hacia el lugar y aparte muestre el contenido el anclaje algo asi

Cita:
<li class="children"><a href="#mostrar" title="Plantel">El Plantel</a></li>
pero solo me envia hacia donde esta... (ten en cuenta que estan algo separados...

Osea, por lo que entiendo, cuando el usuario dé click, entonces este oculte los otros contenedores y solo muestre y dirija al contenedor en cuestión no..?

pues de ser así, no le des más vueltas al asunto, prueba este código:

Código:

<!-- Tu Script -->

<script type="text/javascript">
function mostrar(cual){

var max = 3; // Tu contenido máximo.
var i;

for (i=1;i<=max;i++){

document.getElementById(i).style.display = "none";

}

document.getElementById(cual).style.display = "inherit";

}
</script>

<!-- Menu -->
<a href="#principal" onclick="mostrar(1);">Principal</a> / <a href="#secundario" onclick="mostrar(2);">Secundario</a> / <a href="#terciario" onclick="mostrar(3);">Terciario</a>

<br /><br />

<!-- Contenidos -->
<div id="principal">Principal:</div>
<span id="1" style="display: none;"><ul>Mi contenido</ul></span>
<div id="secundario">Secundario:</div>
<span id="2" style="display: none;"><ul>Mi contenido</ul></span>
<div id="terciario">Terciario:</div>
<span id="3" style="display: none;"><ul>Mi contenido</ul></span>

La verdad no entiendo mucho tu situación, debes de ser más claro y conciso, de todas formas, bueno, puedes "tratar" de implementar lo que te dejo (que es lo esencial), de mostrar/ocultar y dirigir al contenido, y bueno perdona no haber respondido tan rápido estaba durmiendo saludos..