Задать вопрос
Ответы пользователя по тегу HTML
  • (tab) Как задать site.ru/#sec1 уникальный URL типа: site.ru/about?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    Если есть роутинг и вы можете управлять выводом программно(то есть понимаете как работает роутинг/контроллеры), то нет проблем во вьюшке сделать вывод яваскрипта со скроллом до нужного якоря, по условию наличия ключевого слова в роуте/параметре.
    что то типа такого:
    //в контроллере/экшене
    if(!empty($this->param[0])){
        $this->view->scrollTo = $this->param[0];
    }
    
    // во вьюшке
    <script>
    $(document).ready(function () {
    <?
    if(!empty($this->scrollTo)){?>
    location.hash = "#<?=$this->srollTo?>";
    <? } ?>
    })
    </script>
    Ответ написан
    Комментировать
  • Как настроить закраску строк в табице js?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    мне кажется, или это все можно было сделать в 5 строк на jquery?
    Ответ написан
    Комментировать
  • Что за js или это не js?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    это псевдоаттрибуты, в которые можно записать какое-то значение и потом использовать из яваскрипта, например из jquery можно получить значение data-mute-video примерно так:
    var mute = $('#apps').data('mute-video');
    Ответ написан
    Комментировать
  • Как запустить видео при загрузке страницы на мобильном?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Вроде ?autoplay=1 не зависит от устройства...
    <iframe width="420" height="345" src="http://www.youtube.com/embed/somevideocode?autoplay=1" frameborder="0" allowfullscreen></iframe>
    Ответ написан
    1 комментарий
  • Сервисы из HTML5 в GIF?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Онлайн скорее всего нет, только локально.
    а лучше запустить на своей машине и заскринить в лоулесс видео, после чего уже конвертировать сторонними приблудами, чтобы добиться максимального соотношения размер/качество.
    Ответ написан
    1 комментарий
  • Как оптимизировать Google Map при наведении?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    На гуглмапе есть доки, там подключается жс внешний, после чего инициализируется функция загрузки карты в нужный элемент с определенным тэгом. Ничего не мешает не вызывать напрямую эту функцию, а делать это по определенному событию(например маусовер).
    Ответ написан
  • Почему скрипт перестает работать в?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    приведите в порядок разметку, тогда все будет ок.
    1) после $msg какой-то невменяемый пустой закрывающий тег
    2) по стандарту все значения атрибутов должны быть в кавычках (class=maxiinput -> class="maxiinput")
    3) В <TD><TD> это вообще откуда и что?

    UPD:
    Если кто знает как запустить код в textarea - подскажите .

    верните textarea, задайте ей id='txtCommand', в js поменяйте
    document.querySelector('input').onkeyup = function()
    на
    document.getElementById('txtCommand').onkeyup = function()
    Ответ написан
  • Странная реакция на data-?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    При вызове из jquey атрибут data-d не читается, но если его перенести в главный div, то читается
    по тому что this в данном контексте это <div class="model-selector" data-model="Solaris" > и никак не кнопка внутри него?
    $('.model-selector').click(function () {
            $("[name='modelName']").val($(this).data('model'));
            $("[name='dName']").val($(this).find('button').data('d'));
    });
    Ответ написан
    1 комментарий
  • Как с наименьшим усилиями подключить сетку bootstrap?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Я начинающий верстальщик.
    ...
    Попытался через официальный сайт кастомизировать сетку, но не разобрался как.
    Так может и не стоит? Скачайте все, после того как вы реально будете понимать что и как работает вы сможете уже самостоятельно решить что вам конкретно не нужно. Не спешите с оптимизацией там где она преждевременна.
    Ответ написан
    Комментировать
  • Можно ли заменить строчки в notepad++ или подобном редакторе по определённым критериям?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    phpstorm может регулярками во всех папках и файлах( открытых как проект ) найти и заменить: правый клик на папке - replace in path - regular exp.
    Ответ написан
    Комментировать
  • Как удалить файл из числа прикрепленных?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Аякс спасет отца Русской демократии. Переносите все файлы из инпута в свой массив, в котором вы можете манипулировать данными, в отличие от file input, который readonly. Дальше FormData в помощь.
    Ответ написан
    Комментировать
  • Как не переносить текст на новую строку после изображения?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    flex? float? bootstrap col-? не, не слышал...
    Ответ написан
    2 комментария
  • Чем вы пользуетесь для форм обратной связи если НЕТ CMS и PHP?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    не понятно, так нет пхп или
    Возможный вариант - условно бесплатная CRM
    это на чужом хосте??? То есть майл не безопасно, а юзать внешнюю орм - это пипец как безопасно.
    Если есть пхп - ну так принимайте форму, храните деньги в сберегательной кассе присланные отзывы в базе, или в файлах, показывайте по запросу. Уточните что надо и зачем - может поможет кто.
    PS: Если нельзя юзать мэйл - берите phpmailer - он с авторизацией smtp и прочими плюшками, это более секъюрно.
    Ответ написан
    1 комментарий
  • Нужен визуальный редактор для админки сайта с загрузкой картинок на свой сервер. Кто каким пользуется?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    tinyMCE, CKeditor, оба требуют отдельного файл менеджера, но умеют его использовать через плагин. KCfinder для CKeditor вроде бесплатный, есть какой-то за деньги, более навороченный. Можно и вот такой использовать, весьма удобный.
    Ответ написан
    Комментировать
  • Как используя js/jq загрузить в input file файлы не за 1 раз, а за несколько?

    ThunderCat
    @ThunderCat Автор вопроса, куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Итак, вариант решения который в итоге подошел по таким параметрам:
    1) Файлы можно загружать в несколько этапов, то есть добавил, удалил, еще добавил и тд.
    2) Превью файлов хранится в браузере, никакой загрузки до субмита основной формы на сервер не происходит, дабы предотвратить мертвые загрузки - когда люди закрывают форму недозаполнив, но подгрузив файлы.
    3) Файлы грузятся на сервер по субмиту формы с кучей полей и линкуются с объектом.

    Реализация:
    1) так как все писать руками было лень было дернуто с гитхаба половинчатое решение, и "после сборки обработано напильником" (кому интересно - пишите - положу куда-то или форкну ветку). Что умеет сие творение "из коробки": подгружать файлики картинок и делать превью с кнопкой удаления. Все файлы пишутся в отдельный массив, который в конце по нажатию кнопки(опционально сразу при подгрузке с винта) аяксом отправляет на сервер файлы, генерировать кастомный евент по завершении загрузки. Что-то еще, но прочие фишки не понадобились.
    2) В результате обточки было добавлено несколько свойств - максимальное количество файлов, максимальный размер файла, максимальный размер всего набора и токен. Теперь оно умеет ругаться на превышения лимитов и отправлять не только файлы, добавленные в массив, но и ключ-токен.
    3) На основную форму был повешен листенер онсубмит, который проверял переменную filesSended, по умолчанию установленную в false, и при фалс делал превентдефаулт форме, аяксом слал файлы и токен на серв, по завершении загрузки срабатывал листенер на евент загрузки, который выставлял filesSended в тру, и снова субмитил основную форму, уже без превентдефаулт. Все выглядит как простая отправка формы с перезагрузкой.
    4) На сервере файлы принимаются, в базу пишем пути и токен, после чего срабатывает обработчик формы и на сервер приходят остальные данные и дубль токена из хидден инпута. Из них строится объект, айдишник и токен передается в объект картинки, методу ->relinkImages($id,$token); Метод тащит все картинки с заданным токеном, меняет поле связи на нужный айди, обнуляет токен и сохраняет запись. Все!
    5) В качестве паранойи в сессию пишутся все токены выданные пользователю и при загрузке картинок и данных наличие пришедшего постом токена проверяется в сессии.

    Отдельное спасибо Stalker_RED и Сергей delphinpro за умные мысли, советы и отличное знание темы, сам в жс "плаваю".

    сори что поздно, форк аплоадера, если кому надо, пилить придется под себя.
    Ответ написан
  • Как через форму загрузить изображение, налету закодированное в Base64?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    смотрите в сторону файлового апи в жс - FileReader(), вам подойдет readAsDataURL(). Как вариант на инпут файл вешается ончейндж, и из файллиста все пихается в валуе какого-то хидден инпута. Все, на стороне сервера готовый бэйз64 стринг.
    Ответ написан
  • Как закрыть pop up автоматически через n секунд?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    $("#success-message").hidefadeOut(2000);
    Ответ написан
  • Корректный адрес до изображения?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    для верного отображения контента используйте путь от корня сайта, если не прописаны особые директивы, корень сайта в пути обозначается косой правой чертой "/",
    соответственно путь '/img/some.jpg' = 'www.domen.tld/img/some.jpg'
    Ответ написан
    Комментировать
  • Нужно сделать 150 кружков которых надо расположить по полукругу, а после написать код так чтобы при наведении курсора на каждый кружок появляла инфо?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    гуглить:
    1) формула полуокружности с заданным радиусом или синуса(и с коэффициентом например умножать)
    2) кружочки - див с позишн абсолют и бордер радиусом соответствующего размера.
    3) инфо - стандартный title думаю подойдет
    Ответ написан
    1 комментарий
  • По какой причине не грузит сайт на хостинге?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    На хостинге выключен вывод ошибок в браузер, соответственно ошибки есть, но в браузер они не выводятся.
    1) логи.
    2) на этапе настройки ерор репортинг включить (E_ALL), вывод ошибок включить. Можно просто в индексе первыми строчками прописать
    ini_set('error_reporting', E_ALL);
    ini_set('display_errors', 1);

    3) На локальном сервере тоже не мешает включить отображение варнингов и ошибок, если не включено. Это помогает избежать многих проблем при переносе на хостинг.
    Ответ написан
    1 комментарий