Комментарии пользователя Hidden Fronter

Как заставить предупреждение срабатывать только после нажатия "Да/Нет" в диалоговом окне?

Hidden Fronter @AlTerminator Автор вопроса

Ivan Ustûžanin, вот улучшенный вариант:

<html>
<body onload="Load()">
<dialog></dialog>
<script>
function Load()
{
 setTimeout(async() => {
   await Myconfirmselect(
   "Готовы?",
   [
   "Да",
   "Нет",
   "Отмена"
   ]
  )
  .then(VarAnswer =>
  {
   if (VarAnswer == "Да")
   {
    
   }
   if (VarAnswer == "Нет")
   {
    
   }
   if (VarAnswer == "Отмена")
   {
    
   }
  });
  alert("!");
  await Myconfirmselect("Это alert!");
  await Myconfirmselect("Это prompt!", "Текст промпта")
  .then(VarAnswer =>
  {
   
  });
 }, 500);
}

function Myconfirmselect()
{
 var VarGenDiv;
 var VarAnswer = new Promise(resolve =>
 {
  document.querySelector("dialog").innerHTML += `
  <div>
   <textarea></textarea>
  </div>
  `;
  document.querySelector("dialog").style.textAlign = "center";
  VarGenDiv = document.querySelector("dialog").querySelector("div");
  VarGenDiv.style.position = "initial";
  VarGenDiv.querySelector("textarea").style.width = "100%";
  VarGenDiv.querySelector("textarea").style.textAlign = "center";
  VarGenDiv.querySelector("textarea").style.resize = "none";
  VarGenDiv.querySelector("textarea").readOnly = true;
  VarGenDiv.querySelector("textarea").style.border = "none";
  VarGenDiv.querySelector("textarea").value = arguments[0];
  setTimeout(() =>
  {
   VarGenDiv.querySelector("textarea").style.cssText += 'height: auto; padding: 0';
   VarGenDiv.querySelector("textarea").style.cssText += 'height: ' + VarGenDiv.querySelector("textarea").scrollHeight + 'px';
  }, 100);
  //Add this buttons if alert//# 
  if (arguments.length == 1)
  {
   arguments[0] = ["ОК"];
  }
  //Add this buttons if confirm//# 
  if (arguments.length == 2)
  {
   if (Array.isArray(arguments[1]))
   {
    arguments[0] = arguments[1];
   }
   //Add this buttons if prompt//# 
   else
   {
    var VarInputText = document.createElement("input");
    VarInputText.type = "text";
    VarInputText.value = arguments[1];
    VarInputText.style.paddingBottom = "10px";
    VarInputText.style.paddingTop = "10px";
    VarInputText.style.marginTop = "10px";
    VarInputText.style.textAlign = "center";
    VarGenDiv.appendChild(VarInputText);
    arguments[0] = ["ОК"];
   }
  }
  for (var i = 0; i < arguments[0].length; i++)
  {
   var VarButton = document.createElement("button");
   VarButton.textContent = arguments[0][i];
   VarButton.style.marginLeft = "10px";
   VarButton.style.marginTop = "10px";
   VarButton.addEventListener("click", (e) =>
   {
    document.querySelector("dialog").style.animation = "AnimFormHide 0.1s both";
    setTimeout(() =>
    {
     if (VarGenDiv.contains(VarGenDiv.querySelector("input")))
     {
      resolve(VarGenDiv.querySelector("input").value);
     }
     else
     {
      resolve(e.target.textContent);
     }
     document.querySelector("dialog").style.textAlign = "initial";
     document.querySelector("dialog").removeChild(VarGenDiv);
     document.querySelector("dialog").close();
    }, 150);
   });
   VarGenDiv.appendChild(VarButton);
  }
  document.querySelector("dialog").style.animation = "AnimFormShow 0.25s both";
  document.querySelector("dialog").showModal();
 });
 return VarAnswer;
}
</script>
<style>
@keyframes AnimFormShow
{
 0%
 {
  transform: translateY(-150%);
 }
}

@keyframes AnimFormHide
{
 100%
 {
  transform: translateY(-150%);
  display: none;
 }
}

dialog
{
 border: 2px solid black;
 border-radius: 15px;
}

