Задать вопрос

Как написать такую кнопку на чистом JS, без jquery?

Почти на каждом сайте есть такая кнопка (свяжитесь с нами)
1) через несколько секунд после загрузки страницы появляется кнопка такая:
5d4b18876f90e828312331.png
2) а еще через несколько секунд возле кнопки появляется еще окошко : Здраствуйте я Оксана, готова вам помочь...
5d4b1972ba6bd519434976.png

Только что написал простой макет задачи на html и css. Помогите реализовать его функционал с помощью чистого JS
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>

.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
  display: none;
}

.wrapper{
  height: 1000px;
    background: grey;
}

.page img{
  height: 100px;
  width: 100px;
  margin-left: 1500px;
  margin-top: 800px;
}
    
.window-dialog{
    width: 300px;
    height: 100px;
    background: white;
    color:black;
    border: 3px solid black;
    position: absolute;
    top:800px;
    left:1180px;
}
</style>
<body>
<div class="wrapper">

<div class="button">
   <a class="page" href=""><img src="https://st3.depositphotos.com/1688079/16366/i/1600/depositphotos_163666288-stock-photo-contact-us-phone-icon-elegant.jpg"></a>
</div>

<div class="window-dialog">
    <div class="field"> 
       <p>Здраствуйте, я Оксана чем могу помочь</p>
    </div>
</div>

</div>
</body>
<script>

//... Функционал

</script>

</html>
  • Вопрос задан
  • 1043 просмотра
Подписаться 7 Простой 7 комментариев
Ответ пользователя Dubrovin К ответам на вопрос (4)
@Dubrovin
Никак. Подобный функционал реализуется не только, с помощью JS. Должна быть ещё серверная часть, например, на PHP + клиентское приложение (может быть на чём угодно, например, под Windows). Обычно данный функционал реализуется с помощью стороннего сервиса, например, jivochat
Ответ написан
Комментировать