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. Помогите оптимизировать скрипт, плз

    Добрый день всем! Помогите мне пожалуйста. туплю. Есть html код : <ul> <li class="event1"> <div class="about1" style="display:none"> <p>05.02.2012</p> <a href="#">Оформление вашей свадьбы</a> </div> </li> . . . . </ul> Что нужно: Чтобы при наведении мыши на li внутренний div появлялся. Пунктов списка много. Соответственно, нужно чтобы работало на всех. $('.event1').hover( function(){ $('.about1').fadeIn(); }, function(){ $('.about1').fadeOut(); } ); Это конечно работает, но... Видимо надо что-то типа $("li > div").parent().fadeIn(); но как-то не выш…

    Asked by IvFeo,

    0 votes
    5 answers

  2. Загрузка картинок

    Привет люди! Можно пример работы onload|complete для картинок? Припустим есть 3 картинки.Когда загрузится первая картинка вызать alert('1'),когда вторая alert('2'),третья -alert('3'). Дурацкий код получается.3 alert выводятся сразу. Для тега img события onload нету <img onload="" >? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <body> <div id="one"> </div> <scrip…

    Asked by dostel1,

    0 votes
    5 answers

  3. HTML vs. XHTML (взаимодействие с JavaScript)

    Прошёл книгу "Изучаем HTML, XHTML и CSS" (O'Reilly). Книга нормальная, всё понятно написано. После прочтения книги, в результате советов, которые там дают читателям, сейчас страницы пишу на XHTML Strict. Почему - сказать не могу. Просто в книге читателя плавно подвели к тому, что HTML - это вчерашний день, а сегодняшний - Strict XHTML. И нужно писать страницы на XHTML Strict, чтобы разные браузеры чётко понимали на каком языке написана разметка страницы. Пытался на форумах найти ответ на вопрос "На чём писать: HTML, XHTML или HTML5 ?". Каждый хвалит свою корову. И аргументов у каждого - целая куча. Сейчас прохожу книгу "Изучаем JavaScript" (O'Reilly, м.Моррисон). Думал, ч…

    Asked by Oleh,

    0 votes
    5 answers

  4. объект, добавляющий элементы dom

    здесь одна из первых моих попыток применить ооп в js. очень беспокоит дублирование кода при создании элементов dom-a. помогите пожалуйста написать объект, который на вход получает названия элемента, массив со стилями и создает элемент. зачатки такого объекта в моём коде это функция fabric(). не знаю поступают ли подобным образом, решая задачу генерации элементов dom. если для этих целей используется другой подход, то пните пожалуйста в нужном направлении

    Asked by cyklop77,

    0 votes
    5 answers

  5. непонятное окно

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

    Asked by cyklop77,

    0 votes
    5 answers

  6. Карты гугл не работают в XHTML5

    PHP header('Content-type: application/xhtml+xml; charset=utf-8'); HTML <?xml version='1.0' encoding='UTF-8'?> <!DOCTYPE html> .. <script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>.. </html> Error

    Asked by voodoo,

    0 votes
    5 answers

  7. Не работает динамичное обновление элемента в FF

    Всем добрый день. Подскажите,плиз, где копать. В хытымыле есть строчка Координаты точки <span name="markercoords" id="markercoords"> </span> ею управляет js-код var markerCoords = document.getElementById('markercoords'); markerCoords.innerHTML = convert(coords.lat()) + ' СШ ' + convert(coords.lng()) + ' ВД'; То есть на карте ставим маркер - на странице появляются координаты этого маркера. Таскаем маркер мышью - координаты меняются. Все отлично работает кроме FireFox. В нем никаких координат не появляется при манипуляциях с картой и маркером. Непонятный (для меня) трабл. Гран мерси. Желающие могут посмотреть как оно выглядит - http://forestforum.ru/peatfi…

    Asked by flider,

    0 votes
    5 answers

  8. рекурсивный вызов функции и переполнение стека

    Здравствуйте! Иногда возникает необходимость сделать функцию, которая циклично выполняется все время просмотра страницы, например: function spectrum(){ var hue = 'rgba(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',0.2' + ')'; $('#partnership').animate( { backgroundColor: hue }, 3000); spectrum(); } И вроде бы код работает и свои функции выполняет, но отладчики вываливают ошибку переполнения стека, а firebug при перезагрузке страницы вообще вешает браузер намертво, что сильно усложняет жизнь. Подскажите, пожалуйста, как правильно организовать рекурсию...

    Asked by Elflight,

    0 votes
    5 answers

  9. Подсветка активных страниц

    Ребят, помогите, пожалуйста, подправить код $(document).ready(function(){ var url = window.location.pathname; if(url.indexOf('/video') !== -1){ $(".video").addClass("active-menu"); }; Имеем меню один из пунктов которого, предположим, видео. Если мы находимся на этой странице, то к классу video добавится еще один, чтобы подсветить активную страницу, но если мы перейдем на страницу "/video/moon" то код уже не работает Как бы указать скрипту, что при "/video/*" код так же должен выполняться?

    Asked by ShumNo,

    0 votes
    5 answers

  10. помогите нубу!

    как сделать код работоспособным? $(document).ready(function(){ $(“ul li”).click(function(){ $("#li").animate({ -webkit-border-radius: #08aeeepx; -moz-border-radius: #08aeeepx; border-radius: #08aeeepx; background: #08aeee; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#08aeee), to(#038FE5)); background: -webkit-linear-gradient(#08aeee, #038FE5); background: -moz-linear-gradient(#08aeee, #038FE5); background: -ms-linear-gradient(#08aeee, #038FE5); background: -o-linear-gradient(#08aeee, #038FE5); background: linear-gradient(#08aeee, #038FE5); }, 2000); });

    Asked by olechic,

    0 votes
    5 answers

  11. Детская проблема по javascript

    ТОлько начинаю осваивать JS. Вот такая проблема. Есть например страничка: <html> <head> <script type="text/javascript"> var product = document.getElementById('center').getElementsByTagName('button'); for (var i=0; i<product.length; i++){ product.onclick = function(){ alert (i); } } </script> </head> <body> <div id="center"> <form> <button>кнопка</button> </form> <form> <button>кнопка</button> </form> <form> <button>кнопка</button> </form> ........... </div> </body> </html> В да…

    Asked by KoDA86,

    0 votes
    5 answers

  12. Калькулятор JS

    Люди помогите доделать калькулятор,в java не селен((( Вот формочка: <span>Кол-во: <span style="color:#FF0000">*</span></span><input id="digitA" name="sum" type="text" size="2" maxlength="20" style="margin-left:64px;" /> <span>- </span><select name="valuta"> <option id="digitB" value="wmr">WMR</option> <option id="digitC" value="wmz">WMZ</option> </select> <input name="coll" type="button" value=" = " style="margin-left:5px;" onClick="calculate();" /><span> Итог: </span><br /> <input type="text" id="summa" value="" /> Вот скрипт: function calculate() { var a =…

    Asked by Akspro,

    0 votes
    5 answers

  13. Крутая форма

    Кто нить в курсе как сделать дефолт текст в инпуте при фокусе, которого нельзя редактировать. Пример есть на этом сайте https://www.tcsbank.ru/credit/form/?utm_source=tinkoff_form .Там кликните в поле Мобильный телефон и увидите. Можете помочь найти правильный подход, как это реализовать? Спасибо заранее всем отвечающим.

    Asked by jumancy,

    0 votes
    5 answers

  14. Не повторяется функция

    Вот код: $(document).ready(function(){ function plus(e1,e2){ if(!$(e1+' span').is(':animated')) $(e1+' span') .animate({ 'top':"15px", "opacity":"0" },400,function(){$(e1+' span') .html(parseInt($(e1+' span') .html())+e2)}) .animate({ 'top':"-15px" },50) .animate({ 'top':"0", "opacity":"1" },200); } setInterval(plus('.qwert',15),6000); }); Почему-то setInterval не повторяет действие бесконечно, а только один раз Как исправить?

    Asked by T@NKIST,

    0 votes
    5 answers

  15. выбрать тэг по встроенному стилю

    подскажите пожалуйста как можно при помощи js/jq из набора тэгов <a class="nivo-imageLink" href="#" style="display: block;"> <a class="nivo-imageLink" href="#" style="display: none;"> <a class="nivo-imageLink" href="#" style="display: none;"> <a class="nivo-imageLink" href="#" style="display: none;"> выбрать тот, который имеет style="display: block;"

    Asked by cyklop77,

    0 votes
    5 answers

  16. Карусель.

    Здраствуйте! Для начала ссылка - http://sale1.ucoz.ru/publ/quot_mstiteli_quot_na_peredache_quot_vechernij_urgant_quot/1-1-0-1 Нажмите на 666 видео,видите появляется блок с видеозаписями пользователя,как сделать чтобы они были в одну строку и еще прокручивались влево вправо,то что остается не видно!Читал туториалы как создать Jquery карусель,но все то((Подскажите как сделать!Заранее спасибо!

    Asked by ELBegemotos,

    0 votes
    5 answers

  17. obj.style.opacity не изменяется

    Вот такая проблема: Стандартный скрипт, плавно изменяющий прозрачность при наведении; при задании начального значения opacity в связанном или глобальном CSS скрипт не работает, как только задаю opacity во внутреннем стиле, все работает. Что не так с глобальным и связанным CSS? (Opera 11.60, на других не проверял)

    Asked by Pilgrim,

    0 votes
    5 answers

  18. проверка форм на JS!

    у меня есть 5 текстовых полей-изображений. я хочу сделать проверку на пустоту . как поменять картинку, если форма не заполнена????

    Asked by olechic,

    0 votes
    5 answers

  19. как показывать по 2 элемента в JCarousel?

    По 3 - все ОК (но это по умолчанию), а мне нужно по 2, и когда я ставлю ширину чтоб влазило только 2 элемента при прокрутке он не докручивает элементы и тогда видно кусок предыдущего и не видно кусок следующего (который должен быть полный)

    Asked by T@NKIST,

    0 votes
    5 answers

  20. Подскажите плз.

    Доброе время суток, уважаемые пользователи форума. Подскажите пожалуйста как мне решить поставленную мной же задачу. И так, имеется список в котором находится инпут с типом радио, поле label и еще некий контент ( текстовой). Как сделать, что бы при нажатии и активации определенной радио кнопки в блок где все это находится добавлялся некий класс, что бы уже потом стилями разделял выделенный список от всех остальных. Большое спасибо заранее. Может есть способы без использования js

    Asked by RodgerFox,

    0 votes
    5 answers

  21. Скрипт видеоплеера с плейлистом

    Доброго времени суток! Подскажите пожалуйста, как можно реализовать скрипт видеоплеера с плей листом? Например как тут Заранее спасибо

    Asked by Alishi,

    0 votes
    5 answers

  22. 2события на одно действие

    вот сейчас есть стандартное $("#id").click(function() { а мне нужно чтобы действие произошло или по нажатию по элементу или по нажатию клавиши enter когда находишься в фокусе заданного input элемента и другой input элемент не пустой. как сделать по клавиши $(document).keyup(function(event){ if (event.keyCode==13) { но вот как всё вместе совместить. все сделано без form ,просьба не предлагать сделать через form. или хотя если подскажете какую функцию написать примерно на onsubmit

    Asked by vladimircape,

    0 votes
    5 answers

  23. JS. AddFavorite. Переменная в цикле.

    Имеется запрос к БД, и вывод информации в таблицу, построчно. В каждой строке имеется картинка-ссылка (добавление в избранное), с таким кодом: <script> function add2Fav (x){ if (document.all && !window.opera) { if (typeof window.external == \"object\") { window.external.AddFavorite ('http://site.ru/m.php?id=$ids', 'Объявление $ids'); return true; } else return false; } else{ x.href='http://site.ru/m.php?id=$ids'; x.title='Объявление $ids'; x.rel = \"sidebar\"; …

    Asked by SergRonin,

    0 votes
    5 answers

  24. Как поменять фоновую картинку

    Добрый день. Помогите разобраться вот в чем: есть «div», при нажатии на него у этого блока появляется фоновое изображение (background: url("../bg.png") 0px -100px no-repeat) Как поменять например цвет шрифта или фона я знаю, но как прописать такую сложную конструкцию? $(".dark").click(function() { $("body").css("background-color", "#272822"); }); Спасибо

    Asked by satantx,

    0 votes
    5 answers

  25. Фотоальбом в первом сайте

    Привет, подскажите как сделать фотоальбом на странице, желательно чтобы были картинки а при нажатии на них они увеличивались, сайт делаю первый, в java script 0, что надо делать и знать?

    Asked by Garikvoloshin,

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