можно ли сделать сменяющийся статус без js?
91
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()"/>
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46736 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30301 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22884 visits
- Как через css изменить цвет png изображения? 10174 visits
- Blob video url download 9805 visits
- Php curl запрос через прокси с авторизацией 9064 visits
- Работа с captcha vk api 7981 visits
![пару вопросов по решению к задаче [дубликат]](https://hostciti.net/images/nophoto.png "пару вопросов по решению к задаче [дубликат]")
© "hostciti.net" 03.5.2024 | 23:28