La instalación consiste en los siguientes pasos:
1) Bajar el fichero con la última versión de la web.
2) Descomprimir el fichero.
3) Copiar fichero prototype.js (directorio lib) y builder.js, controls.js, dragdrop.js, effects.js, scriptaculous.js, slider.js, sound.js y unittest.js (directorio src) en nuestra carpeta de javascripts.
4) Añadir las siguientes líneas a nuestra página web.
<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
En la documentación oficial se pueden encontrar detalladas todas las posiblidades, aquí os dejo un ejemplo con algunos efectos.
<html>
<head>
<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
<title></title>
</head>
<body>
<p id="texto">TextoTextoTextoTexto TextoTextoTextoTexto <br/>
TextoTextoTextoTexto TextoTextoTextoTexto TextoTextoTextoTexto</p>
<button type="button" onclick="new Effect.Highlight($('texto'));">Highlight</button>
<button type="button" onclick="$('texto').morph('background:#00ffff; width:300px;');">Morph</button>
<button type="button" onclick="$('texto').morph('background:#ffffff; width:600px;');">UnMorph</button>
<button type="button" onclick="new Effect.Move($('texto'),{x:60, y:60 });">Move</button>
<button type="button" onclick="new Effect.Scale($('texto'),200);">Scale</button>
<button type="button" onclick="new Draggable($('texto'));">Draggable</button>
</body>
</html>
1 comentarios:
Brim over I assent to but I think the post should prepare more info then it has.
Publicar un comentario