JavaScript

4,723 questions in this forum

1. Смена видео-фона при нажатии

   Кто знает, как добавить кнопку при которой видео-фон будет меняться на картинку и обратно? По примеру world of warships: Скрипт видео-фона:

   Asked by saha300000, June 1, 2015

   0 votes
   1 answer
2. Засечь время от блура с одного блока и до клика на другой

   Подскажите пожалуйста, как можно засечь время прохождения курсора, когда он покидает один блок и останавливает таймер кликом на другой блок.

   Asked by Alarr, June 1, 2015

   0 votes
   10 answers
3. Скрипт YouTube из JS в Jquery

   Добрый день. Есть скрипт для YouTube, который позволяет закрывать и открывать айфрейм с видео одновременно делая паузу или отключая её соостветвенно. Но он на чистом яваскрипте, а мне бы очень хотелось заюзать jquery animate. Может нагло спрашивать такое, но как будет выглядеть этот короткий скрипт на JQuery? function toggleVideo(e) { var n = document.getElementById("popupVid"), o = n.getElementsByTagName("iframe")[0].contentWindow; n.style.display = "hide" == e ? "none" : "", func = "hide" == e ? "pauseVideo" : "playVideo", o.postMessage('{"event":"command","func":"' + func + '","args":""}', "*")}

   Asked by Alarr, June 1, 2015

   0 votes
   3 answers
4. Проблема с переключателями звука на видео-фоне.

   Проблема с выключением звука.Звук при 1 клике вырубается, но не меняется иконка2 клик бездейственный.$(document).ready(function(){ var controls = { video: $("#video_background"), lol: $("#lol") }; var video = controls.video[0]; controls.lol.click(function(){ if (video.volume=1) { video.volume=0; $(this).removeClass("fa fa-play"); $(this).addClass("fa fa-pause"); } else { video.volume=1; $(this).removeClass("fa fa-pause"); $(this).addClass("fa fa-play"); } });});<div id="controls" > <i class="fa fa-paus…

   Asked by saha300000, June 1, 2015

   0 votes
   2 answers
5. После запроса $.post возвращаются иероглифы

   $.post( "wp-content/themes/mythe/page-konst.php",{ scriptCharset: "utf-8", plan_i2:plan_i2, klass:klass }, onAjaxSuccess2); // - запустим анимацию загрузки function onAjaxSuccess2(data){stopLoadingAnimation(); $('.top-const').append(data); }}); "Впервые пробую Аякс. По этому не кричать на валидность" - Проблема вот в чем. Делаю запрос который написан выше. В нем передаю две переменные. В ответ мне должен прийти кириллический текст. Но приходит ломаная кодировка в стиле иероглифов ((( Цифры и латиница идет нормально. .... В header <meta charset="utf-8">. В базе тоже норм все. Кто владеет мудростью , поделитесь ?

   Asked by web.dmitriy, May 29, 2015

   • ajax кодировка
   0 votes
   21 answers
6. проблема скрипта в firefox

   Здравствуйте! Есть такой вот лэнд У меня используется свойство clip-path,для того что бы поддерживал и firefox, использую clip-path-polygon.js и вот проблема в следующем, на сайте листаются слайды(экраны), во всех браузерах отрабатывает нормально, а в firefox когда листаешь от "Реклама на радио" обратно, то события как то неправильно отрабатываются и свойство clip-path-polygon обрезает не те элементы ( вы это заметите). уже 2 дня мучаюсь и не могу понять почему так . js код который добавляется clip-path по событию mousewheel находится в файле custom.js 297-526. те у меня в зависимости от направления скролинга мышки и от текущего слайда применяется clip-pa…

   Asked by laliev, May 24, 2015

   0 votes
   4 answers
7. Алгоритм для слайдера.

   Всем привет. Не знаю, может подобный вопрос и поднимался, но интересует алгоритм слайдера. Не то, что бы сделайте бесплатно. а может есть уже у кого опыт. Нужно пролистывать несколько дивов, и пролистывание должно происходить, только в том случае, если они все не помещаются в ширину окна. Опять, же нужен совет по поводу алгоритма, а не решение. Как реализовать на JS. хочу подумать сам.

   Asked by BirviZ, May 23, 2015

   0 votes
   1 answer
8. Добавить класс по клику на select, удалить этот класс по клику на option

   Добавить класс проблем нет по клику, но вот убрать по клику на option этого же select не выходит. Ведь получается, что и по селекту я кликаю тоже. $('.select option').click(function(){$(this).parents('.select_box').removeClass('open_select');});$('.select').click(function(){$(this).parents('.select_box').addClass('open_select');});Есть какие-то хитрости?

   Asked by Torawhite, May 20, 2015

   0 votes
   8 answers
