Ответы пользователя по тегу HTML
  • Как валидировать форму для скачивания файла с минимумом JS?

    @f_ban
    1. Используйте input[type=submit]/button[type=submit]
    2. Подпишитесь на событие submit на форме
    3. В обработчике события запускайте загрузку файла с помощью примерно такой функции
    // https://stackoverflow.com/questions/3916191/download-data-url-file/45905238#45905238?newreg=ddb3c48865d04c319b39f772df762521
    function download(dataurl, filename) {
      var a = document.createElement("a");
      a.href = dataurl;
      a.setAttribute("download", filename);
      a.click();
    }

    3. Что касается невозможности нажатия на кнопку сабмита, если хоть одно поле формы не валидно, то навешайте примерно такой стиль:
    #someform:invalid [type=submit]{
      pointer-events: none;
      
      /* другие нужные стили, да хоть display: none; */
    }

    4. Если редирект хотите выполнять на бэке, тот здесь проблем нет - просто перенаправляйте в бэковом обработчике формы. Если будете редиректить клиентом, то в обработчике сабмита отмените дефолтовую реакцию на ивент, с формы соберите данные и пошлите AJAX-ом на бэк, и затем делейте редирект на сэнкью-пейдж, если данные отправились успешно.
    Ответ написан
    Комментировать
  • Как изменить цвет SVG изображения?

    @f_ban
    .red{
      fill:red;
    }

    <svg class="red" ...>...</svg>
    Ответ написан
    Комментировать
  • Как сделать такой элемент? (выбор категории и появление ее на экране - js)?

    @f_ban
    Про реализацию на JS...
    По сути требуется реализация шаблона интерфейса Master/Details.
    Так как пользуюсь/люблю AngularJS, не могу не оставить такой ссылки https://angular.io/docs/ts/latest/tutorial/toh-pt2.html
    Ответ написан
    Комментировать