0.0.16
This commit is contained in:
@@ -167,7 +167,7 @@
|
||||
|
||||
.letrs-count.disabled{
|
||||
/*color: #000000;*/
|
||||
background: rgb(241 241 241 / 30%);
|
||||
/*background: rgb(241 241 241 / 30%);*/
|
||||
color: #ff001a;
|
||||
}
|
||||
|
||||
|
||||
@@ -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")
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user