Projects tagged ‘scriptaculous’

script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly. What's inside? animation framework, drag and drop ... [More] , Ajax controls DOM utilities, and unit testing. It's an add-on to the fantastic Prototype framework. [Less]

This is the google home page for most of my projects. There are a lot of sample applications to be found here. Most of them are discussed in my blog items which you can find on my blog ... [More] http://www.gridshore.nl. If you have issues or requests please use the Issues tab from this project. The following table gives you an overview of the different samples and there main technologies and reasons I created them. projecttechnologiesreason for existenceBlog item(s) gea-news-feedGoogle app engine, Spring frameworkSampe application used to demonstrate the capabilities of google app engine none sofar, the presentation can be downloaded Hippo spring connectorHippo, spring-ws, springframeworkThis application is used to show how you can connect to hippo from a spring framework application. A webservice is created that can search the hippo repository using the spring-ws projectroadtrip-from-springframework-to-hippo-7, connecting-to-hippo-ecm-using-a-springframework-connector Google app enginePython, google docsMaking a small python application using google apis. The application reeds the collection of documents available to you in google docs using-google-appengine Felix Tryoutosgi, felix, maven2, intellijFirst real tryout with an osgi application running on felixstarting-with-osgi-using-apache-felix-step-1, using-maven-to-create-an-osgi-bundle-osgi-felix-sample-step-2, embedding-jetty-in-osgi-osgi-felix-sample-step-3, creating-a-jetty-based-osgi-httpservice-for-apache-felix RaffleGoogle web toolkitThis application I used to explain he basics of Google web toolkit Rowing-the-Google-Web-Toolkit-boat-with-intellij Raffle Appjpa, annotations, google web toolkit, wicket, jqueryI used this application to show multiple front end frameworks. Before you can start with the front end, you need to have a solid back end. Therefore I tried jpa using springframework and hibernate at the back end. The different front ends all use the same back end without changes.Creating-an-application-with-maven2,-jpa,-springframework-and-intellij, start-using-jquery-with-some-small-samples-and-using-spring-mvc-25 Spring OSGi SampleOSGi, springframeworkMy first thing I did with OSGi, I must admit that I did not understand that much about OSGi back than.Spring-osgi-an-evaluation-using-maven-2-and-the-special-spring-osgi-archetype Springframework archetypespringframework, maven2, acegiI was doing a lot of projects with the same kind of architecture. I also wanted to experiment with maven archetype. So the ideal combination to create my custom archetype.Creating-a-maven-archetype-for-acegi-and-springframework Training Overviewspring 2.5, annotations, jpa, jquery, mavenIn this application we go to the extreme with plain web development. A lot about using spring mvc 2.5 in combination with jquery. Again the back end is created using springframework, hibernate and jpa.using-annottions-in-springframework Ajax dwr sample dwr, springframework, scriptoculousOne of the most known implementations is creating auto complete solutions. With this project I create an autocomplete using scriptoculous and dwr. The blog item in which I described the solutions is still one of the best read posts of my blog.Creating-an-autocomplete-with-Spring-and-DWR books-overviewflex 3, BlazeDS, springframeworkThis is the latest sample I have created. This is also the sample for the coming months. I a experimenting a lot with flex 3 and I show all this is this sample. For now there is a custom component for filtering results in a DataGrid. Beware, there are some tags for this project. The trunk is not always the best thing to use.creating-a-flex-3-datagrid-component-with-backend-filtering, integrating-flex-3-with-spring-security-formerly-known-as-acegi integration-spring-security-acegi-and-flex-3-the-sequel wow-springframework-enters-the-actionscript-and-flex-domain/ feeling-secure-with-webserviceswebservices, securitySample showing everything you need to know about webservices and security http://www.gridshore.nl/2008/05/17/feeling-secure-with-web-services-introduction/|feeling-secure-with-web-services-introduction,feeling-secure-with-web-services-part-1-the-usernametoken, feeling-secure-with-web-services-part-2 spring-ws-samplesspring ws, maven, springframwork, jaxbThis application shows a webservice as well as a webservice client using the spring-ws framework.Using-Spring-ws-for-creating-a-webservice, Creating-a-webservice-client-using-Spring-ws-and-maven2 buildversion-pluginmavenCreates a file version.jsp in the web application folder wth the version of the maven build in it. payment-batch-sample I started this sample to create a batch application, but I never finished it. [Less]

