Browse Source

Добавлен вариант названия

master
Maxim Lihachev 8 years ago
parent
commit
9cc4f0d94f
  1. 8
      css/feminitives.css
  2. 7
      feminizator.html
  3. 10
      js/feminitives.js

8
css/feminitives.css

@ -36,6 +36,14 @@ button:hover {
background: #38A0E4; background: #38A0E4;
} }
#title, #suffix {
cursor: pointer;
}
#suffix {
display: none;
}
#definition { #definition {
padding: 1%; padding: 1%;
width: 50%; width: 50%;

7
feminizator.html

@ -17,7 +17,7 @@
<body> <body>
<div style="text-align: center;"> <div style="text-align: center;">
<div id="definition"> <div id="definition">
<h1>Феминизатор<sup>v1.4</sup></h1> <h1 id="title" onclick="swap_title('suffix')">Феминизатор<span id="suffix">_ка</span> <sup>v1.4</sup></h1>
<input id="definition-word" type="text" placeholder="Слово" autofocus> <input id="definition-word" type="text" placeholder="Слово" autofocus>
<button id="definition-convert" type="button">Феминитивь!</button> <button id="definition-convert" type="button">Феминитивь!</button>
@ -46,6 +46,11 @@
<a class="toolbar" href="javascript:show_help()" title="Справка">?</a> <a class="toolbar" href="javascript:show_help()" title="Справка">?</a>
<a class="toolbar" href="javascript:download_image()" title="Сохранить изображение"></a> <a class="toolbar" href="javascript:download_image()" title="Сохранить изображение"></a>
<a class="toolbar" href="javascript:share_page()" title="Поделиться в vk.com"></a> <a class="toolbar" href="javascript:share_page()" title="Поделиться в vk.com"></a>
<br />
<br />
<a class="toolbar" href="https://money.yandex.ru/to/410014402076764" target="_blank" title="Помочь в борьбе">⛀⛁⛃⛂</a>
</div> </div>
</div> </div>

10
js/feminitives.js

@ -41,6 +41,16 @@ function show_help() {
HTML.vis(HTML.content()); HTML.vis(HTML.content());
} }
//Смена названия по клику
function swap_title(id) {
var e = document.getElementById(id);
if(e.style.display == 'inline') {
e.style.display = 'none';
} else {
e.style.display = 'inline';
}
}
HTML.vis = function(e, v) { HTML.vis = function(e, v) {
if (v !== undefined) { if (v !== undefined) {
e.style.visibility = v; e.style.visibility = v;

Loading…
Cancel
Save