# EmailTextArea
Open me!
Demo View | Source Code (opens new window) | Download all widgets
Assets:
JavaScripts:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Email text area</title>
<link type="text/css" rel="stylesheet" href="style.css"/>
<script type="text/javascript" src="../core/lib/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/email-text-area.js"></script>
</head>
<body>
<h1>Email text area</h1>
<div class="content">
<div class="main">
<h2>Vertical scrolling</h2>
<div class="scroll-pane">
<p>
<b>Skin in the game</b>
<br/><br/>
While famous IoT companies look for sustainability in development, the IoT startups bet on disruption.
A new IoT application must impress an audience with both affordability and usability.
It can show the way how to do something better, achieve something faster, and make life easier after all.
The majority of top IoT startups do not reinvent the wheel — they improve user experience with their IoT products and services.
And this is the very essence of risk in innovations to offer addressing issues from a different angle.
Nevertheless, the basic principle of evolution (as well as of capitalism) remains here to stay: the fittest will survive.
Let’s see through which business ideas the following 7 best IoT startups cope with challenges of putting their skin in the game.
</p>
<p>
<b>Startups will be startups</b>
<br/><br/>
The given Top 7 IoT startups are different in both their specializations and ambitions.
Some of them bet on quite narrow domain-specific IoT solutions, the others strive to cover as many divergent IoT sub-sectors as possible.
But what combines all of them in a cohort distinctive from a corporate “business-as-usual” paradigm is an ability to take the risk of being disruptive.
The IoT startupers propagate innovations capable of making the end customers’ life easier through various solutions making their businesses
more manageable and thus more beneficial. Just the satisfied (or unsatisfied) customer expectations determine a market share of one or
another IoT startup in a rapidly changing data-driven economy.
The risk of failure will always remain as well as those brave guys who can take the risk.
And the technological development will keep moving forward until startups remain startups.
</p>
<p>Source link <a target="_blank" href="https://habr.com/en/post/447514/">7 Interesting startups in IoT</a></p>
</div>
</div>
</div>
</body>
</html>
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
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
.scroll-pane {
width: 400px;
height: 275px;
overflow: auto;
}
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background: #dde;
position: relative;
}
.jspDrag {
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow .jspDisabled {
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
jQuery(function () {
jQuery(".scroll-pane").jScrollPane();
});
1
2
3
2
3
// Make sure to add code blocks to your code group