Aim of this project is to provide an overlay widget that EPrints users can use to make relatively simple changes to their stylesheets, and quickly personalise their repository so it doesn't look ... [More] exactly like every other default EPrints installation. It was prompted by me wanting to tweak existing EPrints CSS without hacking into the HTML templates. You can freshen up the default look quite a lot with just CSS. Intended to be non-invasive of supplied EPrints code (other than adding scripts to 90_local.js), however for simplicity of POC, some ID properties have been added to a default EPrints page. Would be nice to dynamically update zzz_local.css, but for the moment the scripts will just output CSS code that can be added there. As well as understanding EPrints CSS, it was also done as a learning exercise for me to get to grips with current Javascript and also with Google Code. I set it up as a Google Code project so if anyone else wants to collaborate, comment or hack it there, feel free, get in touch! [Less]

UpdatesMay 4, 2009 - added mouse wheel support via the wheel option DescriptionCarousel is a highly configurable Prototype.js extension that creates a nice way of presenting content that is logically ... [More] broken into several pieces / steps / etc. It's: Lightweight - 4.3 KB minified Cross-browser - Tested on Internet Explorer 6/7/8, Firefox 2/3, Google Chrome, Opera 9.64 ExamplesSome of the most important features are presented on this page, the rest will be explained and discussed here. RequirementsCarousel.js needs both the Prototype JavaScript framework and the Script.aculo.us effects library to work. UsageDownload carousel.js or carousel-min.js Include the script in your page, after the Prototype and Script.aculo.us libraries: MarkupThe minimum markup and styling are: ... #carousel-wrapper { width: 500px; height: 500px; overflow: hidden; } #carousel-content { width: 2500px; } #carousel-content .slide { float: left; width: 500px; height: 500px; }This will generate a 500x500px Carousel with horizontal movement. Switching to vertical movement is as simple as setting #carousel-content's width to 500px, the width of a single slide. InitializationYou initialize Carousel by: new Carousel(wrapper, slides, triggers, {options});For example, for the markup above: new Carousel('carousel-wrapper', $$('#carousel-content .slide'), $$('a.carousel-control', 'a.carousel-jumper'));TriggersThere are two categories of elements that trigger the carousel's movement: the ones that trigger a direct jump to a selected slide (jump to slide "x"), and the ones that start a relative jump (jump to first/last/previous/next slide). The combination of a trigger's rel and class attributes decide the Carousel's behavior. For example, clicking on: Jump to slide 1Will jump to the slide that has the id "slide-1". And: Previous slideWill jump to the previous slide. Available options for the rel attribute are first, last, prev and next. Available optionsOptions ar given as the last parameter in the initialization as hash: {option: value, option: value} Options Default Description duration 1 The duration of a full jump auto false When true the Carousel will move on it's own without needing triggers. Useful for slideshows frequency 3 When auto is true, this dictates how long a slides stays put before the next jump visibleSlides 1 Even though multiple slides can be made visible at once by styling, this parameters is needed in some calculations circular false By default when the first/last slide is reached, calling prev/next does nothing. If you want the effect to continue, you must do two things: Set the circular parameter true and duplicate the first slide in the HTML. It's the only way of giving the impression of a continous movement. wheel true Whether or not to slide when using the mouse wheel over the slides effect scroll You can choose between scroll and fade. When using fade, circular and duplicating the first slide is no longer necessary (see Example 3 for the fade effect) transition sinoidal The two supported transitions are sinoidal and spring (see Example 2 for spring) selectedClassName carousel-selected When triggering a jump by using a carousel-jumper trigger (jumps to specified slide), this CSS class is added to the trigger, to help you in visually highlighting it (see Examples for tab-navigation example) beforeMove null User function that will be executed before a jump is started. For example: {beforeMove: function () { alert("Here i go!"); }} afterMove null Just like beforeMove, only it's called after the move is completed [Less]

web experiments

JsVal is a JavaScript framework built on top of Prototype library. JsVal is a set of classes used for field validation, there are currently implemented validations for empty fields, numeric, email ... [More] , dates, comparator, customized, etc. Since is built using Prototype you may extend the existing Validators in order to create your own. The library also includes a component for message handling which can be integrated with the validators to show user messages the validators get activated. The Tooltip component lets you the ability to show a tip message to the user once the textfield gains the focus. The usage demos are coming soon. This library is still under development, so if you want to participate sending some regular expressions to include in the library would be nice and very appreciated. [Less]

A simple javascript library based on prototype and scriptaculous which allows to display content in modal / non-modal overlays.

Protomessage é uma biblioteca escrita em javascript com a utilização do framework Prototype e da biblioteca de efeitos Scriptaculous. Sua utilização é simples e rápida. Consiste em mostrar ... [More] avisos em páginas WEB. É totalmente customizável. O código é pequeno e simples. [Less]

The SolutionSet JavaScript Library is a collection of scripts based on Prototype.js used for projects developed by SolutionSet, LLC.

Tablekit currently implements row striping, column sorting, column resizing and cell editing using Ajax. More information can be found on our site: http://www.millstream.com.au/view/code/tablekit