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

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

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

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

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


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

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

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)
  • Руководство верстальщика
  • Блог htmlforum.io

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу

Искать результаты в...

Искать результаты, которые содержат...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


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

Зарегистрирован

  • Начать

    Конец


Группа


Web site


ICQ


Jabber


Skype


Откуда


Интересы

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

  1. Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .
  2. Доброго всем времени суток, нужна ваша помощь . Нужно сделать небольшое всплывающее окно на лэндинг которое показывает сообщения типа "Сейчас марина купила товара на сумму ххх " или "Осталось товара по акции;5шт" , по ссылке пример. Желательно сделать 1в1 . всех благодарю за помощь !
  3. Здравствуйте, не могли бы мне помочь сделать дизайн элемента <audio>?
  4. Добрый день народ У меня есть JS код для веб-картографии который делает отображение на карте двоих шаров и свайп между ними В html коде вызывается этот JS код такими командами var ctrl = new ol.control.Swipe(); map.addControl(ctrl); // Set stamen on left ctrl.addLayer(osm, true); // OSM on right ctrl.addLayer(stamen); Как эти параметры передать на кнопку, что бы onclick включать и выключать данную функцию Если возможно какие то ссылки на дополнительную информацию по этому, так как придется много делать кнопок под разные функции Спасибо за понимает с Frontendom еще знаком не близко
  5. Коммерческий опыт: c++, directshow, бд - firebird Ищу удаленку, верстка, frontend. js/jquery/html/css php технический английский mail: pluginmakerz@gmail.com skype: job@pluginmakerz.tk
  6. Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции. Мое портфолио: https://alex2033.github.io/sites/BlackDone/index.html https://alex2033.github.io/sites/Sandeo/index.html https://alex2033.github.io/sites/Barbershop/index.html https://alex2033.github.io/sites/Skylith/index.html https://alex2033.github.io/sites/Unicorn/index.html https://alex2033.github.io/sites/Bouncy/index.html Остальные работы вы можете посмотреть здесь: https://alex2033.github.io/ Навыки: - Знание HTML5, CSS3 - Опыт адаптивной, семантической, кроссбраузерной верстки - CSS3 анимация - знания Javascript на уровне jQuery - Использование препроцессоров LESS/SASS/Stylus + Pug - Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode - Именование классов по методологии БЭМ-нейминг - Gulp, npm, bower - Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid) - Умение работать с фреймворками bootstrap 3, 4, foundation - Знание английского на уровне чтения документации - Навык работы с векторной графикой SVG - Умение использовать flexbox, css-grid там где это необходимо Форма связи: Email - XoxlofAlexandr@yandex.ru - преимущественно Skype - Xronaliz Также можете написать на этом сайте Благодарю за внимание и хорошего дня:)
  7. Добрый! Не могу заставить работать переход с одной страницы на определенную вкладку на другой. Переход на страницу осуществляется, но всегда остается открыта первая вкладка. Подскажите в чем может быть проблема... Заранее очень благодарен! Страница с вкладками - HTML (/ceny): <ul class="nav nav-tabs nav-justified" role="tablist"> <li class="active"><a href="#tab37" role="tab" data-toggle="tab" aria-expanded="true">Консультация</a></li> <li class=""><a href="#tab41" role="tab" data-toggle="tab" aria-expanded="false">Ортодонтия</a></li> <li class=""><a href="#tab61" role="tab" data-toggle="tab" aria-expanded="false">Лаборатория</a></li> </ul> <div class="tab-pane fade active in" id="tab37"> <p>Контент 1</p> </div> <div class="tab-pane fade" id="tab41"> <p>Контент 2</p> </div> <div class="tab-pane fade" id="tab61"> <p>Контент 3</p> </div> Страница с которой нужно перейти имеет ссылку: <a href="https://site.by/ceny/#tab_tab61">ЦЕНЫ</a> пробывал <a href="https://site.by/ceny#tab_tab61">ЦЕНЫ</a> <a href="/ceny/#tab_tab61">ЦЕНЫ</a> Использовал скрипт: // Javascript to enable link to tab var hash = document.location.hash; var prefix = "tab_"; if (hash) { hash = hash.replace(prefix,''); var hashPieces = hash.split('?'); activeTab = $('.nav-tabs a[href=' + hashPieces[0] + ']'); activeTab && activeTab.tab('show'); } // Change hash for page-reload $('.nav-tabs a').on('shown', function (e) { window.location.hash = e.target.hash.replace("#", "#" + prefix); }); На сайте используется Bootstrap v3.3.7.
  8. Здравствуйте, подскажите пожалуйста, нормально ли будет, если для адаптивного меню я буду использовать два меню в html коде, а не одно, стили которого меняются только в медиа-запросах css? И если кому не трудно, можете скинуть код готового меню, которое вы используете.
  9. Привет, друзья. Заметка может быть интересна 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) и обнови страницу.
  10. Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?
  11. Нужно заблокировать выбор города из списка, пока не выбрана область. Как это можно на js реализовать?
  12. arsenalsar

    Ищу работу - html, css, js

    Ищу удаленную работу с возможностью развиваться в фронтенде. Пример верстки https://nzgf1434.github.io/malyshev.github.io/ исходники https://github.com/nzgf1434/waxom-page Учился в EPAM. C#, JS, html, css, gulp, sass, svg, photoshop, zeplin, продолжаю учиться сам. От 5000 р. / нед. arsenalsar@yandex.ru
  13. в форме размещения объявления пытаюсь вывести 1. количество знаков в объявлении, 2. стоимость одного объявления (= стоимости одного знака, в зависимости от выбранного типа объявления * количество знаков), 3. общую сумму заказа (= количество публикаций (выбирается из календаря) * стоимость одного объявления - скидка в 7% если выбрано 4 или более публикаций) 4. Размер скидки в рублях (= 7% от суммы заказа) количество знаков подсчитывает, в отдельный див вывел без труда... есть уже календарь, который даты публикации передает... Дальше почему то затык...что делаю не так? не могу посчитать и вывести .... 5. Кроме того, нужно в поле «Текст объявления», заполняемого пользователем… выводить внешний вид объявления – т. е. Class для div внешний вид для текста объявления, набираемого пользователем в соответствующем поле должен меняться в зависимости от выбранного типа объявления. Т.е. если выбран тип выделение полем, то текст должен с помощью стиля отображаться с фоновым цветом вокруг текста, если выбран тип «в рамке» - текст должен отображаться внутри рамки Окончательно расписался в собственной безграмотности и готов оплатить работу знающего человека. Оплата по факту на карточку или еще куда. Интересует на этом этапе цена вопроса Саму страничку можно посмотреть по адресу http://modx.biper3fo.bget.ru/prajs-list.htmlна вкладке "РАЗМЕЩЕНИЕ СТРОЧНЫХ ОБЪЯВЛЕНИЙ" код странички - все вместе, со скриптом.. <div id="respond"> <form method="post" action="[~[*id*]~]"> <input type="hidden" name="formid" value="contact-form" /> <img src="/image/shadow.png" alt="тень" "width="100%" "> <h2>электронная форма размещения объявлений</h2><hr> <p><b>Для уточнения возникших у Вас вопросов и для консультации Вы можете связаться с сотрудником редакции по многоканальному телефону, указанному в шапке сайта или воспользоваться офлайн контактной формой "Перезвоним" в правом нижнем углу экрана</b></p> <hr> <div class="col-sm-6"> <p><label accesskey="n" for="name">Ваше имя (например "Александр Иванов")</label> </div> <div class="col-sm-6"> <input type="text" name="name" size="50%" maxlength="100%" eform="Имя::1" /></p> </div> <div class="col-sm-6"> <p><label accesskey="e" for="email">Адрес Вашей электронной почты (например "post@mail.ru")</label> </div> <div class="col-sm-6"> <input type="text" name="email" size="50%" maxlength="100%" eform="Адрес электронной почты:email:1" /></p> </div> <div class="col-sm-6"> <p><label accesskey="p" for="phone">Ваш мобильный телефон (на сайте не публикуется). Необходим для того, чтобы идентифицировать Ваш заказ. Этот же номер Вам понадобится при оплате услуги на терминале. (например "8 929 001 22 34")</label> </div> <div class="col-sm-6"> <input type="text" name="phone" size="50%" maxlength="100%" eform="Ваш мобильный телефон::1" /></p> </div> <div class="col-sm-6"> <p><label accesskey="s" for="otdel">Выберите раздел газеты</label> </div> <div class="col-sm-6"> <select name="otdel" > <option value="&&& Недвижимость">Объявление в раздел Недвижимость</option> <option value="&&& Дачное строительство">Объявление в раздел Дачное строительство</option> <option value="&&& Ремонт квартир">Объявление в раздел Ремонт квартир</option> <option value="&&& Балконы, окна">Объявление в раздел Балконы, окна</option> <option value="&&&Электротехнические работы">Объявление в раздел Электротехнические работы </option> <option value="&&& Сантехника">Объявление в раздел Сантехника</option> <option value="&&& Двери, металлоконструкции">Объявление в раздел Двери, металлоконструкции</option> <option value="&&& Замки">Объявление в раздел Замки</option> <option value="&&& Межкомнатные двери">Объявление в раздел Межкомнатные двери</option> <option value="&&& Мебель, интерьер">Объявление в раздел Мебель, интерьер</option> <option value="&&& Ремонт бытовой техники">Объявление в раздел Ремонт бытовой техники</option> <option value="&&& Ремонт компьютеров">Объявление в раздел Ремонт компьютеров</option> <option value="&&& Ремонт телевизоров">Объявление в раздел Ремонт телевизоров</option> <option value="&&& Антенны">Объявление в раздел Антенны</option> <option value="&&& Грузоперевозки">Объявление в раздел Грузоперевозки</option> <option value="&&& Куплю">Объявление в раздел Куплю</option> <option value="&&& Продаю">Объявление в раздел Продаю </option> <option value="&&& Займы">Объявление в раздел Займы</option> <option value="&&& Разное">Объявление в раздел Разное</option> <option value="&&& Ветеринарные услуги">Объявление в раздел Ветеринарные услуги</option> <option value="&&& Ритуальные услуги">Объявление в раздел Ритуальные услуги</option> <option value="&&& Брачные знакомства">Объявление в раздел Брачные знакомства</option> <option value="&&& Магия">Объявление в раздел Магия</option> <option value="&&& Вакансии">Объявление в раздел Вакансии</option> <option value="&&& Услуги автомобилистам">Объявление в раздел Услуги автомобилистам</option> <option value="&&& Выкуп авто">Объявление в раздел Выкуп авто</option> <option value="&&& Химчистка">Объявление в раздел Химчистка</option> <option value="&&& Клининг">Объявление в раздел Клининг</option> <option value="&&& Вывоз мусора">Объявление в раздел Вывоз мусора</option> <option value="&&& Дезинсекция">Объявление в раздел Дезинсекция</option> <option value="&&& Организация праздника">Объявление в раздел Организация праздника</option> <option value="&&& Салон красоты">Объявление в раздел Салон красоты</option> <option value="&&& Арена Путешествий">Объявление в раздел Арена Путешествий</option> </select></p> </div> <div class="col-sm-6"> <label accesskey="t" for="type">Выберите тип публикации</type> <select name="type" id="type" onchange="changePrice()"> <option value="без выделения">без выделения</option> <option value="выделение фоном">с фоном</option> <option value="объявление в рамке">в рамке</option> </select> </label> </div> <div class="col-sm-6"> <p><label accesskey="c" for="comments">Наберите текст объявления,- так, как он должен будет выглядеть в газете (для экономии денег :) возможны сокращения. Обязательно укажите контактный телефон (который может отличаться от указанного выше.) Например "Мет. двери, реш., ворота. Т. 414-74-66")</label> <br/></p> <h2>Ваше объявление в газете будет выглядеть так:</h2> <!--в поле «Текст объявления», заполняемого пользователем… нужно выводить внешний вид объявления – т. е. текст, введенный пользователем в поле «текст объявления» должен отображаться с тем оформлением CSS-стиля который задан полем «тип выделения публикации»--> <div class="(type_aa)" style="font-size: 14px; color:gray;"> <textarea cols="50" rows="10" name="comments" eform="Текст объявления:html:1" onkeyup="symbols(this)" onkeydown="symbols(this)" onkeyup="changePrice()" onkeydown="changePrice()" id="textarea"></textarea></p> </div> <!-- количество знаков в объявлении --> <div id="symbols"></div> <!--стоимость одной публикации объявления в рублях (--> <div id="price">Стоимость одной публикации объявления в рублях</div> <!-- общая стоимость заказа в рублях --> <div id="resultat">Стоимость заказа в рублях</div> <!-- скидка в рублях --> <div id="skidka">Размер скидки в рублях</div> <div> </div> </div> <div class="col-sm-6"> <!-- дата публикации должна отображаться под конкретные даты корректировка. Должен выводить календарную сетку на текущий год, начиная с текущего месяца, На календарной сетке отображается выделением дата выхода номера газеты. Сии дни обычно приравнены к среде, потому может проще добавить условие - исключения, когда в определенные указанные дни даты переносятся--> <p><label accesskey="dat" for="dat">Дата выхода номера газеты, в котором Вы можете разместить свое объявление - среда, выделена в календаре подчеркиванием. Окончание приема рекламы в номер - 15-00 вторника той же недели. Выберите в календаре желаемую дату выхода (можно выбрать несколько номеров, при этом автоматически просчитанную стоимость Вашего объявления нужно будет умножить на количество публикаций) </label></p> </div> <div class="col-sm-6"> <input type="text" name="dat" size="50%" maxlength="100%" eform="Дата публикации::1" id="dt"/></p> </div> <div class="col-sm-12">[[calendar]]</div> <img src="/image/shadow.png" alt="тень" "width="100%" "> <div class="col-sm-12"> <div class="col-sm-3"> <p><input type="submit" name="submit" id="submit" class="btn btn-primary" value="Разместить объявление"></p> </div> <div class="col-sm-6"> <p><i>Нажимая на кнопку "Разместить объявление", Вы подтверждаете согласие с правилами, указанными в разделе <a href="http://arena-rv.ru/politika-konfidenczialnosti-sajta-arena.html">"Политика конфиденциальности сайта "Арена"</a> и даете согласие на обработку персональных данных, переданных Вами при размещении Вашего объявления</i></p> </div> </div> </form> <script type="text/javascript"> function symbols() { var symbols = textarea.value.length; document.getElementById('symbols').innerHTML = 'В Вашем объявлении <span class="red" style="font-size: 14px; color:red;">' + symbols + '</span> знаков.'; } function changePrice() { var price = document.getElementById('price'); var textarea = document.getElementById('textarea'); var pricei = document.getElementById('pricei'); var resultat = document.getElementById('resultat'); var skidka = document.getElementById('skidka'); if(type.value == 'простое') cena = 18; else if(type.value == 'с фоном') cena = 19; else cena = 24; price.innerHTML = cena * textarea.value.length; pricei.value = cena * textarea.value.length; document.getElementById('price').innerHTML = 'стоимость одной публикации' + price + 'руб.'; } var dt = document.getElementById('dt'); function setDate(d){ dt.value += (dt.value == '') ? d : ', '+d; } function init() { if (arguments.callee.done) return; arguments.callee.done = true; changePrice(); } // ff, opera if (document.addEventListener) { document.addEventListener("DOMContentLoaded", init, false); } // ie /*@cc_on @*/ /*@if (@_win32) document.write("<script id=__ie_onload defer src=javascript:void(0)>"); document.write("<\/script>"); var script = document.getElementById("__ie_onload"); script.onreadystatechange = function() { if (this.readyState == "complete") { init(); } }; /*@end @*/ // safari if (/WebKit/i.test(navigator.userAgent)) { var _timer = setInterval(function() { if (/loaded|complete/.test(document.readyState)) { clearInterval(_timer); delete _timer; init(); } }, 10); } // others window.onload = init; </script>
  14. Привет. Подскажите, пожалуйста, почему данный код может не работать: var svgDoc; window.onload = function() { svgDoc = document.getElementById("switchid").contentDocument; } var switch_ = svgDoc.getElementById("switch"); switch_.onclick = function() { current_position = Number(switch_.getAttribute("y")); if(current_position == 32) { // off switch_.setAttribute("y", "9"); switch_.setAttribute("style", "fill:#00ff00"); } else { switch_.setAttribute("y", "32"); switch_.setAttribute("style", "fill:#ff0000"); } } Суть проста. Подключаюсь к svg на странице. И хочу по клику на определенный прямоугольник (id="switch") переводить его из одного положения в другое, ну и цвет меняю. Если все это перенести в функцию события window.onload, то работает, но такой вариант не подходит.
  15. В шапке стоит видео, которое я через JS подгружаю и подгоняю под размер экрана. Но при первой загрузке страницы видео не растягивается по ширине экрана. Только если ресайзнуть окно. Что делать? Тестируемое разрешение экрана 1366x768. Вот сам сайт и код: var scWidth; var scHeight; function window_resize() { scWidth = (window.innerWidth > 0) ? window.innerWidth : screen.width; scHeight = (window.innerHeight > 0) ? window.innerHeight : screen.height; $('.scroll_bottom').css('display', (scHeight < scWidth ? 'block' : 'none')); var mainmenu = $('.mainmenu'); var mainvideo = $('#mainvideo'); if (scWidth > 767) { if (mainvideo.length < 1) { mainmenu.prepend('<video muted autoplay loop class="video" id="mainvideo"><source src="/assets/video/bg.mp4" type="video/mp4"></video>'); mainvideo = $('#mainvideo'); } mainvideo.attr('style', ''); if (mainvideo.height() < mainmenu.height()) { // Делаем по всей высоте scale = mainmenu.height() / mainvideo.height(); mainvideo.css('height', mainmenu.height() + 'px'); mainvideo.css('width', (mainvideo.width() * scale) + 'px'); if (mainvideo.width() > mainmenu.width()) { trim = (mainvideo.width() - mainmenu.width()) / 2; mainvideo.css('left', -trim + 'px'); } } else { // Делаем по всей ширине scale = mainmenu.width() / mainvideo.width(); mainvideo.css('width', mainmenu.width() + 'px'); mainvideo.css('height', (mainvideo.height() * scale) + 'px'); if (mainvideo.height() > mainmenu.height()) { trim = (mainvideo.height() - mainmenu.height()) / 2; mainvideo.css('top', -trim + 'px'); } } } else if (mainvideo.length) { mainvideo.remove(); } } window_resize(); $(window).resize(window_resize); В атрибуте style ему задана правильная ширина, но само видео почему-то по ней не растянулось. Только после ресайза окна растягивается
  16. Здравствуйте. Я только изучаю JS и столкнулся с очень интересной проблемой, не знаю как решить. Суть: Задача была написать функцию которая принимает два параметра. 1. Массив, состоящий из чисел с дробями. 2. Метод округления "round", "ceil" или "floor". На выходе функция должна выводить этот же массив, но при этом все элементы массива, должны быть округлены с помощью указанного во втором параметре метода объекта Math. Казалось бы, что задача пустяковая и решается за одну минуту. Так оно и было бы, если бы я не решил проверить решение запустив три раза подряд написанную мной функцию для 3 разных методов. В результате я получил все три раза скругление по методу round, вместо round, ceil, floor. Скрипт по ссылке: jsfiddle Также я попытался зайти с другой стороны и написал скрипт немного иначе, получив тот же результат. Скрипт по ссылке: jsfiddle Потратив некоторое время на поиск проблемы, я дошел до того, что функция работает правильно, но только если запустить ее 1 раз, только для одного метода. Запуск только одного метода по ссылке: jsfiddle В итоге получается, что если запустить эту функцию несколько раз, то метод для Math принимается тот, который был запущен первым. Объясните пожалуйста, почему так происходит. З.Ы. На всякий случай, если ссылки будут битыми (этим сервисом пользуюсь первый раз), оставлю код в прикреплённых файлах. script.html
  17. Приветствую. Оцените, пожалуйста, верстку. Особое внимание прошу обратить на секцию How We Work. НАсколько корректно выполнена данная верстка? https://alex2033.github.io/Orion/index.html
  18. Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/javascript" src="cns.js"></script> </div> <div> <object id="notCnsId" type="image/svg+xml" width="1024" height="768" data="notCns.svg"></object> <script type="text/javascript" src="notCns.js"></script> </div> </div> </body> Проблема состоит в том, что при запуске страницы запускается только второй скрипт. И если переключиться между вкладками то и второй скрипт перестает работать. Суть скриптов проста: в каждом js в window.onload подключаюсь к svg и с определенным интервалом меняю какие-то значения в svg, например, цвет.
  19. adminfilm

    Проблема с маркером google map

    Всем привет, при приближение или когда двигаешь мышкой по карте, маркеры передвигаются с тобой! Не могу найти ошибку, если поможете, буду благодарен)
  20. Доброго времени суток. Оцените верстку https://alex2033.github.io/Blueasy/index.html В этот раз решил поверстать без гридов, после продолжительной верстки сетками, их отсутствие принесло парочку неудобств
  21. Доброго времени суток. Прошу оценить верстку. ВАЖНО: если у вас не отображаются изображения в шапке страницы - отключите адблок Почему-то он блочит изображения именно в шапке, пока решаю эту проблему https://alex2033.github.io/
  22. Всем привет, хотел бы узнать возможно ли так сделать. Например: Я соединяю 2 сайта, у них бывают одинаковое названия классов, как ограничить для того или иного блока подключения к CSS и JS чтобы они не пересекались ? Пробовал взять тег body в середине сайта туда засунуть Js и CSS, думал что основа всей страницы туда не подключиться так как там есть тег body, но это оказалась не так. Можно ли как нибудь сделать как мне надо ? Чтобы не пересекалось
  23. Прошу оценить верстку сайта https://alex2033.github.io/
  24. Здравствуйте, уважаемые форумчане. Очень Нужна ваша помощь, Подскажите пожалуйста. Есть функция - jbcallme(), вызываемая следующим образом (вызываемая по нажатию class= demo1) : $(document).ready(function() { $(function() { $('.demo1').jbcallme(); }); alert( "Привет" ); }); Функция лежит в другом файле. ————— При нажатие на ссылку срабатывает функция jbcallme(), содержащий класс demo1: <a class="demo1" name="nave">Тестирование</a> ————————————-- Проблема в том, что функция JS jbcallme() работает только при нажатие на "Тестирование". Нужно, чтобы функция $('.demo1').jbcallme(); вызывалась сама после загрузки страницы через определенное время (таймер), а не по нажатию на кнопку, ссылку, блок или что-то еще. Пробовал через setTimeout. Но как ее применить в данном случаи? И сделать чтобы эта функция просто выводилась без обязательного нажатия на селектор (class="demo1")? Если просто вставить setTimeout или что-то подобное то функция будет по-прежнему срабатывать только по нажатию на ссылку (тестирование) $(document).ready(function() { setTimeout($(function() { $('.demo1').jbcallme(); }) , 500); }); По прежнему работает только по нажатию клавиши с <a class="demo1" name="nave">Тестирование</a> Подскажите пожалуйста, как это можно реализовать? Заранее, большое спасибо.
  25. Извиняюсь за столь примитивный вопрос, но не могу въехать в пару нюансов касательно выборки узла из дерева DOM. Вот наглядный пример: https://jsfiddle.net/36r52jkv/ Разбирал процесс выборки узлов по книге(Dzhon Dakket, JavaScript and JQuery, разработка и дизайн сайтов, 2017) и все понятно теоретически, та и на практике особых затруднений нет. Момент связан с работой выбранного узла. Как в примере, что я привел - меня смущает почему при замене текстового содержимого выбранного узла li у него пропал маркер, характерный для элемента списка. Как буд-то он перестал быть элементом списка... Извиняюсь еще раз за такой элементарный вопрос.