[SOLUCIONADO] Condicional entre funciones

[juanote]

Lo primero decir que soy inexperto en el tema

Tengo dos botones

<div id="seafood-mas"><img src="http://www.forosdelweb.com/f179/img/mas-der.png" alt="mas-der" width="47" height="38" border="0" onclick="seafoodbajar()" style="cursor:pointer" /></div>
<div id="contact-mas"><img src="http://www.forosdelweb.com/f179/img/mas-inf.png" alt="mas-izq" width="47" height="38" border="0" onclick="contactbajar(1)" style="cursor:pointer" /></div>

Cada boton llama a una funcion

<script type="text/javascript">
function seafoodbajar() {
$(document).ready(function(){
$("#seafood-mas").hide();
$("#seafood-caja").slideDown(700);
if(variableGlobal == 1)
{$("#contact-caja").hide( "slide", {direction: "down"}, 500 );}
});
}
function contactbajar(resultado) {
$(document).ready(function(){
$("#contact-mas").hide();
$("#contact-caja").show( "slide", {direction: "down"}, 700 );
var variableGlobal = resultado;
});
}
</script>

La cuestion es que cuando pincho sobre la imagen de contactar contactbajar();, me gustaría darle un valor a una variable.
En este caso le he dado valor=1
Me gustaría que cuando ejecuto la función de seafoodbajar(), Esa variable sea un condicional para hacer el slide que necesito.

[fhederico]

Si entendi bien, lo unico que tienes que hacer es declarar la variable fuera de tus funciones, al principio por ejemplo

Código:

<script type="text/javascript">

var variableGlobal = 0;

function seafoodbajar() {
if(variableGlobal == 1)
//todo lo demas

Has probado asi?

Saludos

[ZoroRoronoa]

Lo mejor seria usar un auxiliar (o variable Global)
Mira ya colgaste el Hilo anterior y te lo dejo en este hilo Colega.

Si lo que deseas, es tener SOLO un slide abierto a la vez.

Facil, A los 5 slides ponles una clase.
agregas los 5 slides a un array con la funcion find().

Al hacer el evento CLICK, cierras todos los SLIDES, y abres el que se pulso, para saber cual fue el que se pulso, usa la funcion index(), o eq() [eq() no la he usado]

**Uffs... me tomo media hora.. te cuento la funciones.
-clases que distinguen si los slides se abren hacia arriba o hacia abajo.
-si pulsas boton ABRE, si pulsas de nuevo boton CIERRA
-si abres un slide, y despues abres todo, el anterior lo cierra automaticamente. (Solo un slide puede estar abierto a la VEZ).

te dejo un EJEMPLO con 4 Slides:
code HTML:

Código HTML:

<!--
NO OLVIDES AGREGAR EN EL HEAD
LAS LIBRERIAS jQuery Y jQueryUI
-->
 
<div id="uno">
    <div class="boton">boton 1</div>
    <div id="slide1" class="igual divtop">DIV 1<br/>ABAJO hacia ARRIBA</div>
</div>
<div id="dos">
    <div class="boton">boton 2</div>
    <div id="slide2" class="igual divtop">DIV 2<br/>ABAJO hacia ARRIBA</div>
</div>
<div id="tres">
    <div class="boton">boton 3</div>
    <div id="slide3" class="igual divbot">DIV 3<br/>ARRIBA hacia ABAJO</div>
</div>
<div id="cuatro">
    <div class="boton">boton 4</div>
    <div id="slide4" class="igual divbot">DIV 4<br/>ARRIBA hacia ABAJO</div>
</div>
 

code CSS:

Código CSS:

#uno, #dos, #tres, #cuatro {position:absolute; width:200px; height:300px; background:#DDD;}
#uno {top:10px; left:10px;}
#dos {top:10px; right:10px;}
#tres {top:320px; right:40px;}
#cuatro {top:340px; left:30px;}
.boton {position:absolute; bottom:0; right:0; background:green; width:50px; height:50px; cursor:pointer;}
#slide1, #slide2, #slide3, #slide4 { display:none; float:left; width:149px; height:299px; background:blue;}
 

code jQuery:

Código Javascript:

$(document).ready(function() {
    var aux = -1; //iniciamos la variable que nos ayudara a saber si ya se pincho el boton
    var array = $(this).find(".igual"); //obtenemos todos los Slide GRACIAS a la clase igual
    
    //AQUI DEFINIMOS LAS FUNCIONES DE LOS EFECTOS SLIDE SHOW SLIDE HIDE
    //para ello nos apoyamos de clases como divtop, divbot
    //Que significan hacia donde cierra el SLIDE (arriba o abajo)
    
    $(".boton").click(function() {
        cualSlide = $(this).index(".boton"); //saber que boton es, y asi saber cual slide es
        
        clase = $(array[cualSlide]).attr("class").split(" ");
        
        if(aux != cualSlide) {
        if(clase[1] == "divtop") {
            $(".divtop").hide("slide",{direction:"down"},2000);
            $(".divbot").hide("slide",{direction:"up"},2000);
            $(array[cualSlide]).show("slide",{direction:"down"},2000);
        } else if((clase[1]) == "divbot") {
            $(".divtop").hide("slide",{direction:"down"},2000);
            $(".divbot").hide("slide",{direction:"up"},2000);
            $(array[cualSlide]).show("slide",{direction:"up"},2000);
        }
        aux = cualSlide;
        } else if(aux == cualSlide) {
            if(clase[1] == "divtop") {
            $(".divtop").hide("slide",{direction:"down"},2000);
        } else if((clase[1]) == "divbot") {
            $(".divbot").hide("slide",{direction:"up"},2000);
        }
        aux = -1;
        }
    });
});
 

Aqui en vivo el Ejemplo:
http://kurosaki.host22.com/jqueryui/UI-practica1.html

Deberia cobrarte? Me he venido a un ciberCafe a pastearte el code… Jaaja, son $2 USD Jaaja!! Broma broma
Saludos.

[juanote]

Zoro que currada
Si estuviera cerca te invitaba a una cerveza en el ciber

No se si me valdrá para mi codigo

Yo creo que con convertir una variable local a global me bastaría

O se puede enviar una variabel dessde una iamgen al hacer click????

[ZoroRoronoa]

Javascript:
usa el evento onClick sobre <img> y llamas a tu funcion enviando el valor de la variable Global.

PD: Nose si la etiqueta <img> admita esta funcion, no suelo combinar ni meter js en las etiquetas, asi que no te puedo dar seguridad al 100% de mi respuesta

[juanote]

esp es lo que estoy haciendo, en principio no funciona

<div id="contact-mas"><img src="../img/mas-inf.png" alt="mas-izq" width="47" height="38" border="0" onclick="contactbajar(1); variableGlobal='1';" style="cursor:pointer" /></div>

[juanote]

Solucionado poniendo la variable en la imagen

[ZoroRoronoa]

En img solo pon
onclick="contactbajar(1);"

y en jquery, extraes el valor (hablando del 1), y se lo das a la variableGlobal, asi:

contactbajar(vglob){
miVarGlobal = vglob;
}


MI CONTADOR DE MENSAJES TIENE UN NUMERO FEO, he llegado al post # 666 :-O