Contenido

SimpleJS, quizas la librería JS más simple

31 dic

+ 7

SimpleJS, es una librería Javascript que con solo 14kb de peso nos permite explotar con facilidad la potencia de Ajax. Como en la página oficial dicen no se puede comparar con librerías como Prototype, MooTools u otras, está pensada para los que acaban de empezar en este mundo tengan más fácil su aprendizaje.

[Demo][Descargar]

Funciones 

$ajaload()

Con esta función podremos realizar consultas ajax simples en una sola línea, únicamente tendremos que indicar los parámetros que la funciona necesita para funcionar.

$ajaxload(divId, url, loader, effect, ecache);

divId = ID del elemento en donde meteremos el resultado.
url = URL  a la que haremos la consulta.
loader = HTML que mostraremos cuando estemos cargando.
effect = Efecto que queremos aplicar al resultado obtenido (appear, bind, highlight o false)
ecache = Caché para ficheros HTML (true o false).

$ajaxreplace()

Con esta función podremos reemplar el valor de un elemento.

$ajaxreplace(divId, url, ecache)

divId = ID del elemento en donde meteremos el resultado.
url = URL  a la que haremos la consulta.
ecache = Caché para ficheros HTML (true o false).

$opacity()

La posibilidad de realizar cambios en la opacidad de un elemento tambien es posible con esta funcion.

$opacity(id, opacStart, opacEnd, millisec)

id = ID del elemento en donde meteremos el resultado.
opacStart = Porcetaje de opacidad desde el que empiza el efecto (0-100%)
opacEnd = Porcentaje de ocaciodad en el que terminará el efecto (0-100%)
milisec = Tiempo en milisegundos que indicará la duración del efecto.

$shiftOpacity()

Función que nos permite alterar imagenes mediante la modificación de la opacidad, mostraremos u oculataremos la imagen de fondo.

$shiftOpacity(id,time);

id = ID del elemento en donde meteremos el resultado.
time = Tiempo en milisegundos que indicará la duración del efecto.

$highlight()

Función que nos permite realizar un realzado de un elemento.

$highlight(divid) o $highlight(divId,time, normalcolor, highlightcolors)

divId = ID del elemento en donde meteremos el resultado.
time = Tiempo en milisegundos que indicará la duración del efecto.
normalcolor = Color en estado normal del elemento.
highlightcolor = Color en estado realzado del elemento.

$textColor()

Funcionalidad que nos permite añadir un efecto de color a nuestro textos.

$textColor(id, startcol, endcol, time)

id = ID del elemento en donde meteremos el resultado.
startcol = Color inicial.
endcol = Color final.
time = Tiempo en milisegundos que indicará la duración del efecto.

$morphColor()

Con esta funcionalidad podremos aplicar efectos de cambio de color a un elemento, afectando a su background, border y su texto.

$morphColor(id, starttextcol, endtextcol, startbackcol,endbackcol, startbordercol, endbordercol, time)

id = ID del elemento en donde meteremos el resultado.
starttextcol = Color inicial del texto.
endtextcol = Color final del texto.
startbackcol = Color inicial del background.
endbackcol = Color final del background.
startbordercol = Color inicial del border.
endbordercol = Color final del border.
time = Tiempo en milisegundos que indicará la duración del efecto.

$toggle()

Con $toogle() podremos añadir un poco de dinamismo a nuestra aplicación, anadiendo un efecto de despligue bastante conocido.

$toggle(divId)

divId = ID del elemento en donde meteremos el resultado.

$blindup(), blinddown()

Si solo queremos hacer que se desplieguen o que se contraigan podemos optar por las funciones por separado.

$blindup(divid), $blinddown(divid)
$blindup(divid,time), $blinddown(divid, time)

id = ID del elemento en donde meteremos el resultado.
time = Tiempo en milisegundos que indicará la duración del efecto.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.