@@ -4,21 +4,21 @@ html(lang='en')
4
4
meta( charset ='utf-8' )
5
5
title Check browser plugin demonstration
6
6
//- Latest compiled and minified Bootstrap CSS
7
- link( rel ='stylesheet' , href ='//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css' )
7
+ link( rel ='stylesheet' , href ='http: //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css' )
8
8
//- Styles for design of warning block
9
9
link( rel ='stylesheet' , href ='old-browser.css' )
10
10
//- SyntaxHighlighter style
11
- link( rel ='stylesheet' , href ='css/ prism.css' )
11
+ link( rel ='stylesheet' , href ='prism.css' )
12
12
//- Add jquery
13
- script( src ='//code.jquery.com/jquery-1.11.0.min.js' )
13
+ script( src ='https: //code.jquery.com/jquery-1.11.0.min.js' )
14
14
//- Latest compiled and minified Bootstrap JavaScript
15
- script( src ='//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js' )
15
+ script( src ='https: //netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js' )
16
16
//- Add plugin Check browser
17
- script( src ='js/ check-browser-plugin .js' )
17
+ script( src ='check-browser.js' )
18
18
//- Syntax highlighter Prism js
19
- script( src ='js/ prism.js' )
19
+ script( src ='prism.js' )
20
20
//- Own main javascript file
21
- script( src ='js/ main.js' )
21
+ script( src ='main.js' )
22
22
body( data-spy ='scroll' , data-target ='#bs-example-navbar-collapse-1' , data-offset ='170' )
23
23
header.header
24
24
nav.navbar.navbar-default.navbar-fixed-top ( role ='navigation' )
@@ -40,24 +40,20 @@ html(lang='en')
40
40
//- Provides extra visual weight and identifies the primary action in a set of buttons
41
41
li
42
42
button.navbar-btn.btn.btn-primary ( type ='button' ) Download
43
- //- .navbar-collapse
44
- //- .container-fluid
43
+
45
44
main.container
46
45
.row
47
46
.col-md-12
48
47
h1#home The check browser version plugin
49
48
p Latest version is 1.0.0
50
- p
51
- | You can use default view of this plugin look like so (See under) or create himself warning block
49
+ p You can use default view of this plugin look like so (See under) or create himself warning block
52
50
.row
53
51
.col-md-12
54
52
.old-browser-warning
55
53
.old-browser-warning__left-side
56
54
h3.text-primary.h3 Warning!
57
- p.old-browser-warning__text
58
- | You use the oldest version of a browser. It may be a reason of incorrect work and view of a website.
59
- p.old-browser-warning__text
60
- | For comfortable work, please download latest version of a browser convenient for you from official website.
55
+ p.old-browser-warning__text You use the oldest version of a browser. It may be a reason of incorrect work and view of a website.
56
+ p.old-browser-warning__text For comfortable work, please download latest version of a browser convenient for you from official website.
61
57
p.old-browser-warning__text
62
58
| Please read our
63
59
a.old-browser-warning__link ( href ='#' ) documentation
@@ -70,24 +66,66 @@ html(lang='en')
70
66
i#close-old-browser-warning .icon-remove ( title ='Close' )
71
67
.row
72
68
.col-md-12
73
- p
74
- | For begin you need check - you use jquery or not use? If you not add jquery plugin - you need do it
69
+ p For begin you need check - you use jquery or not use? If you not add jquery plugin - you need do it
75
70
p And inicialize plugin
76
- pre.
77
- \n
71
+ pre
72
+ code.language-javascript .
73
+ $(document).ready(function () {
74
+ $('body').checkBrowser();
75
+ });
76
+
78
77
p All supported params:
79
- pre.
80
- \n
78
+ pre
79
+ code.language-javascript .
80
+ $(document).ready(function () {
81
+ $('body').checkBrowser({
82
+ once: 'No',
83
+ warningBoxName: '.old-browser-warning',
84
+ closeBtnName: '#close-old-browser-warning',
85
+ duration: 1200,
86
+ easing: 'swing',
87
+
88
+ browsers: {
89
+ Firefox: 27,
90
+ Chrome: 30,
91
+ Opera: 15,
92
+ IE: 10
93
+ }
94
+ });
95
+ });
81
96
p In this option you can change amount of show
82
- pre.
83
- \n
84
- pre.
85
- \n
86
- pre.
87
- \n
88
- pre.
89
- \n
90
- pre.
91
- \n
92
- pre.
93
- \n
97
+ pre
98
+ code.language-javascript .
99
+ $('body').checkBrowser({
100
+ once: 'No'
101
+ });
102
+ pre
103
+ code.language-javascript .
104
+ $('body').checkBrowser({
105
+ warningBoxName: '.old-browser-warning'
106
+ });
107
+ pre
108
+ code.language-javascript .
109
+ $('body').checkBrowser({
110
+ closeBtnName: '#close-old-browser-warning'
111
+ });
112
+ pre
113
+ code.language-javascript .
114
+ $('body').checkBrowser({
115
+ duration: 1200
116
+ });
117
+ pre
118
+ code.language-javascript .
119
+ $('body').checkBrowser({
120
+ easing: 'swing'
121
+ });
122
+ pre
123
+ code.language-javascript .
124
+ $('body').checkBrowser({
125
+ browsers: {
126
+ Firefox: 27,
127
+ Chrome: 30,
128
+ Opera: 15,
129
+ IE: 10
130
+ }
131
+ });
0 commit comments