Drag and drop feature is a popular effect in modern website interfaces and a simple way to implement it is using Scriptaculous.
Posts Tagged ‘elements’
Drag and drop to list elements using Scriptaculous
Drag and drop to list elements using Scriptaculous
January 27th, 2010
No Comments
ScrollTo | scroll overflowed elements with jQuery
ScrollTo | scroll overflowed elements with jQuery
December 10th, 2009
1 Comment
jqTransform | skin your form Elements using jquery
jqTransform | skin your form Elements using jquery
December 7th, 2009
No Comments
Dynamically Add Remove Elements using jQuery
Dynamically Add Remove Elements using jQuery
November 27th, 2009
6 Comments
Sample code snippet for Adding and Removing the Elements dynamically using jQuery
{code type=html}
Answer Choice 1 :
{/code}
Javascript
{code type=html}
$(document).ready(function() {
$(“#addchoice”).click(function(){
//getting the current element count
var current = $(“#answercount”).val();
current = Number(++current);
//Append the html content
$(“#choiceTemplate”).append(”
Answer Choice ” + current + ” :
“);
//assign the current element count
$(“#answercount”).val(current);
return false;
});
//remove the elements
$(“#removechoice”).click(function(){
//getting the current/last element count
var current = $(“#answercount”).val();
//removing the element
$(‘#current’+current).remove();
//assign the current element count
current = Number(–current);
$(“#answercount”).val(current);
});
});
{/code}
Submitted By : Raja
