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. Улучшение кода JS с переключением картинок

    Помогите оптимизировать код. Есть 3 картинки-кнопки и основная картинка, при клике на кнопки - сменяется её картинка (как выбранная) и основная. <img src="/images/models/ocean/1.gif" id="color1" onclick="document.getElementById('pools').src='/images/models/ocean/ocean1.jpg'; document.getElementById('color1').src='/images/models/ocean/1on.gif'; document.getElementById('color2').src='/images/models/ocean/2.gif'; document.getElementById('color3').src='/images/models/ocean/3.gif';" style="cursor: pointer"> <img src="/images/models/ocean/2.gif" id="color2" onclick="document.getElementById('pools').src='/images/models/ocean/ocean2.jpg'; document.getElementById('color…

    Asked by allmoney.ws,

    0 votes
    1 answer

  2. Уменьшение размера видео, при уменьшении окна брау

    Вот тестовая страничка, как примерно выглядят блоки сайта, упрощённая. Проблема в том, что не получается сделать так, чтоб при уменьшении окна браузера чтоб видео уменьшалось по ширине этих блоков с правой и с левой стороны, чтоб видео не налезало на блоки или вообще в низ не уходило за блоки, при уменьшении окна браузера. Скажите, как исправить правильно? <!--Контент--> <div> <div align="center"> <div style="background-color: silver; float:left; width: 240px; height: 100%; border:1px solid black; "></div> <div style="background-color: silver;float:right; width: 240px; height: 100%; border:1px solid black; "></div> <sc…

    Asked by people2010,

    0 votes
    0 answers

  3. Умные вкладки

    Как сделать, что б содержимое всех вкладок при отключении скриптов были все показаны (display: block), а при скриптах содержимое неактивных вкладок было спрятано? И сами вкладки при скриптах были показаны, а при отключении скриптов - скрывались. В скриптах, ламер я) Попробовал function tab() { document.getElementById("t2").style.display = "none"; document.getElementById("t3").style.display = "none" document.getElementById("tab").style.display = "block" } #t2, #t3 {display: block} #tab {display: none} <body onLoad="tab; return false">...</body> ...ничего В гугле всё перерыл, нашёл супер-вкладки. Там как раз как я хочу, но не понимаю как там это устроено всё…

    Asked by Yahoo!,

    0 votes
    33 answers

  4. Умный выскакивающий блок

    Друзья нужна помощь! Есть кнопка ... при нажатии на которую выскакивает блок div (изначально он скрыт) .... я реализовал это так $(function(){ $('.some_div').hide(); //скрываем блок[/background][/size][/font][/color] [color=#000000][font=verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif][size=3][background=rgb(251, 251, 251)] $('.button').click(function(){ //при клике показываем блок $('.some_div').show(); }); });[/background][/size][/font][/color] [color=#000000][font=verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif][size=3][background=rgb(251, 251, 251)] А теперь самое интересное .... вопрос!!! Как сделать так,…

    Asked by lobanov_kirill_,

    0 votes
    1 answer

  5. Умоляю! Выпадающее меню и проблемы в IE6.

    Умоляю, помогите! Очень надо Кто обещал помочь, подвел, а мне уже ужас как срочно Есть выпадающее меню <ul id="topMenu"> <li class="top-menu"><a class="main" href="#">Home</a></li> <li class="top-menu"> <a class="main" href="#">About Gnax</a> <ul class="sub-menu"> <li><a href="#" class="a-sub">Dedicated Servers</a></li> <li><a href="#" class="a-sub">Colocation</a></li> <li><a href="#" class="a-sub">Backup Servers</a></li> <li><a href="#" class="a-sub">Domain Registration</a></li> </ul> </li&…

    Asked by kalyaka-malyaka,

    0 votes
    17 answers

  6. Уникальный дизаин для каждого модального окна на fancybox

    у меня3 модальных окон fancybox и у каждого разная кнопка закрытия и цвет оверлея. Как их сделать уникальными по дизайну ?

    Asked by ilyas,

    0 votes
    3 answers

  7. Уникальный класс Div на JS

    Ребят, помогите, пожалуйста, решить проблему. У меня есть 2 формы ввода текста и кнопка "Добавить". Мы указываем текст в полях для ввода, При нажатии кнопки "Добавить" в нижней части должна создаваться строка с указанными в полях данными. Вот макап http://prntscr.com/aizxpi. Подскажите, пожалуйста, как сделать, чтобы при нажатии кнопки "Добавить" созданный div имел уникальный класс (к примеру 1, 2, 3, 4 и т.д). У меня есть вот такой рабочий код https://jsfiddle.net/jy876zm0/4/ . К сожалению все попытки решить вопрос через i++ не удается, у всех классов индекс 0 (создается <div class="task-text0">) Ребят, подскажите, пожалуйста, как можно решит…

    Asked by VIVA,

    0 votes
    2 answers

  8. Упаковка *.js

    Упаковка *.js возможна? В начале лета мною было сохранено несколько страниц. Я заметил, что файлы js были слишком малы. Затем я нажал F3 в Total Commander и к удивлению не увидел исходного кода, выбрал в нем распаковать этот файл и увидел исходник. К сожалению страница была по случайности удалена. Больше ничего подобного я не встречал, а ссылку на страницу не помню(может плохо искал подобное). Что это было такое за сжатие и где можно найти подробную информацию по этому поводу(дайте несколько ссылок). Означает ли это возможность работы с упакованными файлами такого рода на стороне пользователя(клиента)? Недавно спрашивал у преподавателя, она обещала посмотреть, но прошло у…

    Asked by Slyfox,

    0 votes
    7 answers

  9. Упаковка конитента в js

    Здравствуйте все! Как можно "упаковать" счетчик, например мэйл.ру в файл, с расширением .js? Спасибо

    Asked by Хазарин,

    0 votes
    7 answers

  10. управление accordion menu

    Привет!. Есть менюшка, сама по себе работает, хоть не трогай... Но есть необходимость открывать и закрывать её списки из отдельного тэга, типа кнопка. Меню. <script type="text/javascript" src="mootools.js"></script> <script type="text/javascript"> window.addEvent('domready', function ddd(toggler, element,ee){ var accordion = new Accordion('h3.menusection', 'ul.menusection', {opacity: false, onActive: function fff(toggler, element) { toggler.setStyle('color', '#333333'); toggler.setStyle('background', '#F7F1E5'); …

    Asked by SuperPuperLesha,

    0 votes
    0 answers

  11. Управление DIV в режиме contenteditable

    Требуется: Выяснить позицию коретки. Выяснить состояние скролеров. Восстановить позицию коретки. Восстановить позицию скролеров. Кто подскажет может?

    Asked by still swamp,

    0 votes
    3 answers

  12. управление 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,

    0 votes
    15 answers

  13. Управление доступом к элементу

    Всем привет! Подскажите как можно сделать элемент формы например SELECT или TEXT недоступным для редактирования, допустим, если выбран один из элементов RADIO то сделать элемент ТЕХТ недоступным, если другой элемент RADIO, то элемент SELECT недоступным. Я искал по гуглу, но не нашел(а может и не понял) свойства, которые отвечают за доступ к элементам, еще не понятно как выяснить выбран ли элемент RADIO? пробовал if(this.formname.Radioname.checked) не катит! Подскажите плиз, очень надо. Я еще сам поищу, но может кто-то напишет раньше.

    Asked by losaped,

    0 votes
    2 answers

  14. Управление полосой прокрутки

    Дано: Страница с iframe посередине. Iframe содержит картинки, выглядит это дело как горизонтальная лента (т.е. с горизонтальным скроллбаром). Над фреймом есть две картинки ака кнопки, которые должны управлять прокруткой ленты. Задача: Написать скрипт, прокручивающий ленту вправо при нажатии одной кнопки, и влево - при нажатии другой.

    Asked by greenrat,

    0 votes
    1 answer

  15. Управление тегом audio в андроид

    Почему звук начинает воспроизводиться в теле функции только после нажатия на кнопку, как исправить? <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <script> function vybor() { document.getElementById('player').play(); setTimeout("vybor()", 3000); } </script> </head> <body onload="vybor()"> <audio id="player" src="123.mp3"></audio> <div id="text">text</div> <button onclick="document.getElementById('player').play()">Воспроизведение</button> </body> </html>

    Asked by Ser8191,

    0 votes
    0 answers

  16. Управление цветами пикселей

    Можно ли средствами JS управлять цветом каждого пикселя в окне броузера?

    Asked by IceBars,

    0 votes
    31 answers

  17. упрастить дин выбор select

    есть 2 selecta: 1 в первом категория 1, категория 2 2 в втором: вар 1, вар 2, вар 3. Нужно сделать чтобы при выборе первого селекта 2 категории появл второй селект, а при выборе 1 кат сразу скрывался. нашел вот такой вариант но что то тут все запутано. Как то это реализовать попроше можно ? без обьектов <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Изменение значения в поле Select (c) Aliance</title> <script type="text/javascript"> var regiondb = new Object() regiondb["africa"] = [{value:"1", text:"Каир"}, {value:"2", text:"Триполи"}, …

    Asked by vrazbros,

    0 votes
    1 answer

  18. Упростить / Дополнить код

    удалить пост!

    Asked by Salk,

    0 votes
    0 answers

  19. Упростить код

    Приветствую. 10 минут смотрю на кусок кода и понимаю что его можно сократить намного, но пока не могу понять как. Подскажите как тут можно оптимизовать: $('#sizes legend').each(function() { if( /(16116)/.test(fid) && /(52|53|54|55|56|57|58|59|60)/.test($(this).html()) ) { $(this).parent().show(); } else if( /(16258|16259)/.test(fid) && /(42|44|46|48|50|52|54|56|58|60|62|64|66|68|70|72)/.test($(this).html()) ) { $(this).parent().show(); } else if( /(16260)/.test(fid) && /(52|53|54|55|56|57|58|59|60)/.test($(this).html()) ) { $(this).parent().show(); } else if( /(16219|16261)/.test(fid) && /(…

    Asked by byxah,

    0 votes
    10 answers

  20. Упростить цепочку нахождения элемента

    Экспериментальным путем нахожу элемент: $("div .MyClass").children().children().children("a") как упростить цепочку? написать одним(двумя) запросами? в третьем children только один "a"

    Asked by Alexys,

    0 votes
    7 answers

  21. Уровень

    Вот скрипт: <script language="JavaScript"> var nick = ['$USERNAME$']; nick['$USERNAME$'] = 0; Mcost=0.014; Rcost=0.045; Scost=0.015; Kcost=0.009; Fcost=0.029; Icost=0.011; Acost=0.089; messages=$_FORUM_ENTRIES$; rep=$_REPUTATION$; news=$_NEWS_ENTRIES$; komments=$_COM_ENTRIES$; files=$_LOAD_ENTRIES$; images=$_PHOTO_ENTRIES$ articles=$_PUBL_ENTRIES$ Mmoney=Math.round(100 * messages * Mcost)/100; Mrep=Math.round(100 * rep * Rcost)/100; Mnews=Math.round(100 * news * Scost)/100; Mkomments=Math.round(100 * komments * Kcost)/100; Mloadfiles=Math.round(100 * files * Kcost)/100; Mphotos=Math.round(100 * images * Icost)/100; Mpubl=Math.round(100 * artic…

    Asked by Rasie1,

    0 votes
    18 answers

  22. Условие выбора языка на странице поиска

    Здравствуйте. Есть страница для поиска в Google. На странице поле для ввода слова, которое надо найти, поле для ввода языка, кнопка. Необходимо, чтобы пользователь вводил в первое поле слово, вводил во второе поле "английский", и выводились результаты поиска только на английском, или пользователь вводил "немецкий", и результаты выводились только на немецком, или пользователь вводил "французский", и результаты выводились только на французском. Проблема в том, что какие бы языки не вводились, результаты поиска выводятся только на русском. Обязательно использовать оператор if. <html> <head> <script> function Gofindit() { var search_word = document…

    Asked by alias,

    0 votes
    0 answers

  23. Условие для функции

    Почему условие работает не правильно? По моей задумке, если одно из промптов пустое, то должно вывести Заполните все поля, но почему-то это условие выводится даже, если все поля заполнены. http://jsfiddle.net/vraaj8jc/

    Asked by DivMan,

    0 votes
    2 answers

  24. Условие перехода к следующему элементу списку

    Есть много туториалов на тему, как перейти к следующему дочернему элементу или родителю. Но покопавшись неделю с интернете не могу найти ни одного, где бы говорилось, как перейти к первому дочернему элементу следующего списка li. Нужно задать программе условие, чтобы при при клике на последнюю картинку в списке li, она переходила к первой картинке следующего списка. Когда делаю через обычное условие (if element = element:last-child), то при клике на последнюю картинку, она сразу уводит к следующему списку. А мне нужно, чтобы она тоже отработала клик и только после этого программа переходила к следующему списку. Буду благодарна за любые идеи, мои уже все закончились) …

    Asked by html6,

    0 votes
    2 answers

  25. Условия(оператор if)

    После php пробую учить javascript. Что этот код значит? if ((city == null) || (city == "")) return; if ((state == null) || (state == "")) return; if - оператор, с ним всё просто. || - логическое ИЛИ. После школьной информатики это для меня значит «Истинно, если хотя бы одно истинно». Тут по-моему какой-то другой смысл. Какой? (city == null) сравниваем с... С чем? null - типа нуль? (city == "") сравниваем с пустым местом. Вроде понятно. return - что он тут значит? Помогите пожалуйста разобраться.

    Asked by Dazar,

    0 votes
    11 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