Zobacz 3 odpowiedzi - od 1 do 3 (z 3 łącznie)
  • To nie wtyczka, lecz szablon musi posiadać taką funkcje. Poszperaj w sieci „drag and drop jquery effect” i spróbuj zaimplementować.

    Twórca wątku cristiano002

    (@cristiano002)

    Znalazłem kilka wersji.
    Znalazłem też coś takiego:

    http://interface.eyecon.ro/demos/sort.html

    Teraz pytanie. Jak zastosować ten efekt jquery do widgetów w sidebarze?

    Tak na szybko patrząc:

    <script type="text/javascript">
    $(document).ready(
    	function () {
    		$('a.closeEl').bind('click', toggleContent);
    		$('div.groupWrapper').Sortable(
    			{
    				accept: 'groupItem',
    				helperclass: 'sortHelper',
    				activeclass : 	'sortableactive',
    				hoverclass : 	'sortablehover',
    				handle: 'div.itemHeader',
    				tolerance: 'pointer',
    				onChange : function(ser)
    				{
    				},
    				onStart : function()
    				{
    					$.iAutoscroller.start(this, document.getElementsByTagName('body'));
    				},
    				onStop : function()
    				{
    					$.iAutoscroller.stop();
    				}
    			}
    		);
    	}
    );
    var toggleContent = function(e)
    {
    	var targetContent = $('div.itemContent', this.parentNode.parentNode);
    	if (targetContent.css('display') == 'none') {
    		targetContent.slideDown(300);
    		$(this).html('[-]');
    	} else {
    		targetContent.slideUp(300);
    		$(this).html('[+]');
    	}
    	return false;
    };
    function serialize(s)
    {
    	serial = $.SortSerialize(s);
    	alert(serial.hash);
    };
    </script>

    I dodajesz w divie widgetu:
    class="groupWrapper"

Zobacz 3 odpowiedzi - od 1 do 3 (z 3 łącznie)

Temat ‘Dowolne przenoszenie widgetów’ jest zamknięty na nowe odpowiedzi.