DekGenius.com
HTML
html button
< button class = " button button1" id = " button" onclick = " buttonfunction ( ) ; " > This is a button </ button>
button in html
< a herf = " blah file/page2" > < button> Your Text Here</ button> </ a>
button
< div data-aos = " fade-up" > < button class = " buton" > Prendre rendez-vous</ button>
</ div>
how to use
<! DOCTYPE html >
< script>
function log ( ) {
console . log ( "Hello World!" )
}
</ script>
< html>
< button onclick = " log ( ) " > Button</ button>
</ html>
button
< button type = " button" class = " btn btn-primary btn-lg" > Large</ button>
< button type = " button" class = " btn btn-primary" > Default</ button>
< button type = " button" class = " btn btn-primary" > btn-sm</ button>
button
1
2
3
4
5
6
7
8
< button type = " button" class = " btn btn-outline-primary" > primary</ button>
< button type = " buton" class = " btn btn-outline-secondary" > secondary</ button>
< button type = " button" class = " btn btn-outline-success" > success</ button>
< button type = " button" class = " btn btn-outline-info" > info</ button>
< button type = " button" class = " btn btn-outline-warning" > warning</ button>
< button type = " button" class = " btn btn-outline-danger" > danger</ button>
< button type = " button" class = " btn btn-outline-dark" > dark</ button>
< button type = " button" class = " btn btn-outline-light" > light</ button>
< button type = " button" class = " btn btn-outline-link" > link</ button>
buttons
/*when you Click on these buttons it should call the function changeColor
and the function will change the color */
< button onclick = " changeColor ( this , 'red' ) " >
Click me to change my color.
</ button>
< button onclick = " changeColor ( this , 'blue' ) " >
Click me to change my color.
</ button>
< button onclick = " changeColor ( this , 'green' ) " >
Click me to change my color.
</ button>
< script>
function changeColor ( element, color ) {
element. style . color = color;
}
</ script>
button
1
2
3
4
5
6
7
8
9
< button type = " button" class = " btn btn-primary" > primary</ button>
< button type = " button" class = " btn btn-secondary" > secondary</ button>
< button type = " button" class = " btn btn-success" > success</ button>
< button type = " button" class = " btn btn-info" > info</ button>
< button type = " button" class = " btn btn-warning" > warning</ button>
< button type = " button" class = " btn btn-danger" > danger</ button>
< button type = " button" class = " btn btn-dark" > dark</ buton>
< button type = " button" class = " btn btn-light" > light</ button>
< button type = " button" class = " btn btn-link" > link</ button>
button
1
2
< a href = " #" class = " btn btn-primary btn-lg active" role = " button" aria-pressed = " true" > primary link</ a>
< a href = " #" class = " btn btn-secondary btn-lg active" role = " button" aria-pressed = " true" > link</ a>
button
1
2
< button type = " button" class = " btn btn-primary btn-lg" disabled > primary</ button>
< button type = " button" class = " btn btn-seconday bt-lg" disabled > button</ button>
button
1
2
< a href = " #" class = " btn tbn-primary bit-lg disabled" > primary link</ button>
< a href = " #" class = " btn btn-secondary" bit-lg disabled" > secondary link</ button>
button
< Button
android: id = " @+id/push_button"
android: layout_width= " wrap_content"
android: layout_height= " wrap_content"
android: text= " Rounded Corners Button"
android: background= " @drawable/button_bg_rounded_corners"
android: padding= " 15dp"
/>
buttons
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
var editor; // use a global for the submit and return data rendering in the examples
$(document).ready(function() {
editor = new $.fn.dataTable.Editor( {
ajax: "../../controllers/staff.php",
table: "#example",
fields: [ {
label: "First name:",
name: "first_name"
}, {
label: "Last name:",
name: "last_name"
}, {
label: "Position:",
name: "position"
}, {
label: "Office:",
name: "office"
}, {
label: "Extension:",
name: "extn"
}, {
label: "Start date:",
name: "start_date"
}, {
label: "Salary:",
name: "salary"
}
]
} );
var table = $('#example').DataTable( {
dom: "Bfrtip",
ajax: "../../controllers/staff.php",
columns: [
{ data: null, render: function ( data, type, row ) {
// Combine the first and last names into a single table field
return data.first_name+' '+data.last_name;
} },
{ data: "position" },
{ data: "office" },
{ data: "extn" },
{ data: "start_date" },
{ data: "salary", render: $.fn.dataTable.render.number( ',', '.', 0, '$' ) }
],
select: true,
buttons: [
{ extend: "create", editor: editor },
{ extend: "edit", editor: editor },
{
extend: "selectedSingle",
text: "Salary +250",
action: function ( e, dt, node, config ) {
// Immediately add `250` to the value of the salary and submit
editor
.edit( table.row( { selected: true } ).index(), false )
.set( 'salary', (editor.get( 'salary' )*1) + 250 )
.submit();
}
},
{ extend: "remove", editor: editor }
]
} );
} );
buttons
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
var editor; // use a global for the submit and return data rendering in the examples
$(document).ready(function() {
editor = new $.fn.dataTable.Editor( {
ajax: "../../controllers/staff.php",
table: "#example",
fields: [ {
label: "First name:",
name: "first_name"
}, {
label: "Last name:",
name: "last_name"
}, {
label: "Position:",
name: "position"
}, {
label: "Office:",
name: "office"
}, {
label: "Extension:",
name: "extn"
}, {
label: "Start date:",
name: "start_date"
}, {
label: "Salary:",
name: "salary"
}
]
} );
var table = $('#example').DataTable( {
dom: "Bfrtip",
ajax: "../../controllers/staff.php",
columns: [
{ data: null, render: function ( data, type, row ) {
// Combine the first and last names into a single table field
return data.first_name+' '+data.last_name;
} },
{ data: "position" },
{ data: "office" },
{ data: "extn" },
{ data: "start_date" },
{ data: "salary", render: $.fn.dataTable.render.number( ',', '.', 0, '$' ) }
],
select: true,
buttons: [
{ extend: "create", editor: editor },
{ extend: "edit", editor: editor },
{
extend: "selectedSingle",
text: "Salary +250",
action: function ( e, dt, node, config ) {
// Immediately add `250` to the value of the salary and submit
editor
.edit( table.row( { selected: true } ).index(), false )
.set( 'salary', (editor.get( 'salary' )*1) + 250 )
.submit();
}
},
{ extend: "remove", editor: editor }
]
} );
} );
button
<?xml version="1.0" encoding="utf-8"?>
< selector xmlns: android= " http://schemas.android.com/apk/res/android" >
< item>
< shape android: shape= " rectangle" >
< solid android: color= " #DEB887" />
< stroke android: color= " #8A2BE2" android: width= " 2dp" />
< corners android: radius= " 15dp" />
</ shape>
</ item>
</ selector>
© 2022 Copyright:
DekGenius.com