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. Дергание fixed блока при скролле

    Гуру, подскажите что я делаю не так? Есть шапка, которая имеет такие стили header {position: absolute;width: 100%;top: 150px;height: 85px;z-index: 10;background: url(../img/head-line.png) repeat-y center center;} При скролле страницы я добавляю класс, и она прилипает к верху: header.fixed-top {position: fixed;top: 0px;} И сам код: $(window).scroll(function(){if ($(window).scrollTop() > 150) {$('header').addClass('fixed-top');} else {$('header').removeClass('fixed-top');}}) Суть в том что в хроме когда скролю страницу, появляется мерциание этого хедера. Не пойму в чем косяк, ведь раньше так делал и не было таких проблем...

    Asked by vladmih,

    0 votes
    5 answers

  2. Дерево выбора (показать/скрыть элементы)

    Всем привет! Помогите реализовать функционал для салона красоты по последовательному выбору мастера. Т.е. имеется что-то типа дерева следующего типа: Причёски Окрашивание Светлые цвета Тёмные цвета Укладка Причёска Свадебная Вечерняя Ногтевой сервис Гель Лак Уход Брови Коррекция Уход Массаж На странице должны сначала отображаться элементы первого уровня (Причёски, Ногтевой сервис, Брови, Массаж) при нажатии на элемент появляются дочерние элементы. (Например: при нажатии н…

    Asked by vlad1q,

    0 votes
    1 answer

  3. Детская проблема по 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

  4. Диаграмма средствами VML

    Здрасте. Есть код, <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v = "urn:schemas-microsoft-com:vml" xml:lang=en lang=en> <head> <script src="http://api.simile-widgets.org/timeplot/1.1/timeplot-api.js" type="text/javascript"></script> <title> WebTerminal</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <script language="JavaScript" type="text/javascript"> //main array for temperature var mas_time = new Array(); var mas_temper = new Array();mas_time[0] = "11.10.2009 00:09:21";mas_temper[0] = …

    Asked by Boocha,

    0 votes
    2 answers

  5. Диалоговые окна

    Здравствуйте! Мне дали следующее задание Из этого задания я знаю только первое и третье... Подскажите, пожалуйста, как реализовать второй пункт...

    Asked by Improviz,

    0 votes
    1 answer

  6. Диалоговые окна

    Написал код, не работает. Подскажите, как исправить? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тренировка</title> </head> <body> <script type="text/javascript"> var s = "Как меня зовут?"; promt(s); if(s=="Антон"){ confirm('Ты точно уверенна?')) { <div align="center">Так ты оказывается умничка, угадала!</div> } }else alert('Ты глубоко заблуждаешься!'); </script> </body> </html>

    Asked by usa-1500,

    0 votes
    6 answers

  7. Диалоговые панели

    В четырех списках панели находятся фамилии, имена и отчества сотрудников и номера их телефонов. Для выбора всех данных сотрудника достаточно указать в одном из списков. В случае повторения данных в этом списке(например, фамилий) выбрать всех сотрудников с такой фамилией. После закрытия панели в заголовке окна отобразить выбранные данные. Срочно нужно сделать. Заранее благодарю.

    Asked by No Pride,

    0 votes
    0 answers

  8. Див в IE и Opera нормально всплывает, в Mozilla никак.

    Написал пример моего кода с "всплывающей подсказкой"... по какой-то причине подсказка не всплывает в Mozilla... Помогите решить проблему, пожалуйста. <style type="text/css"> <!-- .bubble { z-index: 100; display: block; position: absolute; border: 1px solid #6699FF; background: #D9ECFF; padding: 2px; width: 150px; height: 20px; font-size: 14px; FILTER: alpha(Opacity=85); } --> </style> <script language="JavaScript" type="text/javascript"> function onShowBubble(mytext) { e = window.event; document.getElementById('bubble').style.width = "150px"; if (mytext.length>100) document.getElementById('bubble').style.width = "300px"; docu…

    Asked by partiz,

    0 votes
    8 answers

  9. Динамическая загрузка и исполнение скриптов

    Как подключить к документу внешний файл скрипта, после загрузки документа, т.е. document.write не канает. и еще вопрос почему если я присваиваю любому тегу innerHTML = " " то алерт не срабатывает?

    Asked by nim,

    0 votes
    11 answers

  10. Динамическая загрузка скрипта содержащего document.write

    День добрый, знатоки! Помогите пожалуйста с JS. Что-то бьюсь весь день и не могу пробиться.. :/ 1) Есть задача: динамическая загрузка js библиотеки. Динамическая т.к. выполняется она по условию которое то есть, то нет. Делается это через someElement.appendChild(script), ну а script был создан через createElement. Это выполняется и скрипт запускается. Но проблема в том что в том скрипте что я загружаю динамически через someElement.appecdChild(script) есть document.write, который загружает другие скрипты. Вот так все запутано Так вот, проблема в том что этот document.write не выполняется. Я вижу в дебаггерере хрома что по нему выполнение прошло, но также вижу что запросов …

    Asked by Dymytry,

    0 votes
    4 answers

  11. Динамическая обработка форм

    Здравствуйте. Суть такова(упрощённо): <form> <input type="text" name="head" /> <input type="submit" value="Add!" /> </form> <form> <textarea name="description"> </textarea> ... </form> Стоит задача, в input type="text" вводится информация, которая по нажатию кнопки Add должна появляться в textarea без перезагрузки страницы. Информация должна дописываться в конец, в textarea может быть введено что-то ещё непосредственно. Подскажите, каким образом это реализовать.

    Asked by MrPostman,

    0 votes
    3 answers

  12. динамическая проверка полей

    помогите пожалуйста разобраться в ситуации при помощи angularjs навесил на форму валидацию. в целях отладки каждое действие сопровождается выводом в консоль сообщений: briefApp.directive('nameValidate', function() { return { link: function($scope, element, attrs, ctrl) { $scope.$watch('name', function(value){ console.log(11111); console.log($scope.brief_form_new.name_new.$valid + 'for name'); }); } };});briefApp.directive('phoneValidate', function() { return { link: function($scope, element, attrs, ctrl) { $scope.$watch('phone', function(value){ …

    Asked by cyklop77,

    0 votes
    6 answers

  13. Динамическая сетка галереи как в google images - как ускорить?

    Привет! Есть вот такая страница с фотками: http://apriori.leveler.ru/apriori/fotogalereya.html Хотелось отойти от скучной сетки и для равномерного заполнения листа объектами я использовал FreeWall Он изменяет размеры и расположение элементов для равномерного заполнения листа. Адаптивный. Но он, гад, безбожно тормозит. Хотя на демосайте у них всё хорошо. Вопрос - он ли тормозит? И как можно ускорить первоначальную прорисовку? Может, есть более интересные альтернативы? PhotoWall я пробовал - почему-то не подружились. Надо передавать массив картинок в JSON, мне это не оч удобно. да и ошибки в нем, не смог исправить

    Asked by d0ublezer0,

    0 votes
    2 answers

  14. Динамическая смена данных?

    Пример тут: http://www.abduzeedo.com/ Внимательно посмотрите на два больших блока после меню. Подождите несколько секунд... Я хочу сделать, чтобы изображение со ссылкой менялись через какой-то определенный промежуток времени в секундах. С таким же эффектом, или хотя будет лучше, если будет другой эффект. Я сначала думал, что это flash, но внимательно присмотревшись понял, что обычный скрипт. Как такое сделать? Менять хочу только это <a href=""><img src=""></a> Вот тут: http://www.javelines.ru/ , смотрите на большое изображение после лого. Вот его я хочу менять автоматом.

    Asked by javelines,

    0 votes
    4 answers

  15. Динамическая смена дизайна главной страницы

    Здравствуйте. Немного предыстории. Главная страница оформлена с использованием фрагментов картин известных художников. Есть шесть файлов стилей, которые меняются в зависимости от времени. Вопрос в следующем: Как добавить в нужное место текстовый комментарий? Это просто упоминание о художнике, работы которого использованы при оформлении. Скрипт - <script type="text/javascript"> date = new Date(); a = date.getHours(); if (a > 23){ document.write("<link rel='stylesheet' href='style1.css' type='text/css' media='screen'>"); }else if (a > 20){ document.write("<link rel='stylesheet' href='style2.css' type='text/css' media='screen'>"); }else if (a…

    Asked by Aleksty,

    0 votes
    12 answers

  16. Динамическая смена контента

    Ребят, дайте ссылочку на нормалоьный урок по динамическому смену контента с помощью ajax или помогите со старой, сделал смену но с кодировкой что то не так, можите глянуть http://demo.skoch244.ru/, на chrome всё норм, а на остальных шлак

    Asked by skoch244,

    0 votes
    6 answers

  17. Динамическая форма

    Всем привет, вот мой вопрос: Есть анкета, в ней некоторые вопросы зависят друг от друга. Например: чекбокс "Покрасить волосы?" - Выбираешь "Да" - появляется слой с опциями окраски: Выберите цвет: красный / синий / белый Блеск: да / нет и т.п. потом следующий вопрос: радио-переклчалка "1, 2, 3" и соответствующие каждой опции вопросы как делать появление таких слоёв при выборе чекбокса, или радио-кнопки?

    Asked by missJessi,

    0 votes
    11 answers

  18. Динамические элементы формы

    Здравствуйте. Битый час не могу подобрать решение для динамического добавления элементов в форме. Первое что я нашел это было http://citforum.ru/i...t/dynamic_form/ проблема в очистке формы при добавлении нового элемента. Чуть позже наткнулся вот на это решение http://vvy.me/10-jav...-elementov.html. Я так и не уловил сути как вытащить данные из элементов формы. И еще нашел решение на jquery http://www.mdelrosso...en_GB&sec=demo1. Собственно последний вариант больше всего и понравился, как раз то что надо. Только опять таки, я не понимаю как перебрать введенные данные в этой форме, какой вид должен иметь цикл для массива name="person[phones][#index#][phone]"? Возможн…

    Asked by Trurlol,

    0 votes
    2 answers

  19. Динамический выбор с выводом результата

    Всем привет, может кто поможет? Стоит такая задача, сделать динамический выбор сначала выбираешь город, после того как ты выбрал город ты можешь выбрать дом, а после того как ты выбрал дом он тебе показывает есть в этом доме интернет или нет. Как реализовать город > дом я понял, а как показать не селектором а просто строкой есть там интернет или нет? P.S. В JS полный новичок

    Asked by Danny Cool,

    0 votes
    2 answers

  20. динамический зум картинки

    Доброго времени суток! Подскажите пожалуйста как реализовать на сайте динамическое увеличение картинки при наведении на нее, увеличиваться должна именно область, на которую наведена мышь. Нашел только один скрипт, но он платный(( http://www.magictoolbox.com/magiczoom/integration/ Хотелось бы такой как в 4м примере. С javaScript не знаком к сожалению, ну и CSS только начал изучать...

    Asked by MrDel,

    0 votes
    4 answers

  21. Динамический раскрывающийся список

    Добрый вечер! Подскажите, что нужно сделать чтобы код заработал в IE и опере. В ff все работает отлично. Пробовал через appendChild, но переставало работать вообще везде . <script type="text/javascript" language="javascript"> function changeView(name){ var arSelect = new Array(); arSelect[123] = '<select name="reg[subkat]" id="123"><option value="" /><option value="124"/>subkat1<option value="125"/>subkat2</select>'; arSelect[126] = '<select name="reg[subkat]" id="126"><option value="" /><option value="127"/>subkat1<option value="128"/>subkat2<option value="129"/>subkat3</select>'; if (name == …

    Asked by toxic-mt,

    0 votes
    4 answers

  22. Динамический список из DIV`ов и INPUT`ов

    Добрый день, проблема заключается в следующем.. есть форма и динамический список: в форму <input id=chislo> вводится число.. динамический список представляет собой динамическую таблицу, где <input hidden id=koef value="данные из базы" /> и <div id=result> который показывает результат. function Formula(){ var inputChislo = $('input#chislo').val(); var inputKoef = $('input#koef').val(); rec = inputChislo * inputKoef; $('div#result').html(rec); } В результате картина такая, считает только первый коэффициент и передает результат на все дивы. Понимаю, что нужен цикл, тока не могу его придумать.. И как сделать, чтобы он выводил результат на свой див? Или мож…

    Asked by Andrew_li,

    0 votes
    13 answers

  23. Динамический фон

    Доброго времени суток, уважаемые. Необходима помощь. Появилась потребность в динамичном фоне веб страницы, т.е. при обновлении - фон меняется на другой. Фоны в виде фотографий хорошего качества. Необходимо что бы фон растягивался на всю веб страницу, сейчас это реализовано вот так: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var a=Math.round(Math.random() * 7); if(a==1) $('body') .css('background','#000000 url(images/fon/1.jpg) no-repeat 50% 50%'); if(a==2) $('body') .css('background','#000000 url(images/fon/2.…

    Asked by Lawilet,

    0 votes
    1 answer

  24. Динамическое добавление полей формы

    <html> <body> <header> <div id="" class="right_link"> отменить операцию и вернуться на <a href="#">главную страницу</a> </div> </header><br><br><hr><form class="form-horizontal" action="#"> <h3>Форма предварительного технического задания</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam <div class="control-group"> <label class="control-label" for="inputName">Ваше имя и фамилия:</label> <div class="…

    Asked by moroz69off,

    0 votes
    0 answers

  25. Динамическое добавление полей, после себя

    Как сделать, чтобы поля добавлялись после себя? Сейчас они улетают в конец всех, т.е. в конце блока создаются. http://jsfiddle.net/npofopr/LPYwU/ Сюда смотрел, но не вышло.

    Asked by npofopr,

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