Button

67 %
33 %
Information about Button
Technology

Published on February 17, 2014

Author: JStoikov

Source: slideshare.net

JavaScript Button Shield UI Widget

Button

Example of Click event The click event is fired when the user clicks on the button. A working example can be seen in the following location. 1<button id="but1" ></button> 2 3<script type="text/javascript"> 4 5 $(function () { 6 $("#but1").shieldButton({ 7 click: function (event) { 8 alert("but1 clicked"); 9 } 10 }); 11 }); 12 13</script>

Getting Started In order to render the Button JavaScript widget on a webpage, you need to: 1. Include references to all required scripts. Make sure you include the CSS file for your preferred theme. 2. Add a button element, which will host the control. 3. Initialize the widget. To see an example of the control in action, along with all the required code, please refer <!DOCTYPE html> to the following example. <html> <head> 1<title>Shield Button</title> 2<meta charset="utf-8" /> 3 4<link rel="stylesheet" type="text/css" 5href="css/shieldui-all.min.css" /> 6<link rel="stylesheet" type="text/css" 7href="css/light/all.min.css" /> 8<script src="js/jquery-1.10.2.min.js" 9type="text/javascript"></script> 10<script src="js/shieldui-all.min.js" 11type="text/javascript"></script> 12 13</head> 14<body> 15 16<button id="toggle1"> 17 <img 18src="/Content/img/carIcon.png"><span>Inclu 19de VIP Package</span> 20</button> 21 22<script type="text/javascript"> 23 $(function () { 24 $("#toggle1").shieldButton({ 25 toggle: true 26 }); 27 }); 28</script> </body> </html>

Resources • Documentation https://www.shieldui.com/documentation/butt on/javascript/getting.started • Examples https://demos.shieldui.com/web/barcode/basic -usage

Add a comment

Related presentations

Related pages

Button – Wikipedia

Button (engl. für Knopf) ist: ein Bedienelement in grafischen Benutzeroberflächen; siehe Schaltfläche; die englische Bezeichnung für Taste/Knopf, siehe ...
Read more

Mister-Button

Für jeden Anlass der passende Button. Wir bieten unsere Buttons stets in allerbester Qualität und legen dabei großen Wert auf faire Preise. Buttons sind ...
Read more

Button - duden.de

Definition, Rechtschreibung, Synonyme und Grammatik von 'Button' auf Duden online nachschlagen. Wörterbuch der deutschen Sprache.
Read more

Buttons bei Button-King bestellen

Buttons bei Button-King bestellen. Du wolltest schon immer mal deinen eigenen Button gestalten? Kein Problem. Bei Button-King erwartet dich ein großes ...
Read more

Buttons bestellen - Ansteckbuttons online gestalten

Buttons bestellen leicht gemacht! Bild hochladen o. mit Button-Designer gestalten: große Auswahl | ab 1 Stück | versandkostenfrei Ansteckbuttons bestellen!
Read more

Button-King

Buttons, Aufkleber & Magnete bei Button-King | Bestellungen ab 1 Stück | Kurze Lieferzeiten | Express-Versand oder Abholung in Berlin
Read more

Buttons und Magnete bestellen, günstig, schnell, viele ...

Buttons & Magnete vom Button Profi: riesen Auswahl, höchste Qualität. Buttons selbst gestalten und bestellen, Kühlschrankmagnete, ab 1 Stück
Read more

HTML/Formulare/Button – SELFHTML-Wiki

Durch Klick auf einen submit-Button wird ein Formular abgesendet, das heißt, die Daten des Formulars werden übertragen. Dabei werden lediglich name-value ...
Read more

Button (Ansteckplakette) – Wikipedia

Als Button (englisch für Knopf) werden meist runde Ansteckplaketten aus Blech oder Kunststoff bezeichnet, die mit einer Sicherheits- bzw. Bogennadel an ...
Read more

Buttons.at ♥ Buttons selber machen! Meinen Button günstig ...

Buttons.at ist der Button-PROFI ♥ Metall-Buttons ♥ NEON-Buttons ♥ Holz-Buttons ♥ Metallic-Buttons ♥ Herz-Buttons mit gratis Buttondesigner!
Read more