-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (128 loc) · 6.76 KB
/
index.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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html>
<head lang="cs">
<meta charset="UTF-8">
<title>nbsp2preposition – Online tool</title>
<meta name="description" content="Nástroj pro vložení HTML nezlomitelné mezery do textového řetězce tak, jak doporučuje typografická norma.">
<!-- load jQuery and Bootstrap for fresh look -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills pull-right">
<li id="cz" role="presentation" class="current"><a href="#">CZ</a></li>
<li id="en" role="presentation"><a href="#">EN</a></li>
</ul>
</nav>
<h1 class="text-muted">nbsp2preposition</h1>
</div>
<div class="jumbotron">
<h2 class="cz heading">Vložit <span class="blue">&nbsp;</span></h2>
<h2 class="en heading">Insert <span class="blue">&nbsp;</span></h2>
<p class="cz paragraph">Nástroj pro vložení HTML nezlomitelné mezery do textového řetězce tak, jak doporučuje <a href="#" class="norm-link">typografická norma.</a></p>
<p class="en paragraph">Tool for inserting HTML non-breaking space according to Czech <a href="#" class="norm-link">typography norm</a>.</p>
<div id="norm-more">
<div class="cz norm">
<span>Prozatím nástroj vkládá nezlomitelnou mezeru:</span>
<ul class="norm-list">
<li>Za neslabičné předložky <i>k, s, v, z</i>, slabičné předložky <i>o, u</i> a spojky <i>a, i</i></li>
<li>Za značky a zkratky <i>str., obr., tab., s., č., §, #, *, †, tj., tzv., tzn.</i></li>
<li>Před značky a zkratky <i>%, hod., h, °C, Kč, €, kg</i></li>
<li>Mezi ustálená slovní spojení <i>a. s., s. r. o., mn. č., př. n. l.</i></li>
<li>Jednotky objemu a povrchu s horním indexem (<i>m², cm³</i> atp.)</li>
<li>Akademické a vědecké tituly <a href="https://cs.wikipedia.org/wiki/Akademický_titul" target="_blank">podle tohoto seznamu</a></li>
</ul>
<strong>
<span>
Pokud se v textu vyskytuje více zkratek a neslabičných předložek za sebou, vloží se nezlomitelná mezera jen za první výskyt.
</span>
</strong>
</div>
<div class="en norm">
<span>Inserting &nbsp; for these strings:</span>
<ul class="norm-list">
<li>After one-letter prepositions <i>k, s, v, z, o, u, a, i</i></li>
<li>After abbreviations <i>str., obr., tab., s., č., §, #, *, †, tj., tzv., tzn.</i></li>
<li>Before abbreviations <i>%, hod., h, °C, Kč, €, kg</i></li>
<li>Inside <i>a. s., s. r. o., mn. č., př. n. l.</i></li>
<li>For some units (<i>m², cm³</i> etc.)</li>
<li>Czech university degrees <a href="https://cs.wikipedia.org/wiki/Akademický_titul" target="_blank">according to this list</a></li>
</ul>
<strong>
<span>
When there are more matching rules very close each other, only the first match is applied.
</span>
</strong>
</div>
</div>
<div id="norm-more">
</div>
<small class="cz links">Více informací: <a target="_blank" href="https://cs.wikipedia.org/wiki/Nezlomitelná_mezera">Nezlomitelná mezera na Wiki</a> a
<a target="_blank" href="https://www.jakpsatweb.cz/enc/mezera.html">HTML mezera na jakpsatweb.cz</a></small>
<small class="en links">More info: <a target="_blank" href="https://en.wikipedia.org/wiki/Non-breaking_space">Non-breaking space on Wiki</a> and
<a target="_blank" href="http://www.computerhope.com/jargon/n/nbsp.htm">HTML non-breaking space on Computerhope</a></small>
</div>
<div class="row">
<div class="col-md-6">
<label for="originalText">Original</label>
<textarea id="originalText" rows="12" onKeyUp="processText();" onPaste="processText();" class="form-control"></textarea>
</div>
<div class="col-md-6">
<label for="finalText">Final</label><br>
<!-- <span id="finalText"></span> -->
<textarea readonly id="finalText" rows="12" class="form-control"></textarea>
</div>
</div>
<footer class="footer">
<small>© 2016 Milan Švehla | <a href="https://github.com/felixprojekt/nbsp2preposition/" target="_blank">github</a></small>
</footer>
</div>
<script>
function processText() {
$(document).ready(function () {
var originalText = $.trim($("#originalText").val());
$.ajax('nbsp-script.php?originalText=' + originalText, {
success: function(response) {
$('#finalText').text(response);
},
error: function() {
$('#finalText').html('There was a problem fetching the data. Please try again.');
},
timeout: 5000
});
});
}
//Language switcher
$('#en').click(function(){
event.preventDefault();
$(".cz").hide();
$(".en").show();
$("#cz").removeClass("current");
$(this).addClass("current");
});
$('#cz').click(function(){
event.preventDefault();
$(".en").hide();
$(".cz").show();
$("#en").removeClass("current");
$(this).addClass("current");
});
//More info toggle
$('.norm-link').click(function(){
event.preventDefault();
$("#norm-more").toggle();
});
// GA
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46719544-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>