Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

There are no popular questions to show right now

4,723 questions in this forum

  1. obj.parentNode.parentNode.parentNode...

    Вот такая ситуация: <div> <div> <div> <a href="#" id="link">link</a> </div> </div> </div> про клике по ссылке нужно самому верхнему диву присвоить класс, к примеру.. Чтобы не плодить кучу id, хотел сделать так: var obj = document.getElementById('link'); obj.parentNode.parentNode.parentNode; Меня смущает огромное кол-во 'parentNode'. Так как я написал - это нормально вообще? Или грамотнее присвоить диву id и обращаться к нему напрямую? P.S. Повторю, что хотелось бы меньше 'id'-шников иметь в коде. Спасибо.

    Asked by DjTarik,

    0 votes
    19 answers

  2. карусель на Jquery

    Добрый день, есть карусель в блоке "Свадебные фото" на странице http://demo.htmlfromdesign.by/sbum/_index.html, карусель работает через плагин Roundabout - v2.2.1. У меня вопрос, как можно изменить размеры боковых миниатюр? Можете подсказать другой плагин

    Asked by idex,

    0 votes
    1 answer

  3. JQuery - решения, которые непросто найти

    Доброго времени суток! Есть тег: <div class="s_menu"><a id="s_menu1">Описание ресурса</a> <a id="s_menu2">Блог</a> <a id="s_menu3">Личный кабинет</a> <a id="s_menu4">Выход</a></div> Требуется, чтобы при клике на любой из id внутри класса "s_menu" формировался массив ar('s_menu1','s_menu2','s_menu3','s_menu4'). Отдельно каждый id получаю через attr('id'). Как перебрать все id через $each и занести их в массив по одному клику на класс не знаю. Чтобы была ясна причина, хочу сказать, что содержимое исходного тега будет меняться, поэтому в каждом случае надо получать свежий массив.

    Asked by busmyl,

    0 votes
    7 answers

  4. Помогите с условием

    Помогите пожалуйсто с условием. Нужно если цвет ячейки белый менять его на красный если не белый менять на синий. Но почему то не выходит В качестве примера $('td.marker').live("click", function(){ if($(this).css('background-color')== '#fff') { $(this).css('background-color','#ff0000'); } else { $(this).css('background-color','#0000ff'); } И ещё вопрос как можно вызвать изменения класса не у данного элемента а у елемента который является его родителем (строку таблицы (<tr>) )

    Asked by JastinB,

    0 votes
    8 answers

  5. Поиск/фильтр на странице

    Сразу к проблеме. На страницу выводится табличка из базы данных, содержащая например имена. Перед таблицей висит текстовый input, условно назовем его будущим поиском. Необходимо, чтобы при в воде в этот текстовый input какой-то буквы, например "А" в таблице на странице остались только те записи, которые содержат букву "А". Или при вводе нескольких букв (или слова), например "Ан" или "Андрей", в таблице оставались только Андреи. Надеюсь смысл передал. Получается как бы фильтр записей. Все должно происходить в реальном времени, то есть без перезагрузки страницы. На деле это записная книжка, где должен быть вот такой фильтр. Подскажите куда копать? Я естественно не идиот и п…

    Asked by safiullin.at,

    0 votes
    4 answers

  6. Как обратиться к элементу созданному в результате ajax-запроса?

    Файл ajax.js function showContent(link,contentBody) { var cont = document.getElementById(contentBody); var loading = document.getElementById('loading'); var http = createRequestObject(); if( http ) { http.open('get', link); http.onreadystatechange = function () { if(http.readyState == 4) { cont.style.display='block'; cont.innerHTML = http.responseText; } } http.send(null); } …

    Asked by boomrest,

    0 votes
    2 answers

  7. Генератор паролей

    Есть функция генератора паролей следующего вида: <HEAD > <script LANGUAGE="JavaScript"> function a1(q) { var i=document.myform.passlength.value; document.myform.password.value=""; if (i==8) document.myform.password.size=8; if (i==10) document.myform.password.size=10; if (i==12) document.myform.password.size=12; } function getRandomNum(lbound, ubound) { return (Math.floor(Math.random() * (ubound - lbound)) + lbound); } function getRandomChar() { var upperChars = "0123456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKLMNOPQRSTUVWXYZ"; var charSet = ""; charSet += upperChars; return charSet.charAt(getRandomNum(0, charSet.length)); } function get…

    Asked by AJleHka,

    0 votes
    8 answers

  8. Глюк jQuery или я чего-то не понимаю?

    HTML: <ul class="b-sideMenu> <li class="cur"><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> </ul> JS #1: $('#menu :not(.cur) SPAN').each(function(){ console.log($(this).text()) }); $('#menu').on('click', ':not(.cur) SPAN', function(){ console.log($(this).text()) });В консоль выводится "2" и "3" (логично). События click работает для всех SPAN. Почему? Должно работать для 2 и 3. JS #2: $('#menu >:not(.cur) SPAN').each(function(){ console.log($(this).text()) }); $('#menu').on('click', '>:not(.cur) SPAN', function(){ console.log($(this).text()) });В консоль…

    Asked by VJiK,

    0 votes
    9 answers

  9. Слайдер для элементов динамической ширины или прокрутка горизонтального меню

    Собственно, есть горизонтальное меню, не помещающееся по ширине в блок. Нужно сделать для него прокрутку, осуществляющуюся при нажатии по стрелкам. Все готовые слайдеры, котрые я видел, требуют задания фиксированной ширины для элементов, а в моем случае <li> будут, разумеется, разной ширины. Сам я написать что-то не могу, с Яваскриптом не знаком. Либо же можно скроллить не при нажатии по стрелкам, а при событии onMouseOver (или как это называется) на стрелке, и тогда скроллинг должен происходить не на ширину <li>, а просто плавно, и остановиться должен только когда пролистан весь список. Если кто-то подскажет реализацию любого из вариантов, или предложит что-т…

    Asked by Squidward,

    0 votes
    0 answers

  10. Видоизменение checkbox, radiobutton, select...

    Здравствуйте.. Я верстальщик и иногда возникает необходимость прикрутить плагин без помощи фраймворков.(с которыми знаком поверхностно) Последнее время начал изучать JS и поэтому хотелось бы самому написать скрипты для изменения внешнего вида: checkbox, radiobutton, select...(хотя знаю я язык очень и очень поверхностно...) Вопрос: Может ли кто нибудь предоставить ссылку или сам JS код плагинов(лучших на ваше мнение со всех точек зрения..(обьем кода,его простота и т.д.)) Только необходимо что бы формы записи там были не в сокращённой форме!(поскольку это пока что труднодоступно для моего понимания..) То есть мне необходима сама идея, которую бы я мог почерпнуть из ваших ис…

    Asked by Yamaradg,

    0 votes
    1 answer

  11. Функция

    Здравствуйте! Подскажите, почему не работает данная функция? Точнее работает, но только для аргументов вида arg*10 mou.setMenu = function (num) { $.get("/getform.php?menu=1", function(data) { var dat = eval("(" + data + ")"); var count = dat[0]; var tMenu = dat[1]; var nMenu = 1; while (nMenu <= count) { $('#lmenu ul').html($('#lmenu ul').html() + '<li>'+ tMenu[nMenu][1] +'</li>'); if (/\*/.test(tMenu[nMenu][2])) {var arr = tMenu[nMenu][2].match(/(\D+)\*(\d+)/); $('#lmenu ul li:nth-of-type('+nMenu+')').click(function () {mou.display(arr[1], arr[2])}); } else { $('#lmenu ul li:nth-of-type('+nMenu+')').click(function () {alert(123)}); }…

    Asked by Str@nnik,

    0 votes
    1 answer

  12. Как сделать обработку input что бы при введние определенного пароля, блок становился видимым

    Как сделать обработку input что бы при введние определенного пароля, блок который ниже с голубой тенью становился видимым (я знаю, он щас видимый но в сроком времени он приоретет display: none;) Пароль можно к примеру 236632 Очень надо!!!!

    Asked by skoch244,

    0 votes
    9 answers

  13. массив объектов

    Здравствуйте. Только осваиваю JS и сталкиваюсь с некоторыми трудностями. У меня есть прототип theBox с набором некоторых свойств и методом draw(), я хочу создать n объектов, наследующих этот прототип и вызывать для каждого из них draw() в цикле. Инициализирую массив: var boxArray = []; boxArray.push( new theBox("x") ); boxArray.push( new theBox("y") ); boxArray.push( new theBox("z") ); Далее пытаюсь вызвать draw() в цикле for in: for (boxItem in boxArray) { boxItem.draw(); } Результат - болт на 24 в виде ошибки "boxItem не имеет метода draw". Соорудил костыльное (на мой взгляд), но работающее решение: var i = 0; for (boxItem in boxArray) { boxArray[i].draw(); …

    Asked by hedgehog,

    0 votes
    3 answers

  14. Открытие файла по ссылке

    Здравствуйте! Требуется: Чтобы при клике на ссылку открывалось окно выбора файла (имитация возможностей <input type="file" />). Вопрос: Как реализовать данную возможность при помощи JS?

    Asked by webDoktor,

    0 votes
    1 answer

  15. Js + PHP

    Как работать с такой связкой. Например получать данные из cookie и пробивать их по базе данных. Это реально? Как это реализуется? Получаю cookies я следующим образом: function getCookie(cName){ var cookieStr = document.cookie, cookieArray = cookieStr.split(';'), i, j; for (j=0; j<cookieArray.length; j++){cookieArray[j] = cookieArray[j].replace(/(\s*)\B(\s*)/g, ''); var cookieNameArray = new Array({name: '', value: new Array()});} for (i=0; i<cookieArray.length; i++){var keyValue = cookieArray[i].split('='), cookieVal = unescape(keyValue[1]).split(';'); for (j=0; j<cookieVal.length; j++){ cookieVal[j] = cookieVal[j].replace(/(\s*)[\B*](\s*)/g, ''); keyValue[0] = …

    Asked by ctpz,

    0 votes
    2 answers

  16. Вопросик

    Привет всем! В данный момент я учу php,и вот после того как я узнал,что Ajax позволяет перезагружать только некоторые части страницы или вовсе информация может обновляться без перезагрузки странички.Так вот,собственно,в чём вопрос: Сколько времени минимально займёт изучение языка(или технологии) Ajax.И вообще надо ли мне это?Дело в том,что не у каждого есть очень много(куча) времени для того,чтобы сидеть за компьютером - я,например,учусь. может быть я могу просто обойтись двумя языками программирования такими как php и JavaScript ? Тут я собственно полностью запутан.Буду рад за Ваши советы и любые высказывания.

    Asked by SteeLZzZ,

    0 votes
    4 answers

  17. Плавная смена нескольких картинок

    Здравствуйте. У меня следующий вопрос. Нашел следующий пример Пример . Здесь при наведении курсора картинка1, с помощью FadeTo, плавно меняется в картинку2. Подскажите, как можно сделать, чтобы картинка1 плавно переходила в картинку2, а картинка2 - в картинку3? Если убрать курсор, то картинка3 плавно переходила в картинку1. И еще, можно ли сделать тет же самый алгоритм, но при наведении курсора плавная смена 3-х картинок была бы зациклина до тех пор, пока не убрали курсор? Если это можно реализовать, то подскажите, как или дайте ссылку на подробный мануал. Спасибо

    Asked by shurik330,

    0 votes
    1 answer

  18. Помогите подредактировать...

    Приветствую всех! Ребят если несложно подскажите где подредактировать скорость смены слайда в этом плагине. _http://www.jqueryscripts.ru/scripts/jquery_slider/startstop_slider/

    Asked by JTaMeP,

    0 votes
    3 answers

  19. нечетные элементы

    Добрый день, уважаемые пользователи forum.htmlbook.ru! Подскажите пожалуйста как при помощи js можно добавить стиль к каждому элементу который находится между 2 без добавления стиля. Пример: <div class="moremoreelements"> <div> ### </div> <div> #1# </div> <div> ### </div> <div> ### </div> <div> #1# </div> <div> ### </div> </div> Каждый див внутри класса moremoreelements имеет класс float: left; Все элементы имеют одинаковую ширину, так же 3 элемента должны растягиваться на всю ширину ( но боковые должны быть без отступов, т.е. в плотную прижиматься к основному диву. Как можно сде…

    Asked by RodgerFox,

    0 votes
    2 answers

  20. Cookie

    При нажатий на ссылку устанавливается Cookie. Подскажите как можно добавить время действия Cookie например 5000 сек. Пробывал Google и Yandex но нашел только конкретную дату, а надо через какое то время. <a href="" onclick="Language_ENG ()" class="A_Language"> English </a> function Language_VIE () { document. cookie = "Language = VIE; path = /;"; }

    Asked by shabalin-roman,

    0 votes
    1 answer

  21. Нужен совет!

    Итак,всё таки решил начать изучать JavaScript.Нужен хороший учебник,где написано всё от "A" до "Я",желательно в формате .chm , можно и на pdf.Дайте ссылку.Буду благодарен.Заранее спасибо!

    Asked by SteeLZzZ,

    0 votes
    15 answers

  22. Нужно упросить

    У кого-то есть идеи как сделать это проще? Я чего-то буксую. Plugin.prototype.resolution = function ( probe ) { //screen resolution detector resolutionGrid = ''; dWidth = window.screen.width; switch( probe ) { //@mobile default: case 'mob': if ( dWidth >= 480 && dWidth <= 960 ) { resolutionGrid += 'mobyle'; } break; //@station case 'smin': if ( dWidth >= 1024 && dWidth <= 1280 ) { resolutionGrid += 'station_min'; } break; case 'smax': …

    Asked by HeadShot,

    0 votes
    7 answers

  23. почему не работает?

    С программированием редко сталкиваюсь, поэтому вопросы скорее всего простые. 1.Пытаюсь сделать раскрывающиеся блоки с текстом. Пример Как должно работать: - Кликаешь по пункту, раскрывается его описание, кликаешь еще раз закрывается. С этим справился. - Если кликаешь по пунуту, а какой то другой уже раскрыт то его(который раскрыт) нужно закрыть. Вот тут затык у меня. в примере проблемное место(наверное есть и другие) это else он подразумевает проверку что a != nextPreview, a это переменная куда я сохраняю последнее открытое описание, а nextPreview это описание которое сейчас нужно раскрыть. 2. Вот тот же пример но у параграфов и у дивов сохранены отступы и пол…

    Asked by rediskavet,

    0 votes
    1 answer

  24. Узнать размер файла в IE

    Всем привет! делаю загрузку файлов на сервер, нужно узнать общий размер всех загружаемых файлов(для общего прогрессбара), всех браузерах все просто, а вот IE не может. ActiveX не удобно, выбивает алерт безопасности. Можно как то узнать через флеш, может есть уже какое то готовое решение.спасибо

    Asked by myxamyxa,

    0 votes
    3 answers

  25. context menu

    Gодскажите удобный плагин для реализации! Пока нашел только на coolwebmasters.com.

    Asked by dostel1,

    0 votes
    4 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept