martes, 8 de noviembre de 2011

Scriptaculous - Efecto DropOut

El efecto DropOut de Scriptaculous es un efecto de cierre y es la combinación de dos efectos Drop y Fade. El elemento afectado experimenta una "caída" al tiempo que se desvanece. Este efecto funciona bien con los elementos html de bloque como DIV,P,H1,H2,etc.. a excepción de las tablas.


Effect.DropOut('id_del_elemento');
En este caso estamos utilizando el efecto con sus valores por defecto. Pero Fade incluye el atributo duration (entre otros) que nos permite controlar la duración del efecto: 

Effect.DropOut('id_del_elemento',{duration: 3.0});
Observe que los atributos como duration se escriben en fomato JSON.

Aquí puedes ver más detalles acerca del efecto Fade

Ver ejemplo

domingo, 6 de noviembre de 2011

MÉTODO Succ

El método Succ() de Prototype devuelve el sucesor del número actual, según la definición devuelve actual + 1.

-123.51.succ(); --> -122.51
123.51.succ(); --> 124.51
-123.succ(); --> -122
124.succ(); --> 125

Veamos algunos ejemplos de como utilizar este método:

<script>
 var numero = 127;
 var numero_succ = numero.succ();
 alert(numero_succ);
--> 128
</script>

Podriamos utilizarlo en combinación con otros métodos:

<script>
 var numero = -127.79;
 var numero_succ = numero.floor().abs().succ();
 alert(numero_succ);
--> 129
</script>

viernes, 4 de noviembre de 2011

MÉTODO Round

El método Round() de Prototype redondea el número dado al valor entero más cercano. El número dado puede ser positivo, negativo o decimal.

123.round(); -->123
123.2.reound(); --> 123
123.49.round(); --> 123
123.5.round(); --> 124
123.879.round(); --> 124






-123.round(); --> -123
-123.2.reound(); --> -123
-123.49.round(); --> -123
-123.5.round(); --> -123
-123.879.round(); --> -124

Veamos algunos ejemplos de como utilizar este método:

<script>
 var numero = -123.51;
 var numero_round = numero.round();
 alert(numero_round);
--> -124
</script>

Podríamos utilizarlo en combinación con otros métodos:

<script>
 var numero = -123.51;
 var numero_round = numero.ceil().abs().round();
 alert(numero_round);
--> 123
</script>

miércoles, 2 de noviembre de 2011

MÉTODO Floor

El método Floor() de Prototype devuelve el mayor entero menor o igual al número dado. El número dado puede ser positivo, negativo o decimal.

-123.ceil(); --> -123
123.ceil(); -- 123
-123.56.ceil(); --> -124
123.56.ceil(); --> 123

Veamos algunos ejemplos de como utilizar este método:

<script>
 var numero = -123.56;
 var numero_floor = numero.floor();
 alert(numero_floor);
--> -124</script>


También podríamos utilizarlo en combinación con otros métodos:

<script>
 var numero = -123.56;
 var numero_floor = numero.abs().floor();
 alert(numero_floor);
--> 123</script>