• Как сделать ручной редирект на определенную страницу?

    @MikUrrey
    Думаю, лучше всего сделать так: каждое сообщение сделать (если еще не сделано) объектом, в котором будет приходить тип, например text или command.
    text выводится клиенту, command выполняется браузером.
    //Где-то в недрах кода ждем команды...
    document.addEventListener("commandFromChat", function(e) {
      switch(e.detail.command) {
        case "goto": return document.location.href = e.detail.payload;
        case "somethingElse":  break; //можно обрабатывать разные команды
      }
    });
    
    //Нам письмо!
    let message = {
      "type":  "command",
      "command":  "goto",
      "payload":  "https://flowers.shop/красные-розы-100-см.html"
    };
    
    //Получая команду, браузер инициирует событие, например так:
    if (message.type === "command") {
      let event = new CustomEvent("commandFromChat", { "detail": message});
      document.dispatchEvent(event);
    }


    Таким образом можно чат превратить в инструмент исполнения любых желаний покупателя менеджером)

    Только не забудьте о безопасности, чтобы П не превратился в объект развлечения для К :))
    Ответ написан
    2 комментария
  • Как отключить автозаполнение форм с помощью html 5?

    @akb2
    Очень простой и изящный способ как отключить автозаполнения и выпадающие списки с выбором логина и пароля от браузера на формах регистрации и прочих формах.

    <div class="field">
    	<input type="password" name="pass" autocomplete="new-password">
    	<div class="hidden"></div>
    </div>


    здесь мы отключаем автозаполнение пароля, а также чтобы не было выпадающего списка выбором паролей там где это не нужно:
    - оборачиваем форму в блок со свойством position:relative
    - после поля прописываем блок с position:absolute top:0 left:0 width:100% height:100%
    - создаем событие onclick, для класса field где вызываем фокус для нашего поля внутри

    разница на скриншотах

    До
    5c7b1b5e59913162932758.jpeg

    После
    5c7b1b47ab6ba995507479.jpeg
    Ответ написан
    3 комментария