JavaScript

4,723 questions in this forum

1. Roloover меню на js

   Всем доброго времени суток! В общем надо сделать такое. Эсть меню, когда оп нему водишь мышкой, под каждым пунктом меню подсвечивается картинка. Такая вещь в принципе много где описана, но е меня есть нюанс. Многи статьи, где описывается решение етой задачи работают с двумя картинками.тюе для исходного состояния, и при наведении мышки картинка меняется на другую. А как сделать так, чтобы картинка появлялась просто про наведении мышки, а когда мышка не наведена то картинки нету не какой, т.е допустим просто название пункта меню. Заранее благодарен за внимание

   Asked by optic18, May 6, 2010

   0 votes
   9 answers
2. Как установить Plyr.io на сайт?

   Здравствуйте! Как установить видео плеер Plyr на сайт, чтобы он работал и менял разрешение видео?Объясните пожалуйста подробно. Описывая каждый шаг.

   Asked by digenis, February 2, 2020

   • видео плеер
   • плеер
   • plyr
   • скрипты
   • плагины
   • js
   0 votes
   0 answers
3. Помогите со слайдами

   Ребята,помогите сделать слайд (выделил) ну и конечно он должен иметь текст как вы видите и кнопочку (meer info) остальные страницы слайда не важны. http://hostingkartinok.com/show-image.php?id=155a20e4f8a5d58970c02fcd071359db Вот такой он в порезке. http://hostingkartinok.com/show-image.php?id=bcc09da63473f98f1e25291c5a8e2792

   Asked by vitaxastifler, November 28, 2013

   0 votes
   27 answers
4. popup

   Доброго всем времени суток! Подскажите решение с такой вот проблемкой Как сделать такой вот popup'чик как здесь, при нажатие на кнопку "получить пароль"? заранее спс -))

   Asked by JIucky, April 28, 2009

   0 votes
   15 answers
5. Как проверять скрипты?

   Народ всем привет. столкнулся с проблемой на одной сайте пришлось использовать сразу 2 скрипта с jquery один работает на открытие больших изображений а другой на слайдинг этих изображение по вертикали, как только поставил их одновременно то произошел коллапс, оба они одновременно работать никак не хотят, а по отдельности работают на ура, чуть попозже пришлю ссылку, а пока просто хачу спросить как любитель в javascript что в таких случаях делать, то есть какими прогами или методами отлаживать скрипт и удалять ненужные куски кода, подскажите плз, спасибо собственно вот сам сайт , правая колонка с изображениями, пока она работает на слайдинг то есть пролистывание вверх/вниз,…

   Asked by TonKhaO, August 18, 2009

   0 votes
   11 answers
