Martin Bavio escribió:
> Ok, vamos de a poquito. Necesito que me expliques un poco mas detalladamente
> y con palabras que entienda, porque la verdad, no se casi nada de javascript
> y lamentablemente no tneog tiempo para ponerme a aprenderlo, por lo menos no
> ahora. Que seria el modulo llamado "precontent" y adonde lo pongo?? Y que es
> AMUSE? como se relacionan ambos? no hay alguna forma mas facil de hacer
> esto, con un simple script???
> Desde ya muchas gracias por su interes.
AMUSE es en realidad un script al que referencias con una etiqueta. Para
usar PreContent, tendrías que hacer referencia a AMUSE y a PreContent.
Si me preguntas por qué he hecho que PreContent dependa de AMUSE en
lugar de hacerlo "standalone" la respuesta es la siguiente:
Mediante AMUSE he pretendido crear un sistema de paquetes JavaScript
mediante el cual sea fácil crear dependencias entre unos
módulos/librerías y otros.
Si te fijas en el código de PreContent, la primera "sección" define sus
dependencias. En concreto depende de dos librerías: "CrossBrowser.js" y
"CssHandling.js". Estas librerías pueden depender a su vez de otras
librerías. Por tanto, creo que lo mejor es que descargues todas las
librerías de AMUSE. Puede parecer complicado pero, creéme, si hubiera
desarrollado "PreContent" como un módulo individual, sería un script
monstruoso cuyo código tendría que estar manteniendo malamente porque no
podría reutilizarse. Con el sistema AMUSE doy la oportunidad a los
programadores de JavaScript de reutilizar código entre unas aplicaciones
web y otras.
Después de todo el "sermón", te voy a enseñar los simples pasos que
tendrías que llevar a cabo para tener funcionando el módulo PreContent
(creo que con la información contenida en los enlaces que te he dado se
puede extraer, pero no me importa repetirme):
1) Descarga el fichero amuse.js (que aparece en [1]).
2) Descarga las librerías de AMUSE (los ficheros que aparecen en [2]).
3) Descarga el módulo PreContent.js (el fichero PreContent.js de [3]).
4) Haz referencia a AMUSE en tu página con una etiqueta script:
<script type="text/javascript"
src="la_ruta_q_hayas_elegido/amuse.js"></script>
5) Efectúa una llamada de inclusión al módulo "PreContent.js" (sin
necesidad de hacer referencias a librerías, pues esto ya lo hace el
propio módulo), escribiendo el siguiente código JavaScript en una
etiqueta <script> (o en un fichero JavaScript externo):
<script type="text/javascript">
RequireOnce("PreContent.js");
</script>
6) Para que esto funcione, hay que cerciorarse que las rutas relativas
que has elegido para colocar las librerías y módulos coinciden con los
valores de las siguientes variables definidas en amuse.js (las cuales
deberías cambiar para amoldarlas a tus requerimientos):
global.sLibsDir = "./js/general/libs/";
global.sModsDir = "./js/general/mods/";
7) Seguir las instrucciones del módulo PreContent.js que aparecen a modo
de comentario al principio del fichero, que básicamente dicen lo siguiente:
7a) Tienes que añadir la clase "clsPostContentHidden" a los elementos
que quieras esconder hasta la carga total de la página, después crear un
DIV que será el que se muestre mientras tanto (que ponga algo como
"CARGANDO...", por ejemplo) al cual le tienes que poner el atributo
id="divLoading" y las clases "clsLoading clsPreContent".
7b) Añadir la siguiente reglas a tus CSS:
.clsLoading {
display: none;
visibility: hidden;
}
7c) Crear un nuevo fichero CSS denominado "precontent.css" que contenga
lo siguiente (pero no debes llamarlo desde tu página):
.clsPostContentHidden {
visibility: hidden;
display: none;
}
.clsPreContent {
display: block !important;
visibility: visible !important;
}
Asegurándote de que la ruta al fichero coincide con la variable
"sPathToPreContentCssFile" del módulo PreContent.
Sólo un último apunte: En breve pondré a disposición en la página del
proyecto un ZIP o TGZ para bajarse AMUSE completo (junto a librerías y
módulos de ejemplo), en lugar de tener que bajarlo manualmente o desde
el repositorio de Subversion. También tengo pensado usar un sistema de
configuración mediante fichero XML para no tener que modificar el código
de amuse.js si se quieren modificar las variables de AMUSE (sLibsDir o
sModsDir) o de los módulos (sPathToPreContentCssFile).
Espero que con esto te haya guiado un poco más. Cualquier duda, me comentas.
Un saludo,
Andrés [ knocte ]
--
[1] http://svn.berlios.de/wsvn/amuse/?rev=0&sc=0
[2] http://svn.berlios.de/wsvn/amuse/libs/?rev=0&sc=0
[3] http://svn.berlios.de/wsvn/amuse/mods/?rev=0&sc=0
_______________________________________________
javaEScript mailing list
[email protected]
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