dialog::backdrop
{
 background: rgba(0,0,0,.6);
}

div
{
 padding: 10px 5px;
 box-sizing: border-box;
}

div
{
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 text-align: center;
 padding-bottom: 0;
}

input
{
 height: 15px;
 margin-bottom: 20px;
 width: 100%;
}
</style>
</body>
</html>

Написано 19 нояб.

Как заставить предупреждение срабатывать только после нажатия "Да/Нет" в диалоговом окне?

Hidden Fronter @AlTerminator Автор вопроса

Ivan Ustûžanin, вы так, как я написал выше, предлагали?

Написано 14 нояб.

Как заставить предупреждение срабатывать только после нажатия "Да/Нет" в диалоговом окне?

Hidden Fronter @AlTerminator Автор вопроса

Получилось!)

function Load()
{
 setTimeout(async() =>
 {
  await Myconfirmselect(
  "Хранилище пустое!" + "¤" +
  "Создать хранилище в браузере" + "¥" + "Inls();" + "º" +
  "Выбрать файл хранилища" + "¥" + "Editselfile('.txt', false, 'Import&');"
  );
  
  alert("!");
 }, 500);
}

Внутри Myconfirmselect:

async function Myconfirmselect(VarInput)
{
 await new Promise(resolve =>
 {
  document.querySelector("dialog").innerHTML += `
  <div>
   <textarea></textarea>
  </div>
  `;
  document.querySelector("dialog").style.textAlign = "center";
  document.querySelector("dialog").querySelector("div").querySelector("textarea").style.width = "100%";
  document.querySelector("dialog").querySelector("div").querySelector("textarea").style.textAlign = "center";
  document.querySelector("dialog").querySelector("div").querySelector("textarea").style.resize = "none";
  document.querySelector("dialog").querySelector("div").querySelector("textarea").readOnly = true;
  document.querySelector("dialog").querySelector("div").querySelector("textarea").value = VarInput.split("¤")[0];
  for (var i = 0; i < VarInput.split("¤")[1].split("º").length; i++)
  {
   var VarButton = document.createElement("button");
   VarButton.textContent = VarInput.split("¤")[1].split("º")[i].split("¥")[0];
   VarButton.id = VarInput.split("¤")[1].split("º")[i].split("¥")[1];
   VarButton.style.marginLeft = "10px";
   VarButton.style.marginTop = "10px";
   VarButton.addEventListener("click", () =>
   {
    eval(event.target.id);
    ButtonClosealert();
   });
   document.querySelector("dialog").querySelector("div").appendChild(VarButton);
  }
  function ButtonClosealert()
  {
   document.querySelector("dialog").style.animation = "AnimFormHide 0.1s both";
   setTimeout(() =>
   {
    document.querySelector("dialog").style.textAlign = "initial";
    document.querySelector("dialog").removeChild(document.querySelector("dialog").querySelector("div"));
    document.querySelector("dialog").close();
   }, 100);
  }
  document.querySelector("dialog").style.animation = "AnimFormShow 0.25s both";
  document.querySelector("dialog").showModal();
  Bye();
  function Bye()
  {
   if (!document.querySelector("dialog").open)
   {
    setTimeout(resolve, 100);
   }
   else
   {
    setTimeout(Bye, 100);
   }
  }
 });
}

Написано 13 нояб.

Как заставить предупреждение срабатывать только после нажатия "Да/Нет" в диалоговом окне?

Hidden Fronter @AlTerminator Автор вопроса

Ivan Ustûžanin, а возможно ли запаузить выполнение кода в самом Myconfirmselect()? Ну чтобы не пришлось заключать идущий после вызова Myconfirmselect(
"Хранилище пустое!" + "¤" +
"Создать хранилище в браузере" + "¥" + "Inls();" + "º" +
"Выбрать файл хранилища" + "¥" + "Editselfile('.txt', false, 'Import&');"
); код в "{ }" ?

У confirm() нету ".then()" после скобок.

Написано 13 нояб.

Как заставить предупреждение срабатывать только после нажатия "Да/Нет" в диалоговом окне?

Hidden Fronter @AlTerminator Автор вопроса

