Script.aculo.us-Drag & Drop with endeffect Option - script.aculo.us

« Previous Topics
Script.aculo.us Create Sliders
Script.aculo.us Sorting Elements
Script Aculo Us Drag & Drop

Next Topics »
Script.aculo.us Auto Completion
Script.aculo.us In-place Editing

What isDrag and Drop with endeffect Option?

Description

This option is used to define the effect to use when the draggable stops being dragged.
By default, it changes the element's opacity to 1.0 in 0.2 seconds.

Syntax

new Draggable('element', {endeffect: 'effectFunction'});

Here effectFunction is the function, which defines the effect to be applied.

Example

<html> <head> <title>Draggables Elements</title> <script type="text/javascript" src="/javascript/prototype.js"></script> <script type="text/javascript" src="/javascript/scriptaculous.js"></script> <script type="text/javascript"> window.onload = function() { new Draggable('myimage', { starteffect:null, endeffect: function(element){ new Effect.Opacity(element, {from:0, to:1.0, duration:10} ) } } ); } </script> </head> <body> <p>Drag the image and leave it to see the result:;</p> <img id="myimage" src="/images/scriptaculous.gif"/> </body> </html>

This will produce following result –

« Previous Topics
Script.aculo.us Create Sliders
Script.aculo.us Sorting Elements
Script Aculo Us Drag & Drop

Next Topics »
Script.aculo.us Auto Completion
Script.aculo.us In-place Editing

script.aculo.us Related Tutorials
Core Java Tutorial	JavaServer Faces (JSF) Tutorial
Microsoft Entity Framework Tutorial	Java Tutorial
Framework7 Tutorial	Javascript Advanced Tutorial
Unittest Framework Tutorial	Spring MVC Framework Tutorial

script.aculo.us Related Interview Questions
Core Java Interview Questions	JavaServer Faces (JSF) Interview Questions
Microsoft Entity Framework Interview Questions	Java Interview Questions
Framework7 Interview Questions	Javascript Advanced Interview Questions
Java collections framework Interview Questions	Microsoft Solutions Framework (MSF) Interview Questions
RESTful JAVA Web Services Interview Questions	Unittest Framework Interview Questions
Spring MVC Framework Interview Questions	Java 9 Interview Questions
Test Automation Framework Interview Questions

script.aculo.us Related Practice Tests
Core Java Practice Tests	JavaServer Faces (JSF) Practice Tests
Microsoft Entity Framework Practice Tests	Spring MVC Framework Practice Tests

Script.aculo.us-Drag & Drop with endeffect Option - script.aculo.us

What isDrag and Drop with endeffect Option?

Description

Syntax

Example

script.aculo.us Related Tutorials

script.aculo.us Related Interview Questions

script.aculo.us Related Practice Tests

Skills by Location

Jobs By Companies

State Govt Jobs

Bank Jobs

Defence Jobs

PSC

SSC Jobs

Railway Jobs

Latest walkins

Walkins by Skill

Walkins by location

Walkins by Company

POPULAR COURSES