Posts Tagged Javascript

Sube multiples archivos al servidor con Uploadify

Uploadify es un plugin de JQuery el cual nos permite subir varios archivos a un servidor.

En la pagina oficial del proyecto hay varios ejemplos de como funciona, una sección de como implementarlo en nuestros proyectos y un foro para cualquier duda.

Sitio oficial de Uploadify.

,

No Comments

Tablecloth agrega estilo y efectos a tus tablas HTML

Tablecloth es una fácil forma de agregar estilo y comportamiento a las tablas HTML que tengamos en nuestras paginas o aplicaciones Web.

Simplemente con agregar dos líneas de código en nuestros documentos HTML podremos obtener un resultado como la imagen a continuación.


Lo que tenemos que hacer es descargar los archivos del sitio oficial y luego agregar en nuestro documento HTML las siguientes lineas de código.

CSS

<link href=&quot;tablecloth/tablecloth.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; />

JS

<script type=&quot;text/javascript&quot; src=&quot;tablecloth/tablecloth.js&quot;></script>

Para mas información visiten Tablecloth.

, ,

No Comments

Llamadas a funciones en Javascript utilizando Actionscript

Hace algún tiempo respondí un a pregunta en Cristalab en donde el usuario tenia la duda en como llamar una función en javascript que se encuentra en el mismo (X)HTML en donde se encuentra un SWF.

Realmente no es tan difícil realizar esta funcionalidad e incluso se puede utilizar JQuery y realizar llamadas al servidor con la ayuda de el, pero en este tip voy a mostrar un ejemplo sencillo de como hacer dichas llamadas tanto en AS2 como en AS3.

Lo primero que tenemos que hacer es crear un botón en el archivo .fla, tanto en AS2 como en AS3 se crea de la misma manera, dibujamos un elemento en el escenario luego lo seleccionamos, presionamos F8 seleccionamos que es un símbolo de tipo botón le damos un nombre y listo, en mi caso queda de la siguiente manera.

Crear boton

Crear boton

Hasta este momento mi escenario luce así

Escenario

Escenario

Siempre acostumbro escribir el código AS en un capa solo para código y así no mezclar peras con manzanas (código con elementos visuales) de la siguiente manera:

Línea de tiempo

Línea de tiempo

Lo que si varia es el como vamos a llamar a la función en javascript que se encuentra en el documento (X)HTML.

En AS2 el código es:

Codigo en AS2

Código en AS2

En AS3 el código es:

Codigo en AS3

Código en AS3

Luego en el archivo .html que contiene el SWF debe de haber una función en javascript que se llame “mostar_contenido()”

El código de prueba de la función mostrar_contenido() seria:

Codigo Javascript

Codigo Javascript

Ver ejemplo en AS2

Ver ejemplo en AS3

Hasta aqui el ejemplo, espero en el siguiente post hacer alguna llamada utilizando JQuery :D

Descargar archivos de ejemplo

NOTA: Para probar los ejemplos te recomiendo hacerlo en un servidor de prueba(por ejemplo XAMPP) que tengas local, ya que si pruebas los archivos .html directamente en Flash pero seguridad bloqueará la llamada al javascript cuando presiones el boton.

, ,

No Comments