можно ли сделать сменяющийся статус без js?
116
21 сентября 2019, 23:00
вот есть js, который позволяет менять строку на какую-то другую строку, а можно достичь таких же успехов на css?
<html>
<head>
<title></title>
<script type="text/javascript">
var is_save = false;
function saveStatus(el)
{
if(is_save) return;
is_save = true;
var new_status = el.value;
el.outerHTML = '<span id="status_text" onclick="changeStatus(this);">' + new_status + '</span>';
}
function saveStatusEnter(el)
{
events = event || window.event;
ent_press = events.keyCode == 13;
if(ent_press) saveStatus(el);
}
function changeStatus(el)
{
var last_status = el.innerHTML;
el.outerHTML = '<input id="status_text" type="text" value="' + last_status + '" onblur="saveStatus(this)" onkeyup="saveStatusEnter(this);"/>';
document.getElementById('status_text').focus();
is_save = false;
}
</script>
</head>
<body>
<span id="status_text" onclick="changeStatus(this);">Last Status</span>
</body>
</html>Answer 1
#status_text {
border: 1px none;
}
#status_text:focus {
border: 1px solid;
}<input id="status_text" value="Last Status" onkeyup="if(event.keyCode == 13)this.blur()"/>
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47913 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30567 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23900 visits
- Как через css изменить цвет png изображения? 10400 visits
- Blob video url download 10004 visits
- Php curl запрос через прокси с авторизацией 9278 visits
- Работа с captcha vk api 8147 visits
![пару вопросов по решению к задаче [дубликат]](https://hostciti.net/images/nophoto.png "пару вопросов по решению к задаче [дубликат]")
© "hostciti.net" 25.3.2025 | 18:03