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

8 years ago · 9cc4f0d94f
3 changed files with 24 additions and 1 deletions
--- a/css/feminitives.css
+++ b/css/feminitives.css
@ -36,6 +36,14 @@ button:hover {
				@@ -36,6 +36,14 @@ button:hover {
 	background: #38A0E4;
 }

+#title, #suffix {
+	cursor: pointer;
+}
+
+#suffix {
+	display: none;
+}
+
 #definition {
 	padding: 1%;
 	width: 50%;
--- a/feminizator.html
+++ b/feminizator.html
@ -17,7 +17,7 @@
				@@ -17,7 +17,7 @@
  <body>
    <div style="text-align: center;">
      <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>
        <button id="definition-convert" type="button">Феминитивь!</button>
@ -46,6 +46,11 @@
				@@ -46,6 +46,11 @@
        <a class="toolbar" href="javascript:show_help()" title="Справка">?</a>
        <a class="toolbar" href="javascript:download_image()" title="Сохранить изображение">❇</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>

--- a/js/feminitives.js
+++ b/js/feminitives.js
@ -41,6 +41,16 @@ function show_help() {
				@@ -41,6 +41,16 @@ function show_help() {
 	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) {
 	if (v !== undefined) {
 		e.style.visibility = v;