Ivan Ustûžanin, как все это проделать? Распишите подробнее пожалуйста.

Написано 12 нояб.

Как заставить предупреждение срабатывать только после нажатия "Да/Нет" в диалоговом окне?

Hidden Fronter @AlTerminator Автор вопроса

ImagineTables,
Причины отсутствия jQuery:
1) Желание обойтись JS;
2) Креплю знания JS.

Написано 12 нояб.

Как заставить PWA работать без интернета?

Hidden Fronter @AlTerminator Автор вопроса

А где нужно прописать caches.open()?

Написано 04 нояб.

Как превратить file-ссылку в blob-ссылку, для работы с canvas?

Hidden Fronter @AlTerminator Автор вопроса

Aetae, не работает. А с "data:" canvas сработает?

Написано 07 окт.

Как превратить file-ссылку в blob-ссылку, для работы с canvas?

Hidden Fronter @AlTerminator Автор вопроса

Adamos, хочется без всяких библиотек и прочего. На чистом JS.

Написано 07 окт.

Как превратить file-ссылку в blob-ссылку, для работы с canvas?

Hidden Fronter @AlTerminator Автор вопроса

Aetae, согласен, лишь бы заработало. Кстати, с "data:" canvas работает?

Написано 07 окт.

Как превратить file-ссылку в blob-ссылку, для работы с canvas?

Hidden Fronter @AlTerminator Автор вопроса

Ivan Ustûžanin, хочу сделать превью для видео, canvas работает только с blob, поэтому нужен blob. Может и "data:" работает, не знаю.

Написано 07 окт.

Как превратить file-ссылку в blob-ссылку, для работы с canvas?

Hidden Fronter @AlTerminator Автор вопроса

Aetae, для себя делаю, плеер. Хочется создать превьюхи для загруженных видео, а canvas не работает с "file:", только с blob. Вот и решил конвертировать, чтобы обойтись без сервера. Интересно, а с "data:" canvas работает?

Написано 07 окт.

Как создать уникальное событие?

Hidden Fronter @AlTerminator Автор вопроса

Aetae, можно подробнее про хакерский вариант?

Написано 25 сент.

Как создать уникальное событие?

Hidden Fronter @AlTerminator Автор вопроса

а для iOS 6 есть варианты? Mutation Observer требует iOS7+.

Написано 24 сент.

Как создать уникальное событие?

Hidden Fronter @AlTerminator Автор вопроса

Когда задний фон red и снова задаю red, то событие выполняется, а нужно, чтобы выполнялось только при смене заднего фона body. Пишу аналог нативного события "change".

Написано 24 сент.

Как отключить обработку события без сброса имени события?

Hidden Fronter @AlTerminator Автор вопроса

Антон Горецкий, нарочно использую навешивание через on. Так меньше кода и меньше весит файл html.

Написано 30 авг.

Как отключить обработку события без сброса имени события?

Hidden Fronter @AlTerminator Автор вопроса

Aetae, это решение. Выставляйте как ответ.

Написано 28 авг.

Как имитировать событие клика, при котором передается параметр?

Hidden Fronter @AlTerminator Автор вопроса

Вместо "ButtonTestClick("Получилось!");" прописал

var dogFound = new CustomEvent("click", {
  detail: {
    VarInput: "Dog",
  },
 });
 document.getElementById("ButtonTest").dispatchEvent(dogFound);

Выдает undefined. Как нужно прописать?

Написано 22 авг.

Как в CSS прописать условие, при котором кнопка отобразится?

Hidden Fronter @AlTerminator Автор вопроса

Сергей delphinpro, не лень, просто не хочу показывать дизайн сайта, так как конфиденциально.

Написано 06 июн.

Как в CSS прописать условие, при котором кнопка отобразится?

Hidden Fronter @AlTerminator Автор вопроса

Сергей delphinpro, походу дело в том, что присутствие этих элементов внутри тега form сбивает все. На реальной странице именно так.

<form id="FormId" action="noimages/send.php" method="post">
 <input required name="InputFIO">
 <input required name="InputPhone">
 <input required name="InputEmail">
 <button>gg</button>
</form>

Написано 06 июн.

Войдите на сайт