Loading, please wait...

ARTDESIGN BUTTON

EXAMPLES

Overwrite settings

<a href="#" data-plugin-ad-button="ad-button" data-ad-button-options="FullBlue">Button</a>

Frequently overwriting settings

<a href="#" data-plugin-ad-button="ad-button" data-ad-button-options="OuterShadow, FullBlue">Button</a>

Button with icon

<a href="#" data-plugin-ad-button="ad-button" data-ad-button-icon="icon-info">Button</a>

Switching mode (Active / Inactive)

<a href="#" data-plugin-ad-button="ad-button" data-ad-button-switch="switch">Button</a>

External switching (Active / Inactive)

Active
InActive
<a href="#" data-plugin-ad-button="ad-button" data-ad-button-switch="switch" data-ad-button-current="current" id="Switch">Button</a>
<script type="text/javascript">
    function Active() {
        $("#Switch").attr("data-ad-button-current", "current");
    }
    function InActive() {
        $("#Switch").removeAttr("data-ad-button-current");
    }
</script>

Disable mode

<a href="#" data-plugin-ad-button="ad-button" disabled="disabled">Button</a>

External switching (Enable / Disable)

Enable
Disable
<a href="#" data-plugin-ad-button="ad-button" data-ad-button-switch="switch" id="Disable">Button</a>
<script type="text/javascript">
    function Enable() {
        $("#Disable").removeAttr("disabled");
    }
    function Disable() {
        $("#Disable").attr("disabled", "disabled");
    }
</script>

Click event

<a href="#" data-plugin-ad-button="ad-button" onclick="alert('Button Clicked!');">Click Me</a>