sábado, 17 de septiembre de 2011

¿Cómo incluir Scriptaculous en un documento HTML?

Scriptaculous utiliza Prototype para el desarrollo de sus herramientas, por tanto para poder utilizar Scriptaculous en necesario previamente haber incluído la librería de Prototype en nuestro documento HTML. En este enlace se explica como incluir Prototype.

Ya tenemos incluida la librería de Prototype, ahora veamos como incluir la librería de Scriptaculous:

1) Descargar la librería de Scriptaculous. Es recomendable descargarla regularmente para mantenernos actualizados respecto de las mejoras y correciones que recibe la librería.

La descarga consiste en un archivo .zip que contiene 3 carpetas ( lib - src - test ) y algunos archivos fuera de éstas. Bien, para trabajar nos basta con la carpeta SRC el resto se utiliza para los ejemplos, así que podemos borrar todo excepto la carpeta SRC. Digo esto para no ocupar espacio con archivos innecesarios.

La carpeta SRC contiene estos archivos:
  • builder.js
  • controls.js
  • dragdrop.js
  • effects.js
  • scriptaculous.js
  • slider.js
  • sound.js
  • unittest.js
2) Veamos la forma más habitual de incluir Scriptaculous:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

 
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="src/scriptaculous.js"></script>
</head>

<body>
</body>
</html>
 
En negrita aparece el código necesario y en ese orden. Observe que declaramos un doctype, incluimos prototype y luego incluimos scriptaculous.js
La función de scriptaculous.js es la de incluir el resto de los archivos js que compenen la librería de Scriptaculous. Es decir que no es necesario incluir uno a uno todos los archivos. De esta manera tenemos disponibles todas las herramientas de Scriptaculous.

Pero no siempre se utilizan todas las herramientas de la librería, así que está bien si solo incluimos el archivo que necesitamos en nuestro proyecto. Por ejemplo, si solo utilizamos los efectos de Scriptaculous podemos hacer la inclusión de la siguiente manera:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

 
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="src/effects.js"></script>
</head>

<body>
</body>
</html>

No hay comentarios:

Publicar un comentario