X-Editable In Addition To Bootstrap Using Icon Champaign To Trigger Select

You tin utilisation icons inwards an interface to trigger a pick out popup amongst X-editable together with Bootstrap together with supervene upon the text content amongst an image.

HTML:
 <p>X-editable: unmarried reqular checkbox</p> <div style="margin: 150px">     <img id="check" src="http://png-4.findicons.com/files/icons/2152/snowish/128/dialog_warning.png"/> </div>  
JS:
 $('#check').editable({     type: 'checklist',     url: '/post',         pk: 1,      placement: 'right',     title: 'Option 1',     source: {'1': 'enabled'},     emptytext: 'disabled',     success: function(data, config) {         if(data = '1'){             $("#check").attr("src", "http://png-2.findicons.com/files/icons/808/on_stage/128/symbol_check.png");         }else{             $("#check").attr("src", "http://png-4.findicons.com/files/icons/2152/snowish/128/dialog_warning.png");         }     } }); 
Demo

Source: http://stackoverflow.com/a/16878660

Sumber http://developer-paradize.blogspot.com

Comments

Popular posts from this blog

What Are The Main Components of a Computer System

Top Qualities To Look For In An IT Support Team

How To Integrate Google Adwords Api Into Codeigniter?