6. API vk

   Всем добра столкнулся с такой проблемой. Нужно подключить виджет vk "Мне нравится" то есть на страничке их будет много для каждого товара свой. пока делаю так: js class function VKApiLike(option){ this.option = $.extend({ apiId: '', postId: '', postDivId: '', widthButtonLike: 210, heightButtonLike: 18, pageTitleLike: '', pageDescriptionLike: '', type: 'full', pageUrl: '', pageImage: '', verb: 0, onlyWidgets: true, addButtonLike: 'tooltip-like', likePost: 'actionBox' },option); this.vkInit = function(){ VK.init({ apiId: XXXXX, onlyWidget…

   Asked by 3d_max_9, January 19, 2015

   • api
   • vk
   • like
   0 votes
   2 answers
7. Смена рамки изображения

   Пытаюсь при mouseover сменить цвет рамки у изображения, но чёт не найду каким образом. Может кто подскажет. <script> function rot() { document.getElementById("imger_1").style.background = "#DEDEDE"; } </script> <img border=10 id='imger_1' src='img/leftpic1.jpg' onMouseOver='rot()' > *ихмо ошибка в style.background

   Asked by Frozen, June 23, 2010

   0 votes
   2 answers
8. Нужна задержка при выполнении функции mouseover

   Есть блок с текстурой. При наведении на него включается анимация сдвига фона. Откопал такую историю: <script type="text/javascript"> $(function () { $('.infoImage') .css({ backgroundPosition: "0px 20px" }) .mouseover(function () { $(this).stop().animate({ backgroundPosition: "(0px -27px)" }, { duration: 600 }) }) .mouseout(function () { $(this).stop().animate({ backgroundPosition: "(0px 20px)" }, { duration: 350, complete: function () { $(this).css({ backgroundPosition: "0px 20px" }) } }) }) }); </script> Мне необходимо, что бы при наведении мыши анимация включалась через 300мс. Как такое тут сделать? С settimeo…

   Asked by SCHNITZER, November 6, 2010

   0 votes
   6 answers
9. Как поцепить обработчик на динамически созданный элемент?

   Добрый день. У меня имеется див с элементами внутри <div class="select-option @Model.ClassName"> @Html.Hidden("WorkflowStepUserSelectOptions[0].Id", (Model.WorkflowStepUserSelectOption != null ? Model.WorkflowStepUserSelectOption.Id : 0)) <img src="@Url.Content("~/Content/Images/base/data_sort.png")" /> @Html.TextBox("WorkflowStepUserSelectOptions[0].Name", (Model.WorkflowStepUserSelectOption != null ? Model.WorkflowStepUserSelectOption.Name : ""), new { @class = "option-name" }) <img src="@Url.Content("~/Content/Images/base/delete.png")" /> </div> На событие textchange @Html.TextBox - который превращается в <input ... class =…

   Asked by atosdo, August 13, 2012

   0 votes
   4 answers
10. Динамическое изменение размеров IFRAME

    Доброго дня всем. С самого утра не могу найти решение. Понятное дело, Iframe'ы уже давно пора забыть, но попалась такая бага, что надо решить как-то... С JScript я не дружу.. Есть Iframe в который инклудится страница, с постоянно меняющимся содержимым. Гуглил, яндексил... не нашёл рабочего скрипта, который бы кроссбраузерно менял динамически высоту iframe. Если кто сталкивался с решением такой проблемой, скиньте ссылку. Заранее спасибо.

    Asked by BassEast, January 22, 2010

    0 votes
    1 answer
11. Cлучайные посты на ajax

    Как вывести на сайте случайные посты на ajax? Хотелось чтобы без плагинов. Сделала так: <script type="text/javascript"> $("#randomPost").load("/random/"); $("#another").click(function(){ $("#randomPost") .text("... loading ...") .load("/random/"); return false; }); </script> <h4>Случайный пост</h4> <ul> <li id="randomPost"> <?php include (TEMPLATEPATH . '/randomPost.php'); ?> </li> </ul> <a href="#" id="another">Следующий ...</a> Но не работает. Подскажите, пожалуйста, кто видит - где здесь ошибка.

    Asked by Mila, June 10, 2010

    0 votes
    10 answers
12. Работа социальных кнопок, требуется помощь.

    Добрый вечер. На сайте требуется разместить блок социальных кнопок, самые популярные сети(facebook, google+, twitter, pinterest). Перепробовал несколько готовых решений, от "Яндекс"(https://tech.yandex.ru/share/), "Pluso"(https://share.pluso.ru/) и парочки готовых плагинов для framework yii. Но меня не устроила работа данных решений. Нет возможности менять изображение, которое крепится к посту в соц. сети. Прочитал в нете, что соц. сеть кэширует изображение и данные о сайте и нет возможности изменить эту информацию. Можно изменить только в том случае, если разные страницы(разные адреса) одного и того же сайта расшариваются в соц. сети. Мне надо установить share кнопки на …

    Asked by slo_nik, November 19, 2015

    0 votes
    8 answers
13. Jquery accordion, переделка скрипта.

    Привет всем. Есть такая вот страничка: http://sotnikovs.com/files/new-new/index.html подключён небольшой скрипт: rollerTabs.js, который я сейчас пытаюсь под себя изменить, первым делом сделал так, чтобы по клику по пункту меню - контейнер открывался и скрывался снизу всех пунктов, а не сразу после нажатого пункта. Но сейчас проблема в другом. При добавлении нового вложенного списка в тэг <li> - под-пунктам меню test добавляется класс active, но не убирается.. и див с контентом не срабатывает по тому же принципу. Я так и не разобрался, как работает .siblings — проблема мне кажется в этом селекторе и в парентсах.. вот архив на это косячное демо: http://sotnikovs.com/f…

    Asked by BassEast, February 25, 2010

    0 votes
    8 answers
14. Как на htmlbook.ru реализовано topmenu?

    В #topmenu есть 4 прямоугольника-ссылки:"Основное","HTML","CSS","Сайт" Ссылки выглядят примерно так: http://htmlbook.ru/#main Хотя если на них нажать никаких переходов не происходит(по крайней мере в адресной строке хрома ничего не меняется). Но панель под этими прямоугольниками меняется. А именно одна из 4-х панелей становится видимой(display: block;). Объясните пожалуйста как реализована такая технология.

    Asked by Nathman999, December 10, 2019

    • htmlbook.ru
    • javascript
    • html
    0 votes
    2 answers
15. Размеситить текст на нескольких строках

    Мне нужно присвоить яваскриптовской переменной текст большого размера, который размещается на многих строках. Сейчас делаю это примерно так: var slovo = 'Закарпатские русины обратились к России с просьбой признать'+ 'независимость Подкарпатской Руси от Украины, сообщает'+ '"Российская газета". Об этом корреспонденту издания заявил'+ 'премьер-министр республики Петр Гецко. На этот шаг русины'+ решили пойти после того, как официальный Киев в очередной раз'+ 'проигнорировал их требование о предоставлении автономии в'+ 'составе Украины. В какие конкретно органы государственной'+ 'власти России было направлено обращение, он не уточнил. '+ 'Реакция российских властей на эту…

    Asked by Колос, December 23, 2008

    0 votes
    14 answers
16. как сделать чтобы квадратики меняли цвет с 1) белого 2) красного 3) синего 4) черного

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> - jsFiddle demo by holden321</title> <style type="text/css"> div { border: 0px solid black; width:50px; height:50px; float:left; margin: auto; text-align: center; } #log {text-align:right;} </style> <script type="text/javascript"> function zapusk(d) { if (!d.rgb) { d.rgb = 0; } s = (d.rgb).toString(16); while (s.length < 3) { s = '0' + s; } s = '#' + s; d.style.backgroundColor = s; //document.getElementById("log").innerHTML=s; d.rgb+= 1; if (d.rgb > 0xfff) d.rgb = 0; } window.onload=function(){ setInt…

    Asked by allcoma, June 1, 2014

    • Javascript
    • html
    • компьютер
    • скрипт
    0 votes
    2 answers
17. Почему не работает кроссдоменный Ajax в Firefox?

    Во всех браузерах кроме Firefox, Ajax работает. Код ниже. В Firefox выдает следующее: На сервере откуда берется html, в htaccess прописано: var urlPage = 'https://страница,где должна происходить магия', queryLink = 'https://ссылка с айди/?id=', linkPartners = 'https://ссылка на html на сервере.html'; $.ajax({ url: linkPartners, success: function(html){ if (urlPage == window.location.href) { $(".orange-box .blink").html(html).css({ "background": "none", "padding": "0" }); $(".orange-box").css('background', 'none'); $(".ob-content").css('background', 'n…

    Asked by Drix87, October 13, 2015

    • JavaScript
    • Ajax
    • firefox
    0 votes
    1 answer
18. Прерывание загрузки страницы сайта?

    На сайте есть элементы которые иногда грузяться очень долго с др. хостов (1-2 мин). Можно ли написать скрипт который, например через 15 сек, обрубал все загрузки на страницу? Что то вроде нажатия Esc в броузере.

    Asked by GromLine, February 10, 2009

    0 votes
    7 answers
19. Навигация без перезагрузки всей страницы

    Приветствую! Имеется навигация(пример:www.site.ru/nav1, www.site.ru/nav2, www.site.ru/nav3),хотелось бы,чтобы при клике,содержимое показывалось без перезагрузки всей страницы,погуглил,нашел несколько решений,но все они не для моего случая,т.к если пройти по ссылке,по-мимо самого контента еще дублируется сам шаблон,например,такой скрипт: Друзья,растолкуйте,что использовать для данной реализации-ajax/,jquery или...в какую сторону вообще копать надо?или чтобы показывался сам контент без шаблона,нужно средствами пхп подключаться к базе,выбирать контент для отдельного меню и только потом его выводить,а скриптом просто обрабатывать действия клика-показывать блок с контентом ил…

    Asked by milkeyway, January 2, 2012

    0 votes
    3 answers
20. самодельный коллбек

    помогите пожалуйста решить проблему часто использую jquery-функцию $.ajax. поэтому решил вынести её в отдельный объект следующим образом: var ajaxRequest = function(dataObj, requestFileName) { $.ajax({ url: 'js/project/ajax/' + requestFileName, type: "post", data: dataObj, success: function(json) { console.log('--' + JSON.parse(json)); return JSON.parse(json); } }); }; и затем могу хоть 100 раз обращаться к ней из любого места программы следующим лаконичный способом: var dotsObj = new ajaxRequest({graph_id: graph_id}, 'getDots.php'); проблема в том, что JS асинхронен. т…

    Asked by cyklop77, March 27, 2016

    • js
    0 votes
    4 answers
21. Одинаковая высота колонок в каждом ряду

    Привет, Задача следующая: Имеется несколько рядов блоков. Блоки могут быть различными во высоте, в зависимости от содержимого. В каждом из рядов надо определить блок с максимальной высотой и установить её остальным блокам этого ряда. Количество блоков в ряд известно и равняется четырем. Вот что имеется на текущий момент: http://jsfiddle.net/RzC4q/ Но мне кажется, что тут всё криво и код можно улучшить, либо вообще всё сделать по-другому. Как говорит дядя s0rr0w "jquery головного мозга". В общем-то не обязательно даже код, достаточно алгоритма. Спасибо

    Asked by sigma77, June 16, 2011

    0 votes
    12 answers
22. Помощь разобратся в скрипте

    На просторах интернета, нашел пошаговую регистрацию на javascript Так как я еще учу javascript, не быстро, но пытаюсь... Не поможете ли вы разобраться с данным скриптом содержит jquery.inputfocus-0.9.min $(function(){ //original field values var field_values = { //id : value 'username' : 'Логин', 'password' : 'Пароль', 'cpassword' : 'Пароль', 'firstname' : 'Имя', 'lastname' : 'Фамилия', 'email' : 'email' }; //inputfocus $('input#username').inputfocus({ value: field_values['username'] }); $('input#password').inputfocus({ value: field_values['password'] }); $…

    Asked by BSandro, November 27, 2013

    0 votes
    24 answers
23. Зависает браузер

    Есть вот такой скриптик: onclick = function () { StylisedFormFile(); } function StylisedFormFile() { var form = document.getElementById('StylisedFormFile'); // form's id --> var array = form.elements; // array of form's elements --> for (var i = 0; i < array.length; i++) { var el = array[i]; // element --> if (el.type == 'file') // only "input type='file'" --> { var wrap = el.parentNode; // wrapper --> var block = '\ <input type="text" name="#" value="' + el.title + '" readonly="readonly" id="ExtraInput" class="extra-input" />\ <div class="extra-block"&g…

    Asked by DjTarik, May 27, 2010

    0 votes
    7 answers
24. Как сделать несколько одинаковых слайд шоу на странице

    Здравствуйте. Подскажите новичку. Воспользовался этим примером слайд шоу. http://jquery.malsup.com/cycle/basic.html Но если сделать несколько блоков <div class="slideshow"> слайдшоудит только первый. Остальные вываливает простыми картинками. Как быть? <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, s…

    Asked by oke11o, August 30, 2011

    0 votes
    16 answers
25. работа с DOM-элементами при помощи метода closest()

    Добрый день! Помогите разобраться с работой метода closest(). В приведенном примере https://jsfiddle.net/ymnjo3tc/ , я делаю все "по инструкции": беру дочерний элемент и проверяю наличие у него родительского при помощи данного метода. Но в ответ всегда ловлю один и тот-же Exception. Какие бы я не пробовал проверять элементы. В чем может быть проблема? Где я допускаю ошибку? Да и вообще, применим ли этот метод на практике? И в каких ситуациях?

    Asked by Super_Saimo, April 15, 2019

    • javascript
    • dom
    0 votes
    1 answer