This commit is contained in:
2023-08-02 11:34:04 +03:00
parent 9f1e952b19
commit f7f40f61a3
3 changed files with 15 additions and 7 deletions

View File

@@ -167,7 +167,7 @@
.letrs-count.disabled{
/*color: #000000;*/
background: rgb(241 241 241 / 30%);
/*background: rgb(241 241 241 / 30%);*/
color: #ff001a;
}

View File

@@ -23,17 +23,24 @@ function countLetters () {
let count = area.value.length
let ins_area = document.querySelector(".letrs-count-span")
// let spans = document.querySelectorAll(".ins-span")
let count_div = ins_area.closest("div")
if (count < 500) {
let ins_area = document.querySelector(".letrs-count-span")
ins_area.innerHTML = count
if (count_div.classList.contains("disabled")){
count_div.classList.remove("disabled")
}
}
else {
ins_area.innerHTML = '500'
// spans[0].classList.toggle("disabled")
// spans[1].classList.toggle("disabled")
area.setAttribute("disabled","disabled")
let count_div = ins_area.closest("div")
count_div.classList.toggle("disabled")
if (count_div.classList.contains("disabled")){
//
}
else {
count_div.classList.add("disabled")
}
}
}

View File

@@ -33,7 +33,8 @@
placeholder="Введите сообщение..."
value="{% if form.adding_machine.text %}{{ form.initial.text }}{% endif %}"
onclick="countLetters()"
oninput="countLetters()"></textarea>
oninput="countLetters()"
maxlength="500"></textarea>
{% if form.errors.text %}<div class="errors">{{ form.errors.text }}</div>{% endif %}
<div class="letrs-count"><span class="letrs-count-span ins-span">0</span><span class="ins_span">/500</span></div>
</div>