The option **[handle][1]** of the plugin allows you to define that is the element that can initiate the sort. You can provide a selector or an element.

If you have this html, with the `.handler` to be the handle to start the sort:

    &lt;ul class=&quot;sortable&quot;&gt;
        &lt;li&gt;
            &lt;span class=&quot;handle&quot;&gt;&lt;/span&gt;
            My element
        &lt;/li&gt;
    &lt;/ul&gt;

Apply the option like this:

    $( &quot;.sortable&quot; ).sortable({ handle: &#39;.handle&#39; });

You can style your handle element however you like.


  [1]: http://api.jqueryui.com/sortable/#option-handle

I am working on a code for SOAP Web services, I would like to know the variations in SOAP 1.1, SOAP 1.2, HTTP GET &amp; HTTP POST methods for Android, and which is the preferred one among them. Please site out a sample of its usage URL or its code.

Thanks 

What is the difference between SOAP 1.1, SOAP 1.2, HTTP GET &amp; HTTP POST methods for Android?

I have a pretty simple form.  When the user types in an input field, I want to update what they&#39;ve typed somewhere else on the page.  This all works fine.  I&#39;ve bound the update to the `keyup`, `change` and `click` events.

The only problem is if you select an input from the browser&#39;s autocomplete box, it does not update.  Is there any event that triggers when you select from autocomplete (it&#39;s apparently neither `change` nor `click`).  Note that if you select from the autocomplete box and the *blur* the input field, the update will be triggered.  I would like for it to be triggered as soon as the autocomplete .

See: http://jsfiddle.net/pYKKp/ (hopefully you have filled out a lot of forms in the past with an input named &quot;email&quot;).

### HTML: 
 
    &lt;input name=&quot;email&quot; /&gt; 
    &lt;div id=&quot;whatever&quot;&gt;&amp;lt;whatever&gt;&lt;/div&gt; 
 
### CSS:  
 
    div { 
        float: right; 
    } 
 
### Script: 
 
    $(&quot;input&quot;).on(&#39;keyup change click&#39;, function () { 
       var v = $(this).val(); 
        if (v) { 
         $(&quot;#whatever&quot;).text(v);   
        }  
        else { 
            $(&quot;#whatever&quot;).text(&#39;&lt;whatever&gt;&#39;); 
        } 
    }); 

Any event triggered on autocomplete?

I have jquery ui sortables working fine but my sortable elements have other interactive elements within them. In order to prevent accidental sorting when interacting with the elements within the sortable divs, I&#39;d like to somehow make the dragging movement for the sortables only occur when dragging a certain element within the sortable, such as a &#39;move&#39; icon that might reside in the top left corner of each sortable. Is this possible with generic jqui, or would I need to write my own hook?

Jquery ui - sortable: drag by icon &#39;handle&#39; within sortable element

<p>I have jquery ui sortables working fine but my sortable elements have other interactive elements within them. In order to prevent accidental sorting when interacting with the elements within the sortable divs, I'd like to somehow make the dragging movement for the sortables only occur when dragging a certain element within the sortable, such as a 'move' icon that might reside in the top left corner of each sortable. Is this possible with generic jqui, or would I need to write my own hook?</p>


I&#39;m  using a jQuery modal dialog in my ASP .NET MVC 3 application. It works fine except for that there is no close button showing in the top right corner. How can I add this?

    $(&quot;#dialog-modal&quot;).dialog({
                modal: true,
                autoOpen: false,
                buttons: {
                    Ok: function () {
                        $(this).dialog(&quot;close&quot;);
                    }
                }
            });

jQueryUI modal dialog does not show close button (x)

    &lt;div class=&quot;second&quot;&gt;
		&lt;div class=&quot;selector&quot; id=&quot;selFirst&quot;&gt;&lt;/div&gt;
		&lt;div class=&quot;selector&quot; id=&quot;selSecond&quot;&gt;&lt;/div&gt;
	    &lt;div&gt;&lt;/div&gt;
    &lt;/div&gt;

How to get #selFirst using element index not the ID?

this:
      
    var $selFirst = $(&quot;.second:nth-child(1)&quot;);
	console.log($selFirst);

is returning :    
     
    jQuery(div.second)



How to get child element by index in Jquery?

I would like advice on whether to use HTML 5 Boilerplate or Twitter Bootstrap for a web application which may use JQuery UI controls. 

Also is it possible for me to replace the Bootstrap controls with JQuery UI equivalents? 

Thanks in advance

Stephen 

HTML5 Boilerplate vs Twitter Bootstrap with JQuery and JQueryUI

I am using Twitter Bootstrap and I want to use an &quot;auto-suggest&quot; which is not available in Bootstrap, whereas jQuery UI has its own methods for auto-suggest.

Can I use both? Will it overload the bandwidth?

Can I use Twitter Bootstrap and jQuery UI at the same time?

&lt;h1&gt;How do I reset the datepicker calendar values?.. The min and max date restrictions?&lt;/h1&gt;

The problem is that when I clear the dates (by deleting the textbox values), the previous date restrictions are still applied.

I&#39;ve been sorting through the &lt;a href=&quot;http://docs.jquery.com/UI/Datepicker&quot;&gt;documentation&lt;/a&gt; and nothing jumped out as a solution. I also wasn&#39;t able to find a quick fix on a SO/google search

&lt;a href=&quot;http://jsfiddle.net/CoryDanielson/tF5MH/&quot;&gt;http://jsfiddle.net/CoryDanielson/tF5MH/&lt;/a&gt;

--------------------------------------------------------------------------------

**&lt;h2&gt;Solution:&lt;/h2&gt;** 
    
    // from &amp; to input textboxes with datepicker enabled
    var dates = $(&quot;input[id$=&#39;dpFrom&#39;], input[id$=&#39;dpTo&#39;]&quot;);

    // #clearDates is a button to clear the datepickers
    $(&#39;#clearDates&#39;).on(&#39;click&#39;, function(){
        dates.attr(&#39;value&#39;, &#39;&#39;);
        dates.each(function(){
            $.datepicker._clearDate(this);
        });
    });​​

_.clearDate() is a private method of the DatePicker object. You won&#39;t find it in the public API on jQuery UI&#39;s website, but it works like a charm.

How do I clear/reset the selected dates on the jQuery UI Datepicker calendar?

`JOptionPane` can be used to get string inputs from user, but in my case, I want to display a password field in `showInputDialog`.

The way I need is the input given by the user should be masked and the return value must be in `char[]`. I need a dialog box with a message, password field, and two buttons. Can that be done? Thanks.

JOptionPane to get password

When there&#39;s a merge conflict in Git, junk like the following is inserted into the conflicting files. Three questions:

 1. How do you read these annotations?
 2. What are some strategies to use when fixing these merge conflicts?
 3. Is there a GUI tool for Mac that knows how to read these files and display the two versions side-by-side to make it easier to fix the problem?

![enter image description here][1]

Note: In case it&#39;s relevant, I am using GitHub&#39;s Mac GUI client.

  [1]: http://i.stack.imgur.com/mFWUP.png

Merge conflict resolution

I have a ViewPager, each page is a Fragment view. I want to test if a fragment is in a visible region. the Fragment.isVisible only test

- the fragment is attached to a activity
- the fragment is set to visible
- the fragment has been added to a view

The ViewPager will create 3 (by default) fragment and all three of them meet the above criteria, but only one is actually visible to the user (the human **eyes**)

How to test if a fragment view is visible to the user?

Swing components have multiple methods related to updates of screen layout, in particular:

 - [`validate()`][1]
 - [`invalidate()`][2]
 - [`revalidate()`][3]

The Java documentation defines these somewhat from a technical perspective, but it&#39;s not particularly clear how they are meant to be used.

What is the difference between these, and in what circumstances should you use one rather than the others?


  [1]: http://docs.oracle.com/javase/8/docs/api/java/awt/Container.html#validate--
  [2]: http://docs.oracle.com/javase/8/docs/api/java/awt/Container.html#invalidate--
  [3]: http://docs.oracle.com/javase/8/docs/api/javax/swing/JComponent.html#revalidate--

Difference between validate(), revalidate() and invalidate() in Swing GUI

I&#39;m developing an application which displays images, and plays sounds from a database. I&#39;m trying to decide whether or not to use a separate JFrame to add images to the database from the GUI. 

I&#39;m just wondering whether it is good practice to use multiple JFrame windows?

The Use of Multiple JFrames: Good or Bad Practice?

I would like to pose this question as long as I am trying currently to dig into the use and the purpose of delegates, although it is likely to have been asked in similar formulations.
 
I know that delegates serve as function pointers used in C++. The matter of the fact is if in C# they serve mostly as an alternative to interfaces and polymorphism. Since I can create subclasses of a specific class and supply them the appropriate methods to each one, what offer delegates additionally to that? Are there cases that stipulate their use or is merely the maintainability of the code improved when delegates used? Would you recommend their wide deployment over interfaces? 

I am speaking solely about delegates and I want to distinguish their role from the events role.   


Delegates vs Interfaces in C#

    public interface IDic
    {
        int Id { get; set; }
        string Name { get; set; }
    }
    public class Client : IDic
    {

    }


How can I cast `List&lt;Client&gt;` to `List&lt;IDic&gt;`?

Cast List&lt;T&gt; to List&lt;Interface&gt;

I was reading some sourcecode from Java libraries, and I am confused here;

This code is from Document.java in jaxb library, and **ContentVisitor is an Interface** in same package, how can we create an instance of Interface with a new keyword? isn&#39;t that illegal?

    public final class Document {
    .
    .
     private final ContentVisitor visitor = new ContentVisitor() {
        public void onStartDocument() {
         
            throw new IllegalStateException();
        }

        public void onEndDocument() {
            out.endDocument();
        }

        public void onEndTag() {
            out.endTag();
            inscopeNamespace.popContext();
            activeNamespaces = null;
        }
    }

Java: Interface with new keyword how is that possible?

I&#39;ve been trying to study up on PHP lately, and I find myself getting hung up on traits. I understand the concept of horizontal code reuse and not wanting to necessarily inherit from an abstract class. What I don&#39;t understand is: What is the crucial difference between using traits versus interfaces?

I&#39;ve tried searching for a decent blog post or article explaining when to use one or the other, but the examples I&#39;ve found so far seem so similar as to be identical.




Traits vs. interfaces

Say we have an abstract base class `IBase` with pure virtual methods (an interface).

Then we derive `CFoo`, `CFoo2` from the base class.

And we have a function that knows how to work with IBase.

    Foo(IBase *input);

The usual scenario in these cases is like this:

    IBase *ptr = static_cast&lt;IBase*&gt;(new CFoo(&quot;abc&quot;));
    Foo(ptr);
    delete ptr;

But pointer management is better to be avoided, so is there a way to use references in such scenario?

    CFoo inst(&quot;abc&quot;);
    Foo(inst);

where `Foo` is:

    Foo(IBase &amp;input);

Is it possible to pass derived classes by reference to a function taking base class as a parameter

I want to select just a class on its own called .date

For some reason, I cannot get this to work. If anyone knows what is wrong with my code, it would be much appreciated.

    @$doc = new DOMDocument();
    @$doc-&gt;loadHTML($html);
    $xml = simplexml_import_dom($doc); // just to make xpath more simple
    $images = $xml-&gt;xpath(&#39;//[@class=&quot;date&quot;]&#39;);								
    foreach ($images as $img)
    {
        echo  $img.&quot; &quot;;
    }

Selecting a css class with xpath

Why don&#39;t browsers add support for, say, Python scripting as an alternative to Javascript? Or more general purpose scripting languages? Is there a reason that Javascript is the only one implemented across browsers? After all, the script tag does have support to specify the scripting language used.

(I know there is VBScript support in IE, but it seems obsolete for all intents and purposes.)

Why is javascript the only client side scripting language implemented in browsers?

Is there a difference between *mimetype*, *contenttype* and *mediatype*? (Java&#39;s JAX-RS [MediaType][2]). 

From the [wikipedia article][1] i gathered that it&#39;s only a content-type in the context of e.g. HTTP requests as a field in a request&#39;s header: So are these just synonyms or are there any actual semantic differences between the different terms?


  [1]: http://en.wikipedia.org/wiki/Internet_media_type
  [2]: http://jackson.codehaus.org/javadoc/jax-rs/1.0/javax/ws/rs/core/MediaType.html

What&#39;s the difference between mediatype, contenttype and mimetype?

The bootstrap documentation on that topic is a little confusing to me. I want to achieve similar behaviour like in the docs with the affix navbar: The navbar is below a paragraph / page heading, and upon scrolling down it should first scroll along until reaching the top of the page, and then stick there fixed for further scrolldowns.

As jsFiddle does not work with the navbar concept, I&#39;ve set up a separate page for usage as a minimal example: http://i08fs1.ira.uka.de/~s_drr/navbar.html

I use this as my navbar:

    &lt;div class=&quot;navbar affix-top&quot; data-spy=&quot;affix&quot; data-offset-top=&quot;50&quot;&gt;
        &lt;div class=&quot;navbar-inner&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;span12&quot;&gt;
                    &lt;a class=&quot;brand&quot; href=&quot;#&quot;&gt;My Brand&lt;/a&gt; 
                    This is my navbar.
                 &lt;/div&gt;
            &lt;/div&gt; &lt;!-- container --&gt;
        &lt;/div&gt; &lt;!-- navbar-inner --&gt;
    &lt;/div&gt; &lt;!-- navbar --&gt;

I thinkg i would want `data-offset-top` to be of value 0 (since the bar should &quot;stick&quot; to the very top&quot; but with 50 there is at least some effect watchable.

If also put the javascript code in place:

         &lt;script&gt;
            $(document).ready (function (){
                $(&quot;.navbar&quot;).affix ();
            });
         &lt;/script&gt;

Any help appreciated.


How to use the new affix plugin in twitter&#39;s bootstrap 2.1.0?

What&#39;s the difference between two asterisks instead of one asterisk when we refer to paths?

Earlier I was debugging my Spring 3 project. I was trying to add a .swf using

`&lt;spring:url var=&quot;flashy&quot; value=&quot;/resources/images/flash.swf&quot;/&gt;`

With my web.xml&#39;s ResourceServlet looking like

    &lt;servlet-name&gt;Resource Servlet &lt;/servlet-name&gt;
    &lt;url-pattern&gt;/resources/*&lt;/url-pattern&gt;

But unfortunately I was getting this error: 

`WARN org.springframework.js.resources.ResourceServlet - An attempt to access a protected resource at /images/flash.swf was disallowed.`

I found it really strange since all my images in the `images` folder were accessed but how come my  .swf was &quot;protected&quot;?

Afterwards, I decided to change the `/resources/*` to `/resources/**` and it finally worked. My question is... why?

Spring: Difference of /** and /* with regards to paths

I want to output some data from the database in a HTML table, and I want the user to be able to reorder table rows. To achieve this, I used jQuery UI sortable, thus:

    &lt;script&gt;
    	$(function() {
    		$( &quot;#sortable&quot; ).sortable();
    		$( &quot;#sortable&quot; ).disableSelection();
    	});
    	&lt;/script&gt;
    &lt;?php 
     while($row = mysql_fetch_assoc($co_authors)) {
                        echo &quot;&lt;tr id=&#39;sortable&#39;&gt;&lt;td&gt;{$row[&#39;author_email&#39;]}&lt;/td&gt;
                             &lt;td&gt;{$row[&#39;coauthor_level&#39;]}&lt;/td&gt;&quot;;
                             &lt;td&gt;&lt;button class=&#39;remove&#39; id=&#39;remove&#39; name=&#39;remove&#39; email=&quot;&lt;?php echo $row[&#39;author_email&#39;] ?&gt;&quot;
                                paper=&quot;&lt;?php echo $row[&#39;paper_id&#39;] ?&gt;&quot;&gt;Remove&lt;/button&gt;&lt;/td&gt;
                             &lt;/tr&gt;&quot;;
                    }
    ?&gt;

The problem is that when I drag a table `tr`, only `td` are dragged. Also, and most importantly, only the first row is dragable: the effect is not applied to other rows. How can I solve this?

Using jQuery UI sortable with HTML tables

I want to use the jQuery UI `sortable` function to allow users to set an order and then on change, write it to the database and update it. Can someone write an example on how this would be done?

Content Type	Original Author	Original Content on Stackoverflow
Question	Rimer	View Question on Stackoverflow
Solution 1 - Jquery Ui	Didier Ghys	View Answer on Stackoverflow

Jquery ui - sortable: drag by icon 'handle' within sortable element

Jquery Ui Problem Overview

Jquery Ui Solutions

Solution 1 - Jquery Ui

Any event triggered on autocomplete?

What is the difference between SOAP 1.1, SOAP 1.2, HTTP GET & HTTP POST methods for Android?

Attributions