Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Problema con onclick, necesito dos funciones en el mismo

Estas en el tema de Problema con onclick, necesito dos funciones en el mismo en el foro de Javascript en Foros del Web. Que tal, quiero hacer una especie de MOSTRAR MÁS, para eso utilizo estos dos javascripts. Código HTML: <script type= "text/javascript" > function ocultar(){ document.getElementById('oculto').style.display = ...
  #1 (permalink)  
Antiguo 09/02/2015, 14:19
Avatar de alexfut  
Fecha de Ingreso: diciembre-2007
Ubicación: México
Mensajes: 484
Antigüedad: 16 años, 4 meses
Puntos: 8
Problema con onclick, necesito dos funciones en el mismo

Que tal, quiero hacer una especie de MOSTRAR MÁS, para eso utilizo estos dos javascripts.

Código HTML:
<script type="text/javascript">
function ocultar(){
document.getElementById('oculto').style.display = 'none';}	 
</script>

<script type="text/javascript">
function mostrar(){
document.getElementById('oculto').style.display = 'block';}
</script> 
Y para llamarlos, tengo dos botones o dos links, que son estos.

Código HTML:
<a href="#" onclick="mostrar();return false;">Look out</a>

<a href="#" onclick="ocultar();return false;">Hide</a> 
Sin embargo quisiera que se llamara a ambas funciones en el mismo enlace, es decir, que al darle clic a lookout se muestre y si le das click otra vez se oculte,m y no tener que tener dos botones o links separados.

Intenté agregar las dos funciones a oneclick

[HTML]
Código HTML:
<a href="#" onclick="mostrar();ocultar();return false;">Look out</a> 
Pero como es obvio no muestra nada porque se contradicen. Q
  #2 (permalink)  
Antiguo 09/02/2015, 15:03
 
Fecha de Ingreso: enero-2015
Ubicación: Gijon
Mensajes: 10
Antigüedad: 9 años, 3 meses
Puntos: 1
Respuesta: Problema con onclick, necesito dos funciones en el mismo

yo crearia una variable i=0; y crearia una funcion que al pulsar el boton, realiza i++, entonces dentro de la funcion, pondria una condicion del estilo, si i es impar ejecutar una funcion, si i es par ejecutar la otra.
Es lo primero que se me ocurre
  #3 (permalink)  
Antiguo 09/02/2015, 15:24
Avatar de alexfut  
Fecha de Ingreso: diciembre-2007
Ubicación: México
Mensajes: 484
Antigüedad: 16 años, 4 meses
Puntos: 8
Respuesta: Problema con onclick, necesito dos funciones en el mismo

Encontré la solución, marcaré como solucionado.

Usé esto

Código HTML:
<script language="JavaScript">

function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
</script> 

y llamé con esto

Código HTML:
<p><a style='cursor: pointer;' onclick="muestra_oculta('contenido_a_mostrar')" title="">Mostrar / Ocultar</a></p> 
Saludos.

Etiquetas: funcion, funciones, html, onclick
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:26.