src
/
feminitives.ru
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Сценарий отвязан от Bootstrap

master
Maxim Lihachev 9 years ago
parent
8b93c34192
commit
dbbe565650
3 changed files with 70 additions and 47 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 36
      css/feminitives.css
  2. 38
      gofem.html
  3. 43
      js/feminitives.js

36
css/feminitives.css
Unescape View File

@ -7,9 +7,26 @@ @@ -7,9 +7,26 @@
}
#definition {
border: solid 1px;
padding: 30px;
width: 600px;
margin: 0 auto;
}
#definition h1 {
color: #7c795d;
font-family: 'Trocchi', serif;
font-size: 35px;
font-weight: normal;
line-height: 70px;
margin: 0;
}
#definition-dict {
text-align: center;
height: 40px;
height: 20px;
font-size: 18px;
margin-top: 25px;
}
#definition-card {
@ -25,13 +42,14 @@ @@ -25,13 +42,14 @@
#definition-card h1 {
position: relative;
text-align: right;
margin-top: 204px;
margin-top: 210px;
margin-right: 15px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-size: 17px;
color: MediumOrchid;
font-weight: bold;
font-style: italic;
}
#definition-card h1 span{
@ -41,18 +59,18 @@ @@ -41,18 +59,18 @@
}
#definition-content {
color: black;
position: relative;
margin-top: -150px;
text-align: center;
font-size: 36px;
color: black;
font-family: sans-serif;
font-size: 40px;
font-weight: regular;
text-align: center;
text-transform: capitalize;
}
#definition-full {
font-style: italic;
font-size: 12px;
height: 20px;
font-size: 16px;
height: 40px;
}

38
gofem.html
Unescape View File

@ -7,48 +7,30 @@ @@ -7,48 +7,30 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
<link href="css/feminitives.css" rel="stylesheet">
</head>
<body>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6 text-center">
<br />
<h4>Больше феминитивов богинюшке</h4>
<em><small>Каждый раз, когда вы создаёте феминитив, в мире умирает одна ♂-мразь.</small></em>
<br />
<body onload="init('definition')">
<div style="text-align: center;">
<div id="definition">
<h1>Феминизатор v1.0</h1>
<div class="input-group" style="text-align: center;">
<input id="word" type="text" class="form-control" placeholder="Нормальное слово" value="металлург">
<span class="input-group-btn">
<button class="btn btn-success" type="button" onclick="tr('word', 'definition')">
Феминитивь!
</button>
</span>
</div>
</div>
<div class="col-md-3"></div>
</div>
<input id="definition-word" type="text" class="form-control" placeholder="Слово">
<button type="button" onclick="tr('definition')">Феминитивь!</button>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6 text-center">
<br />
<div id="definition"></div><br />
<div id="definition-dict"></div><br />
<div id="definition-full"></div><br />
<div id="definition-card">
<h1><span> ф — феминитивы </span></h1>
<div id="definition-content"></div>
</div>
</div>
<div class="col-md-3"></div>
</div>
</div>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
<script src="js/bootstrap.min.js"></script>
<!-- <script src="js/bootstrap.min.js"></script> -->
<script src="js/feminitives.js"></script>
</body>
</html>

43
js/feminitives.js
Unescape View File

@ -2,6 +2,9 @@ @@ -2,6 +2,9 @@
// [ ] TODO: разбор переданного адреса
// [ ] TODO: vk.com
// [ ] TODO: валидация
// [ ] TODO: фокус
// [ ] TODO: клавиатура
// [ ] TODO: ссылки на примеры
var FEM = {};
@ -119,7 +122,7 @@ function html_wrap(str, cl) { @@ -119,7 +122,7 @@ function html_wrap(str, cl) {
}
//Цветовое выделение текста
function css_end(ending) { return html_wrap(ending, "text-warning"); }
function css_end(ending) { return html_wrap(ending, "ending"); }
//Символ gender gap
function css_gender_gap() { return html_wrap(' \u26A7 ', "queer"); }
@ -153,7 +156,7 @@ function make_feminitives(word) { @@ -153,7 +156,7 @@ function make_feminitives(word) {
}
//Запрос значения слова в викисловаре
function get_wiktionary(term, ui) {
function get_wiktionary(term, container) {
var cors_url = "https://cors.now.sh/";
var wiki_url = cors_url + "https://ru.wiktionary.org/w/index.php?title=" + term + "&action=raw";
@ -206,7 +209,7 @@ function get_wiktionary(term, ui) { @@ -206,7 +209,7 @@ function get_wiktionary(term, ui) {
console.log(true_definition);
console.log(article);
document.getElementById(ui).innerHTML = article;
document.getElementById(container).innerHTML = article;
}
xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
@ -218,23 +221,43 @@ function get_wiktionary(term, ui) { @@ -218,23 +221,43 @@ function get_wiktionary(term, ui) {
}
xmlhttp.open("GET", wiki_url, false);
xmlhttp.send();
xmlhttp.send();
}
//Создание и вывод феминитива
function tr(word, descr) {
document.getElementById(descr).innerHTML = "";
function tr(container) {
document.getElementById(container + "-dict").innerHTML = "";
//Исходное слово
var wd = document.getElementById(word).value.trim().split(" ")[0];
var wd = document.getElementById(container + "-word").value.trim().split(" ")[0];
//Вывод дефиниции
get_wiktionary(wd, descr + "-full");
get_wiktionary(wd, container + "-full");
var feminitives = make_feminitives(wd);
//Вывод информации
document.getElementById(descr).innerHTML = feminitives[1].join(" | ");
document.getElementById(descr + "-content").innerHTML = feminitives[0];
document.getElementById(container + "-dict").innerHTML = feminitives[1].join(" | ");
document.getElementById(container + "-content").innerHTML = feminitives[0];
}
//Инициализация с разбором адресной строки
function init(container) {
querySt = function(ji) {
hu = window.location.search.substring(1);
gy = hu.split("&");
for (i=0;i<gy.length;i++) {
ft = gy[i].split("=");
if (ft[0] == ji) {
return ft[1];
}
}
}
if (window.location.search.substring(1)) {
document.getElementById(container + "-word").value = decodeURIComponent(querySt("word").replace(/\+/g," "));
tr(container);
}
}

Write Preview
Loading…
Cancel
Save