9. Наработает кнопка popover ;(

   Хочу сделать pop окно при наведении на иконку (.fa), создал файл bottom.js $(document).ready(function(){ $('.popover-dismissible').popover({ placement : ‘bottom’ });}); внутри <body> прописал путь <script type="text/javascript" src="js/bottom.js"></script> код html:<div class="row clearfix"><div class="section" id="blog"><div class="posts"><div class="title mbf"></div><!-- /title --> <div class="grid_6 omega"> <div class="member"><img src="images/фото1.jpg" alt=""><div class="member_info"><span class="m_title"> Иван Иванович </span><span class="m_skills"> должность <sp…

   Asked by infonikki, May 19, 2015

   • html
   • javascript
   • js
   • pop
   • popover
   • bottom
   0 votes
   6 answers
10. js tooltip задваивание

    Здарвствуйте. Сайт при массштабировании по наведению на любой город (хорошо видно в центре) задваиваются тултипы. Как их можно сделать чтобы не задваивались и выводились при уменьшении по-человечески. Заранее спасибо за ответ... И как может кто подскажет прикрутить так фон чтобы при масштабировании выглядел тоже нормально... как тут

    Asked by psics, May 18, 2015

    0 votes
    2 answers
11. управление mousewheel

    $('.vertical_slide').on('mousewheel', function(event, delta){ pathname = window.location.hash; if (delta> 0 ) { window.location.hash = pathname +1; }else { window.location.hash = pathname +1; }}); есть такой код, который добавляет к текущему урлу + 1 по событию mousewheel(часть кода преобразования в число вырезана ) и вот проблема в том что если прокрутить очень сильно за раз то добавляться может и +4 сразу. как можно решить эту проблему подскажите пожалуйста, что бы пр любом уровне прокрутки добавлялся +1! Спасибо за внимание!

    Asked by laliev, May 18, 2015

    • mousewheel
    0 votes
    15 answers
12. не работает обратный эффект при удалении класса

    Здравствуйте! есть такой скрипт при добавлении класса анимация происходит плавно, при удалении резко возвращается в исходное состояние. хотя мне казалось что и обратно должно быть плавно. почему так происходит. можно ли сделать что бы и при удалении возвращалось в исходное состояние с анимацией? Всем спасибо за внимание!

    Asked by laliev, May 17, 2015

    0 votes
    2 answers
13. Как стилизовать плагин JQuery?

    Приветствую. Подскажите, гуру веб разработки, как правильно стилизовать/оформлять плагины JQuery? Например скачал я этот селект: https://select2.github.io/ Подключил, отображается в точности как в exemple. Но мне нужно стилизовать его под дизайн моего сайта. Как это правильно сделать? Писать свои стили отдельным файлом, или редактировать прилагаемый css файл, или нужно использовать прописанные в прилагаемом css специальные классы?

    Asked by kidrock, May 15, 2015

    • оформление плагин
    • jquery
    0 votes
    10 answers
14. Подскажите как исправить или похожий плагин

    Всем привет. Есть сайт http://test.htmlcenter.by/ra-land (сайт тяжелый) Используется плагин fullpage.js Подскажите пожалуйста как мне сделать так что бы при перелистывании (скролинге) , текущий слайд уезжал в сторону, а следующий был статичным под ним, как будто один слайд открывает другой. может кто то знает подобные плагины или знает как примерно такое можно реализовать в fullpage?? заказчик в итоге захотел такую анимацию, а тут я не нашел возможности такое реализовать! может у кого то идеи есть как можно исправить? или плагин с которым можно переделать. Большое спасибо!

    Asked by laliev, May 15, 2015

    0 votes
    3 answers
15. установка cookies в js

    уважаемые, помогите пожалуйста есть js код который реализует скрытие/показ сайдбара. как сделать запоминание положения сайдбара через куки? <script type="text/javascript"><!-- var d = document, sidebar = d.querySelector('.right'), content = d.querySelector('.content'); d.querySelector('button').addEventListener('click', function(){ sidebar.classList.toggle('hide'); content.classList.toggle('stretch'); }, false);--></script>

    Asked by optimus, May 14, 2015

    0 votes
    7 answers
16. Передача данных в форму

    Сделал в справочнике HTML примеры, которые можно смотреть здесь же, без копирования и других движений. Вот здесь можно посмотреть в деле. http://webref.ru/html/pre Есть несколько проблем, главная - не могу сделать два таких примера и более. Что посоветуете? Работает это следующим образом. 1. На всех страницах вставлена пустая форма со скрытым полем. <form action="/example/" method="post" id="webref-example-form" target="webref-example-iframe"><input type="hidden" name="codetext" id="webref-example-code" value=""></form> 2. Через JS создаю вкладки и во второй вкладке вставляю пустой iframe. 3. При нажатии на вкладку код примера копируется в значен…

    Asked by Vlad, May 14, 2015

    0 votes
    6 answers
17. SVG как можно управлять обэктом

    Здравствуйте Говорю прямо JavaScript не мой козырь потому может буду нести ерись Значит у меня такой вопросик. Я делаю игру, только векторная графика. Есть спрайт героя в формате svg. Знаю что существует тег для роботы в svg. но мне не понятно с помощью этого тега я могу загрузить мой уже нарисованный фаил или этот тег только для программного рисования. Все что мне удалось это загрузить файлик с помощью тега <img> но при этом,как я понимаю, уже не могу управлять программно векторным рисунком, или я чего то не понимаю? Примерно так у меня получилось var imgArrHero=new Array();var imgHero=new Image();imgHero.src="vect/prob_1.svg"imgArrHero[0]=document.createElement("…

    Asked by sasha88886, May 13, 2015

    • img svg
    0 votes
    2 answers
18. В Chrome не срабатывает скрипт (jQuery)

    Добрый день. Не могу понять, почему в браузере chrome не срабатывает скрипт. В firefox всё нормально. В хроме получаю такое сообщение: сами скрипты подключаю так Подскажите, в чём может быть проблема?

    Asked by jdk, May 13, 2015

    0 votes
    3 answers
19. vk comments widget

    На сайте установлен виджет комментариев ВК. Мне нужно взять количество комментариев в переменную и вывести его в любом месте где мне нужно. На странице записи вопрос решил так <script type="text/javascript">VK.Api.call('widgets.getComments', {widget_api_id: "1234567", url: document.URL}, function(obj) {document.getElementById('vk_count').innerHTML = '(' + obj.response.count + ')';});</script>Получается на выходе <span id="vk_count">(количество)</span>Но проблема в том, что например на главной странице, или ан странице рубрики где выводятся анонсы записей не получается таким способом вывести количество для каждого по отдельности, свое. Кто нибудь…

    Asked by Нарек, May 12, 2015

    0 votes
    3 answers
20. Посоветуйте хорошую jquery-галерею

    Здравствуйте! Прошу Вас посоветовать jquery-галерею с миниатюрами снизу, которые можно листать и чтобы при клике на выбранное главное изображение показывал его на весь экран. Стандартная галерея интернет-магазина, возможно кто-то сталкивался/использовал! Спасибо!

    Asked by Torawhite, May 11, 2015

    0 votes
    5 answers
21. Привязка выпадающего списка к правой стороне родительского элемента

    Здравствуйте! Есть список и скрипт, который список показывает и скрывает. Но список привязан к левому краю блока со ссылкой, а как можно сделать, чтобы привязка была к правому краю независимо от ширины блока ссылки?

    Asked by Torawhite, May 9, 2015

    0 votes
    7 answers
22. jquery ui slider на сенсорных мониторах

    Добрый вечер. На сайте используется jquery ui slider Подскажите, пожалуйста, как можно в этом плагине сделать поддержку сенсорных экранов, чтобы можно было перетаскивать ползунки прикосновением?

    Asked by slo_nik, May 8, 2015

    0 votes
    2 answers
23. Помогите понять

    Приветствую, коллеги! Возникла необходимость немного изменить чужой html/js код и на одном из этапов я впал в ступор. Смотрите. В коде сайта есть такое: 1 2 3 4 <span class="hire-input calendar"> <input type="text" name="hireOn_1" placeholder="Дата" dta-dateformat="d-m-20y"> <i class="fa fa-calendar"></i> </span> Всё вроде бы предельно ясно, но когда открываешь эту страничку в браузере и смотришь исходник, то наш код превращается вот в это: 1 2 3 4 <span class="hire-input calendar"> <input type="text" name="hireOn_1" placeholder="Дата" dta-dateformat="d-m-2…

    Asked by Doodle, May 7, 2015

    0 votes
    1 answer
24. как это исправить?

    помогите пожалуйста как это исправить? сайт:http://likekino.net/

    Asked by adminfilm, May 7, 2015

    • js
    • javascript
    • slider
    • carousel
    0 votes
    12 answers
25. как исправить ошибку слайдера?

    здравствуйте помогите пожалуйста,как сделать чтобы на других слайдерах тоже было как на первом демонстрацию можете увидеть на скрине ниже кода /* * Easy Paginate 1.0 - jQuery plugin * written by Alen Grakalic * http://cssglobe.com/'>http://cssglobe.com/ * * Copyright (c) 2011 Alen Grakalic (http://cssglobe.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Built for jQuery library * http://jquery.com * */(function($) { $.fn.easyPaginate = function(options){ var defaults = { step: 4, delay: 100, numeric: true, nextprev: false, auto:false, loop:false, pause:4000, clickstop:true, controls: 'paginatio…

    Asked by adminfilm, May 6, 2015

    • carousel
    • slider
    • js
    • javascript
    0 votes
    3 answers