Поиск по сайту

Результаты поиска по тегам 'js'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • События форума
  • IT События

Блоги

  • CMS (Системы управления контентом)



Фильтр по количеству...

Найдено 203 результата

  1. Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.
  2. Привет, друзья. Заметка может быть интересна front-end разработчикам, которые начинают изучение Magento 2 CMS (одной из самых популярных систем управления интернет-магазинами). Предполагается что разработка ведётся в рамках кастомной темы под M2. Если говорить о самой задаче то, конечно же, спрятать уведомление после указанного времени особого труда не составит. Вопрос скорее в другом — как это реализовать в рамках Magento2, где властвует requirejs и несколько иная, по сравнению с Magento1, иерархия директорий? Для выполнения поставленной задачи давай воспользуемся html-файлом, который размещается по пути: magento/vendor/magento/module-theme/view/frontend/templates/messages.phtml с содержимым: Давай скопируем его в кастомную тему по адресу: magento/app/design/frontend/HTMLForum/default/Magento_Theme/templates/messages.phtml где "HTMLForum/default" — это "Vendor/theme" В рамках задачи нам требуется спрятать системное уведомление через заданное кол-во времени. Для этого можно воспользоваться колбеком knockoutjs.com — afterRender(). Мне кажется правильнее было бы выполнить Messages.extend({}) в новом компоненте, но мои попытке не увенчались успехом на момент написания статьи. Я внесу обновления в текущую заметку когда буду знать более корректный путь для реализации поставленной задачи. В M2 существуют 2 варианта вывода уведомлений: В результате перезагрузки страницы (на пример, добавление продукта на странице продукта) В результате ajax-запроса (на пример, добавление продукта на странице каталога) В вышеуказанном шаблоне содержатся оба варианта. Пример ф-ии которая будет вызвана после рендеринга уведомления: afterRender: function(e){ setTimeout(function () { jQuery(e).fadeOut() }, 5000); } где "5000" — это время ожидания в мс. Её мы используем для обоих вариантов следующим образом: <?php /** * Copyright © 2016 Magento. All rights reserved. * See COPYING.txt for license details. */ ?> <div data-bind="scope: 'messages'"> <div data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages"> <div data-bind="attr: { class: 'message-' + message.type + ' ' + message.type + ' message', 'data-ui-id': 'message-' + message.type }, afterRender: function(e){ setTimeout(function () { jQuery(e).fadeOut() }, 5000); }"> <div data-bind="html: message.text"></div> </div> </div> <div data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages"> <div data-bind="attr: { class: 'message-' + message.type + ' ' + message.type + ' message', 'data-ui-id': 'message-' + message.type }, afterRender: function(e){ setTimeout(function () { jQuery(e).fadeOut() }, 5000); } "> <div data-bind="html: message.text"></div> </div> </div> </div> <script type="text/x-magento-init"> { "*": { "Magento_Ui/js/core/app": { "components": { "messages": { "component": "Magento_Theme/js/view/messages" } } } } } </script> Вот, собственно, и всё. Почисти кеш, запусти деплой (или пересоздай симлинки + билд стилей темы через Grunt) и обнови страницу.
  3. Доброго всем дня. Нужно сделать так, чтобы на фоне сайта дымился дым (клубился, вращался и.т.д), всегда, а в некоторых блоках дым должен двигаться, сжиматься или расширяться в зависимости от проскроливания страницы. Пожалуйста, подскажите, как это сделать лучше всего? Поставить на фон видео? Но его нельзя будет контролить скролом.
  4. У меня есть картинка <input type = "image" class = "but1" id = "11">. Её айди 11. Как сделать так, чтобы при нажатии на эту картинку я получал её айди, то есть 11?
  5. При скролле полоса должна заполняться. Как можно создать подобную форму? Есть ли примеры?
  6. Как сделать что бы при открытии страницы воспроизводился случайный видеофайл на фоне
  7. Здравствуйте, столкнулся с проблемой, которую не знаю как решить, она не критичная, и даже без ее решения все работает, но очень бы хотелось разобраться в причине ее появления и как от нее избавиться. В отладчике, заметил что к каждому моему скрипту прописанному в "голову" главной страницы он выдает ошибку. Ошибка которую я получаю А вот те самые скрипты: <script> $(document).ready(function(){ $('.flexslider').flexslider({ animation: "fade", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> <script> $(document).ready(function() { $("#form").validate(); }); </script> P.S. Предпросмотр не работал =(
  8. Здравствуйте. На моем сайте есть функция <option value="127.0.0.1:443">Server #1</option> Я замечал, что во многих сайтах, похожих на мой, вместо (код выше), у них <option value=":server1">Server #1</option> и при этом у них value также равен значению "127.0.0.1:443". Хочу также реализовать это на своем сайте, но не знаю как. Надеюсь на вашу помощь:) Мой сайт, где можете полностью посмотреть код: agarix.esy.es
  9. Как сделать автоматическое действие в HTML? Как сделать так, чтобы при переходе на сайт, например, вот это действие... <a href="//google.com" target="_blank" onclick="location.href='//htmlbook.ru'">Текст</a> ...выполнялось БЕЗ клика человека на ссылку (в данном случае надписи "Текст")? Помогите, пожалуйста
  10. Приветствую всех! В общем на html странице есть 2 блока: с приветствием и кнопкой и второй блок с калькулятором. Хотелось бы сделать, чтобы при нажатии на кнопку первый блок плавно сдвигался влево и исчезал(как бы за границу экрана), а второй плавно появлялся на его месте. Все как бы работает, но как я понял display:block ломает всю анимацию, то есть второй блок появляется не плавно. Подскажите как лучше это реализовать. Хотелось бы просто, без jQuery. Вот код <div id="content"> <div id="welcome"> <a href="#" id="try-it"/> </div> <div id="calc-wrapper"> </div> </div> #welcome { transition: all 1s ease-in; } #calc-wrapper { display: none; opacity: 0; transition: opacity 1.5s; } 'use strict'; let welcome = document.getElementById('welcome'); let tryIt = document.getElementById('try-it'); let wrapper = document.getElementById('calc-wrapper'); tryIt.addEventListener('click', function (event) { welcome.style = "transform: translate(-100%, 0);"; setInterval(function () { welcome.style = "display: none;"; wrapper.style = "display:block; opacity:1;"; }, 1000); });
  11. Здравствуйте, я решил сделать сайт по шаблону от wix.com, я только учусь, вот не могу понять как сделать так что бы блок с картинкой заливался желтым с opacity 0.6 где-то и в то же время что бы эта картинка была ссылкой на саму себя но в окне галереи от fancybox. У меня заливка желтым уже стоит через hover, но картинка не работает как ссылка, если я убираю hover то ссылка становится активной и галлерея работает как задумано. Вот ссылка на шаблон сайта: http://ru.wix.com/website-template/view/html/1642?originUrl=http%3A%2F%2Fru.wix.com%2Fwebsite%2 Ftemplates%2Fhtml%2Fall%2F2&bookName=&galleryDocIn dex=7&category=all Вкладка "О нас", внизу есть фото команды, они при наведении на них мышкой заливаются желтым, а блок с текстом нет, у меня это работает, но не работает ссылка в картинке на галерею как в оригинальном шаблоне. Вот код HTML: <tr> <td id ="td1"> <div id="line1block7"> <div class="im"> <a class="gallery" rel="group" href="images/com_1big.jpg" width="240px" height="198px"> <imgsrc="images/com_1.jpg" width="240px" height="198px"> </a></div> <span class="emp1">Юлия Соколова</span><span class="empinfo1"><p class="text1">Руководитель студии<br><br>Это текст. Кликните дважды, чтобы отредактировать его. Расскажите посетителям сайта о себе, своих услугах и преимуществах.</p></span> </td> </div> Код CSS: .im{ width: 240px; height: 198px; margin-bottom: 5px; border: none; position: relative; } .im:hover{ transition:all .5s; background: yellow; content: " "; opacity: 0; position: absolute; top:0; bottom: 0; left: 0; right: 0; } div:hover .im:after{ opacity: .6; } .emp1, .empinfo1{ padding-left: 10px; } .emp1{ font-family: play, sans-serif; margin-top: 5px; padding-top: 15px; background-color: #CFCFCF; display: block; position: absolute; width: 230.2px; height: 29px; color: #FFFFFF; font-size: 19px; } Помогите пожалуйста разобраться с проблемой, а то я две недели над этим сидеть буду если не больше наверное, я уже в тупике, не знаю что дальше делать, или переписывать этот код и как-то изменять его частично.
  12. Только начинаю набирать опыт сайтостроения. Окончил курсы PHP+MySQL+JS! Сделаю за минимальную плату адаптивный сайт/блог/landing-page. Моя почта : astonevart@gmail.com
  13. Всем привет! Никак не могу разобраться, в чем тут дело. В интернете тоже никакой информации о таком странном поведении браузера не нашел. Все браузеры корректно загружают файлы, кроме Safari. Подписываюсь на событие progress объекта XMLHttpRequest.upload и вывожу в консоль данные о загрузке файлов: console.log(e.loaded + ' from ' + e.total + ': ' + e.loaded / e.total * 100); И вот, что вижу в консоли: (см. фото) Текст "Данные полностью загружены на сервер!" выводится внутри обработчика события XMLHttpRequest.upload.onload. То есть когда данные, казалось бы, полностью загрузились, Safari как будто повторно пытается их загрузить. Кто-нибудь сталкивался с такой проблемой? P.S.: Загрузка осуществляется по средством jQuery.ajax: xhr: function() { _xhr = $.ajaxSettings.xhr(); _xhr.upload.onprogress = function(e) { console.log(e.loaded + ' from ' + e.total + ': ' + e.loaded / e.total * 100); }; return _xhr; } До этого делал нативным способом. Поведение не меняется. Спасибо!
  14. Всем привет! Заметил такую особенность, что при удалении тега <video> со страницы и даже при обnull'ении переменной видео все равно продолжает скачиваться с сервера. Как можно оставить загрузку? Спасибо!
  15. Привет всем форумчанам, я верстаю сайты разной сложности. Стандартную верстку буду делать за 300 рублей, а если у вас сложный, пишите договоримся! Еще делаю натяжку шаблона на DLE. Спасибо за внимание!
  16. Всем привет. Делаю кое-что, и вот понадобилось чтобы генерировалось число(например 9 цифр, без повторений, но с контролируемым повторением 0 в числе(то есть можно указывать количество нулей в числе)), а затем выводить картинки заранее закреплённые за этими цифрами. Даже не знаю с чего начать, подскажите пожалуйста.
  17. Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i &lt; max; i += 1) { left = Math.round(Math.random() * (document.body.offsetWidth - 100)) + 'px'; top = Math.round(Math.random() * (document.body.offsetHeight - 100)) + 'px'; img[i].style.left = left; img[i].style.top = top; } </script> <img src="http://savepic.ru/11286158.png" > <img src="http://savepic.ru/11330177.png"> </body> </html>
  18. Здравствуйте, подскажите как можно реализовать версию шапки для мобильного устройства, чтобы она была не такой пугающей как сейчас. Хотелось бы чтобы текст был более упорядочен или сделать его мельче, для мобильных устройств, т.к. он через чур большой. На сайте использую бутстрап и само меню так же написано с его применением. Вот ссылка на сайт. Буду благодарен любой помощи и любому совету.
  19. Здравствуйте, я и с просьбой и вопросом одновременно. Есть корзина (ссылка) Я ее вкрутил в сайт, работает превосходно, хватает даже бесплатной версии, но есть вопрос, каталог у меня не то чтобы большой, но для каждого товара есть две цены (стандарт и премиум) и этот скрипт очень простой, но в каждую ценовую позицию нужно вставлять код скрипта, чтобы он выводил там именно тот товар, который мы добавляли в админпанеле. И так про скрипт пару слов сказал, теперь собственно вопрос и просьба (к делу как говориться) Вопрос: Можно ли допилить скрипт или скажем так эта функция так и так присутствует но я не в курсе, чтобы при изменении цены, она менялась сама и в каталоге, т.е. в админпанеле поменяли цену, она и на сайте поменялась (сейчас я все там ручками правлю) И собственно просьба: Если этой функции там нет, насколько сложно это сделать и сможет ли кто взяться за это дело? Я просто 0 если честно в ява, хоть и знаю про нее и пытался выучить ее, но на курсы иду только в октябре, и не думаю что смогу сделать сразу такое после курсов. Так что может ли мне кто с этим помочь? P.S. Корзина очень простая, там простая html разметка под таблицы и данные, а все остальное держится на js. P.S.S. Живой пример, того как это стоит и работает, если кому-то понадобиться, можете посмотреть у меня на сайте. (я только немного подкинул css, а так код не трогал)
  20. Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ callback(); } }, beforeClose: function(){ $(".fancybox-overlay").removeClass("r741-opened"); }, tpl: { wrap: '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div><div class="r741-message" ><div class="r741-message-inner" id="r741-message"></div></div></div>' } }) Что только не делал. В том числе все стили сносил, а все равно растянутая. Если еще подскажите почему на браузерах safari overlay наполовину перекрывает модалки, то вообще отлично будет.
  21. $(function() { $('p').delay(1700).each(function(i) { $(this).delay((i++) * 50).fadeTo(1000, 1); }) }); Подскажите пожалуйста, как сделать так, чтобы после десятого параграфа цикл остановился и показались все остальные параграфы сразу? Спасибо заранее:)
  22. Тривиальная задача, но не получается решить ее адекватно. Хочу сделать одностраничный сайт, с контентом , который будет подгружаться с php. Т.е. у меня будет несколько блоков в html, которые будут изменяться динамически. Данные я хочу брать из php, где они хранятся в массиве. <div class="menu"> <a href="#">Home</a> <a href="#">Product</a> <a href="#">Customers</a> </div> <div id="content"></div> Есть файл php с простым массивом, который возвращается в js <?php $arrayName = array('title' => 'Scheduling, CRM, and Invoicing Web Application - FieldPulse Software'); echo json_encode($arrayName); ?> json_encode возвращает строку {"title":"Scheduling, CRM, and Invoicing Web Application - FieldPulse Software"} Функция js, которая срабатывает после клика на ссылку. function loadPage(url) { $.ajax({ type: "POST", url: "content.php", data: 'page=' + url, dataType: "html", success: function(msg) { if (parseInt(msg) != 0) { msg = msg.substring(1, msg.length - 1); //удаляем символы { } в начале и конце строки $array = msg.split(":"); // разбиваем строку на массив по символу ":" $('title').html($array['title']); // новый title берем из массива, но в данном случае такой ячейки нет alert(msg); //для наглядности, выводит {"title":"Scheduling, CRM, and Invoicing Web Application - FieldPulse Software"} } else { alert ('file empty!'); } } }); } В результате такого разбиения получаем обычный массив. Мне надо получить ассоциативный массив где будет ячейка с именем "title" и она будет содержать соотв. строку из пхп. Как адекватно превратить результат выполнения функции json_encode в ассоциативный массив, чтобы можно было заменить необходимые поля в html?
  23. Доброго времени суток! Помогите решить задачку следующего характера: имеется код открытия модального окна - http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h пример так же ниже указан: <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Modal Example</h2> <!-- Trigger the modal with a button --> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p>Some text in the modal.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </body> </html> необходимо, чтобы при попытке пользователем закрыть вкладку страницы, т.е. при нахождении курсора скажем в 5px от кнопки закрытия вкладки запускалось модальное окно с контентом., при этом, чтобы не каждый раз оно запускалось, а один раз для каждого нового пользователя (тут дело с куки связано) пример встречал, но не получается мне новичку привязать к скрипту нужное мне модальное окно )) вот собственно пример: пример скрипта открытия модального окна при попытке уйти со страницы сайта взят отсюда - http://dimox.name/popup-window-on-first-web-site-visit (function($) { $(function() { // Проверим, есть ли запись в куках о посещении посетителя // Если запись есть - ничего не делаем if (!$.cookie('was')) { // Покажем всплывающее окно $('#boxUserFirstInfo').arcticmodal({ closeOnOverlayClick: false, closeOnEsc: true }); } // Запомним в куках, что посетитель к нам уже заходил $.cookie('was', true, { expires: 365, path: '/' }); }) })(jQuery) не получается приспособить данный скрипт для открытия такого модального окна.. помогите неучу? )) буду благодарен за помощь!
  24. Здравствуйте Подскажите пожалуйста, как можно узнать страну посетителя с помощью JS. Например, если заходит посетитель с Израиля, показываем один блок, если из Китая - другой. Спасибо заранее:)
  25. Использую данный способ для загрузки stl на свой сайт. Хотелось бы сделать так, чтобы stl загружалось с сервера (файл уже лежит на сервере). Возможно ли это сделать? Заранее спасибо за помощь!