¿Ordenar Funciones?

[kuriel]

Hola, buen dia.

Antes que nada, me gustaria aclarar que no se mucho de JS.

He hestado intentando ordenar las funciones:

Código Javascript:

window.addEvent('domready', function opacar(getid,getelement) {
    var el = $(getid);
    $(getelement).addEvent('click', el.fade.bind(el, [0])); 
});
 
function MO(Get_id){
    var Kuriel = document.getElementById(Get_id);
    Kuriel.style.display = (Kuriel.style.display == "none") ? "block" : "none";
}
 

El opacar(); es de mootools, y el otro pues ya saben, mostrar y ocultar con un ID.

Lo que no puedo hacer es que, primero se ejecute el de opacar() y luego el de MO()


Intenté con un retrazo de tiempo:

Código Javascript:

objetivo = (new Date()).getTime() + 1000 * Math.abs('1');
    while ( (new Date()).getTime() < objetivo );
 

Pero lo único que me hace es quitar el efecto de opacidad del mootools, alguién me podría hechar la mano?

gracias.

[jackson666]

Cuando uses un framework, te convendria usar solo la sintaxis que este te provee...

Código Javascript:

window.addEvent('domready', function opacar(getid,getelement) {
    var el = $(getid);
    $(getelement).addEvent('click', el.fade.bind(el, [0])); 
});
 
function MO(Get_id){
    var Kuriel = $(Get_id);
    var status = Kuriel.getStyle('display');
    Kuriel.setStyle('display', (status == 'none') ? 'block' : 'none');
}
 

Lo que no entiendo es:

Le pasas 2 parametros a la funcion opacar, el 1ro es un id supuestamente, y el segundo?? Como usas la funcion $() tambien deberia serlo!

Ademas, cuando se ejecuta la fucion MO() ??

[kuriel]

Iniciado por jackson666

Cuando uses un framework, te convendria usar solo la sintaxis que este te provee...

Código Javascript:

window.addEvent('domready', function opacar(getid,getelement) {
    var el = $(getid);
    $(getelement).addEvent('click', el.fade.bind(el, [0])); 
});
 
function MO(Get_id){
    var Kuriel = $(Get_id);
    var status = Kuriel.getStyle('display');
    Kuriel.setStyle('display', (status == 'none') ? 'block' : 'none');
}
 

Lo que no entiendo es:

Le pasas 2 parametros a la funcion opacar, el 1ro es un id supuestamente, y el segundo?? Como usas la funcion $() tambien deberia serlo!

Ademas, cuando se ejecuta la fucion MO() ??

Hola, gracias por tu respuesta.

Respondiendo a las preguntas que formulaste:

Le pasas 2 parametros a la funcion opacar, el 1ro es un id supuestamente, y el segundo??

Según MooTools, el 1ro es el ID del que se va a opacar, y el 2do es también un ID, pero del elemento al que se le va a dar Click para correr el efecto.


Ademas, cuando se ejecuta la fucion MO() ??

Tengo un código mas o menos así:

Código HTML:

<a id="El_Elemento" OnClick="opacar('El_ID','El_Elemento'); MO('El_ID');">CLICK AQUI</a>
 
<div id="El_ID">
Hola mundo!!
</div>
 

Pero eso lo que hace, es que corra todo junto, es decir: corre el efecto opacar() pero a su vez, al instante!, corre el efecto MO(); que es el ke oculta al instante, y me gustaría que primero corriera opacar() y cuando termine, o despues de 1 segundo de empezar a correr, que corra la otra funcion MO();

¿Alguién sabe como?

[jackson666]

Es que tenes medio confundido el uso de todo...

Lee bien el manual! sobre todo la parte de como asignar eventos con addEvent()

[kuriel]

Pero eso lo que hace, es que corra todo junto, es decir: corre el efecto opacar() pero a su vez, al instante!, corre el efecto MO(); que es el ke oculta al instante, y me gustaría que primero corriera opacar() y cuando termine, o despues de 1 segundo de empezar a correr, que corra la otra funcion MO();

¿Alguién sabe como?

[jackson666]

Podrias usar el metodo delay()...

[kuriel]

y como es eso???

me hechas la mano con el código ke puse?

saludos!!

[jackson666]

http://mootools.net/docs/core

[kuriel]

Ya lo lei, e intenté aplicarlo, pero: ¿Por qué sigue sin salirme nada?

dejo mi código completo:

Código HTML:

<script type="text/javascript" src="../mootools.js"></script>
<script type="text/javascript">
 
// opacar $$$$$$$$$$$$$$$$$
window.addEvent('domready', function opacar(getid,getelement) {
    var el = $(getid);
    $(getelement).addEvent('click', el.fade.bind(el, [0])); 
});
 
// Mostrar/Ocultar
function MO(Get_id){
    var Kuriel = $(Get_id);
    var status = Kuriel.getStyle('display');
    Kuriel.setStyle('display', (status == 'none') ? 'block' : 'none');
}
 
</script>
 
</head>
 
<body>
<a id="ElElemento" onclick="MO(ElId); opacar(ElId,ElElemento);" style="cursor:pointer;">HACER EFECTO 1 </a> |
<a id="ElElemento2" onclick="MO(ElId);" style="cursor:pointer;">HACER EFECTO 2 </a> |
<a id="ElElemento3" onclick="opacar(ElId,ElElemento3);" style="cursor:pointer;">HACER EFECTO 3 </a> |
 
 
<div id="ElId" style="width:400px; border:2px dashed gray; height:200px;">
Hola mundo!!
</div>
 
<br />
 
<div id="ElId2" style="width:400px; border:2px dashed orange; height:200px;">
HOla mundo!! (para ver si se recorre este div y desaparece el otro.)
</div>
 

Me sigue blokeando una funcion, es decir, o corre una, o corre la otra función, si alguién me ayuda, necesito de favor que corra primero:

opacar()

y cuando termine de hacerse el efecto, o despues de un segundo, corra la función:

MO()

gracias.

[kuriel]

Por favor, sigo necesitando su ayuda, no lo he logrado