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. Динамический фон

    Доброго времени суток, уважаемые. Необходима помощь. Появилась потребность в динамичном фоне веб страницы, т.е. при обновлении - фон меняется на другой. Фоны в виде фотографий хорошего качества. Необходимо что бы фон растягивался на всю веб страницу, сейчас это реализовано вот так: <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

  2. Галерея в модальном окне

    Подскажите, как сделать в галерее fancybox, чтобы отображались также и превьюшки в модальном окне, а не только стрелками двигались картинки. Или может есть какой-то другой вариант.

    Asked by johnson,

    0 votes
    1 answer

  3. jquery + ajax

    Возникла следующая проблема: Есть код: $(document).ready(function(){ $(".box a").click(function(){ var exit=$(this).parents(".box").attr("rel"); var url=$(this).attr("href")+"&exit="+exit+"&d="+new Date().getTime(); $.ajax({ url: url, beforeSend: function(){ }, dataType: "text", success: function(data){ $(".box[rel='"+exit+"']").html(data); } }); return false; }) }) Т.е. при нажатии на ссылку загружаем в div класса.box результат который получаем при открытии страницы на которую идет ссылка.. Так вот, это четко работает до момента, когда загружается новые данные в .box.. дальше при нажатии на любую ссылку в новых д…

    Asked by Беркут,

    0 votes
    1 answer

  4. Плавное увеличение изображения при наведении курсора и аналогично уменьшение

    Решаю следующую задачу. при наведении мышки на изображение увеличивать ,при отводе ее уменьшать Делала обычным способом,но картинку дёргается.что делать? и еще как сделать чтобы при смене увела мышку и навела изображение сразу изменялось,на данной момент пока изображение не станет исходным он не увеличивается. <!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> <script> var idtime var d=document functi…

    Asked by spring555,

    0 votes
    1 answer

  5. Сумма ширин span-ов

    есть код: <ul class="menu"> <li> <a> <span>item1</span> </a> </li> <li> <a> <span>item2</span> </a> </li> <!-- li - неограниченное кол-во --> </ul> - возможно ли, и как, с помощью js посчитать сумму offsetWidth всех span-ов(их - переменное кол-во), не добавляя при этом к ним классы/id-шники?

    Asked by novicheG,

    0 votes
    1 answer

  6. плагин imgAreaSelect и событие load в IE

    Здравствуйте! Есть картинка: <img id="img_for_avatar" src="img/test.jpg" /> Необходимо, что бы при срабатывании события load этой картинки, запускался плагин imgAreaSelect, вроде бы все просто: <script type="text/javascript"> $(document).ready(function() { $('#img_for_avatar').load(function() { $('#img_for_avatar').imgAreaSelect({ handles: true }); } }); </script> Но, почему-то в Internet Explorer (у меня версия 8), происходит зацикливание события load. В остальных браузерах все нормально. Подскажите, в чем может быть причина?

    Asked by Adel1ne,

    0 votes
    1 answer

  7. Занести объекты в массив

    Добрый день! Подскажите пожалуйста, получаем методом ajax из файла .php данные вида: <ul> <li><a href..><img.. ></a></li> <li><a href..><img.. ></a></li> <li... </ul> Как занести после завершения запроса элементы <li> в массив? То есть после 'success:'. Как-то типа $.each(data, function(){ тут каждый li в массив arr[] }); Я не соображу что должо быть в функции? Заранее спасибо!

    Asked by Aroused,

    0 votes
    1 answer

  8. Помощь в соеденения двух отобранных элементов с помощью цикла

    Всем приветУ меня вопрос я вот решил написать скрипт,но вырисовывается проблемка я задал в переменную дату и с помощью цикла перебираю элементы массива...допусти мне надо выделить первые два элемента это ладно выводит,но проблема в том например если я хочу прибавить к этим двум выделеннм цифрам 6 получается ,что прибавляется к каждому элементу я пробывал через функцию parseInt() соеденить ,но не полуается помогите пжлст Вот мой код $(document).ready(function() { var date= "21.11.2011"; for( i=0;i<2;i++) { var res=parseInt(date[i]); var result=res + 6; $(".date").before(result); }; }); //Конец ready Спасибо,но я уже решил данный вопрос вот т…

    Asked by ELBegemotos,

    0 votes
    1 answer

  9. TinyMCE из <br /> в <br>

    Столкнулся с проблемой. TinyMCE переносит строки тегом <br /> со слешем, как убрать его? Сделать вид <br> нашел все вхождения тега в tiny_mce.js поменял на тег без слеша не помогло, подозреваю регуляркой подставляется, вот только не пойму где. Данная заморочка нужна для валидности кода под doctype

    Asked by Jeka_pro,

    0 votes
    1 answer

  10. свойства <video>

    Начал изучать тег <video> и обнаружил, что он еще далек от рабочей версии. Например проверил такой пример Ни Опера ни Хром не понимают, что такое e.total, Опера даже не реагирует на addEventListener('progress' Кто-нибудь знает, каков нынче статус тега <video>, где искать рабочие примеры и адекватное описание?

    Asked by freeneutron,

    0 votes
    1 answer

  11. вопрос по Меню

    а подскажите пожалуйста, где можно найти похожий пример динамики меню, что б можно было подставить под свой сайт идея такова: есть основные пункты меню, но при наведении мыши - от основного пункта меню вылезают дополнительные, а те основные которые ниже идут, тоже отползают.. как на картинке

    Asked by levaiz,

    0 votes
    1 answer

  12. не работает $(document).ready()

    помогите, я изучал jQuery по видеокурсам Попова и у него эта функция работает а у меня почему то нет $(document).ready( Что делать?

    Asked by T@NKIST,

    0 votes
    1 answer

  13. Скрол в начало страницы при перезагрузке

    Пытаюсь сделать так чтобы при перезагрузке страницы она была "проскроллена" в начало. Добавил такой скрипт (jQuery): $(document).ready(function(){ $("body").scrollLeft(0); }); Но, почему то, все равно, если проскролить страницу, а потом перезагрузить, то страница остается в том же положении как до перезагрузки. Помогите разобрать, пожалуйста.

    Asked by krokodily,

    0 votes
    1 answer

  14. Обновление определенного элемента

    Есть <div> где "Последний зарегистрированный: ..." Все работает, все выводит, но как сделать чтоб обновляло этот <div>? Не всю страницу, а один div .

    Asked by Yashko,

    0 votes
    1 answer

  15. jQuery animate()

    Здрасте, еще раз Проблема второго цикла, всё работает кроме анимации , в чем дело не могу понять. Что не так с анимацией второго цикла? Подсажите пожалуйста. for(var n = 0; param.vis_block - 1 >= n; n++){ var curr_block = container.children('div:eq('+n+')'); if(typeof curr_block != 'undefined'){ //animate news_block curr_block.stop(false, true).animate({'top': '+='+step}, 100) //animate inner images for(var m = 0; param.inner_img_max - 1 >= m; m++){ if(typeof curr_block.children('img:eq('+m+')') != 'undefined'){ curr_block.children('img:eq('+m+')').stop(false, true).animate({'top':'+='+parastep}, 10); // НЕ Р…

    Asked by Aroused,

    0 votes
    1 answer

  16. обращение с this в JS

    Как в js(где ООП весьма странное, ИМХО), делается такое. У нас есть объект с функциями и контролирующий элемент. Вешая на контролирующий элемент слушателя, addEventListener, мы что-то возвращаем в основной объект после обработки события. Так как правильно обращаться к основному объекту(учитывая, что this меняется в слушателе при событии, this при событии-это контролирующий элемент), что бы иметь доступ как к основному объекту, так и к контролирующему элементу? Именно для JS var temp_main=this;//основной объект addHandler(control, 'click', function() { var temp_control=this;// контролирующий объект, на котором происходит событие онклик. // теперь в temp_main- основной объ…

    Asked by KPA,

    0 votes
    1 answer

  17. Подстветка картинки при наведении на другой блок

    Добрый день! Я в js ничего не понимаю, признаюсь сразу. У меня есть Три блока: <div class="1"> <a href="#">link1</a> <a href="#">link2</a> </div> <div class="2"> <img src="#" /> <img src="##" /> <img src="###" /> <img src="####" /> </div> <div class="3"> <a href="#">link3</a> <a href="#">link4</a> </div> Задача: при наведении на ссылку из блока 1 или 3 заменять картинку из блока 2 на другую. Причем каждая ссылка соответствует отдельной картинке. Как это сделать? подскажите хоть куда копать, я покопаюсь)

    Asked by nickostyle,

    0 votes
    1 answer

  18. Обработчик изменения значения атрибута

    Здравствуйте, подскажите пожалуйтса реально ли повесить обработчик на изменение значения атрибута? Либо изменение свойств css? Суть в принципе не поменяется

    Asked by Aroused,

    0 votes
    1 answer

  19. Установить Cookie при нажатий на ссылку

    Помогите как можно сделать чтобы при нажатий на ссылку устанавливалась cookie. Что то вроде такого. <a href="http://www.mydomain.ru/index.php" onclik="set_cookie ("RUS", "http://www.mydomain.ru/index.php");"> Название ссылки </a>

    Asked by shabalin-roman,

    0 votes
    1 answer

  20. AnythingSlider

    Я снова прошу помощи в редактировании слайдера AnythingSlider. 5 часов гуглю, пытаюсь решить проблему, не выходит. Нужно, чтобы при открытии какого-либо слайда, к примеру 6, выполнялся какой-либо код, к примеру алерт. Никак не могу понять, как определить открытый в данный момент слайд. Вот здесь, вроде бы, чуть больше инфы, чем в официальном источнике, но всё равно не смог понять.

    Asked by gurylyov,

    0 votes
    1 answer

  21. Модальное окно

    <div id="fbModal" title=""> <div class="ui-widget-ourcontent"> <?= na ('wallpost request') ?> </div> <div class="ui-widget-footer"> <input type="button" value="<?= na ('close') ?>" id="closemodal" class="ui-widget-yes-button"> <input type="button" value="<?= na ('yes') ?>" id="acceptmodal" class="ui-widget-yes-button"> </div> </div> <script type="text/javascript"> var popupWindow = { instances : [], init : function (selector, noClose) { if (this.instances[selector]) { return true; } $(selector).dialog({ modal: true, autoOpen: false, draggable: false, r…

    Asked by crautcher,

    0 votes
    1 answer

  22. LightBox

    Страничка <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/jquery.lightbox.packed.js"></script> <link rel="stylesheet" type="text/css" href="css/csr/page.css"/> <body class="thrColElsHdr"> <div id="container"> <div id="sidebar5"> <table width="90%" border="0" cellpadding="0" cellspacing="0"> <tr> …

    Asked by nuctee,

    0 votes
    1 answer

  23. jquery tabs расположенные по окружности

    Всем привет, Может кто-то видел что-нибудь похожее: интересует примерно такая навигация по окружности, только при евенте клик внутри круга должны появляться дивы - соответственно для каждого пункта свои: http://tikku.com/jquery-radmenu-plugin делаю тоже самое только с обычными jquery tabs, но там довольно геморно расставлять все <li> по окружности абсолютом. Так что если есть решение попроще, буду благодарен за помощь!

    Asked by rusmn,

    0 votes
    1 answer

  24. объекты...

    <script type="text/javascript"> var ar = {3:{5:6}}; var a = 2; var b = 1; var c = a+b; if (!ar[17]) ar[17] = {}; ar[17][c]=8; document.write(ar[17][3] ); </script> есть какой то способ внести элемент объекта, но по проще ? меня напрягает, то, что нужно проверять есть ли ar[17], и если его нет, создать, а потом только добавить элемент... будь значение не в переменной, было бы проще... хотелось бы эти 2 строчки как то упростить и укоротить...

    Asked by iillyyaa2,

    0 votes
    1 answer

  25. 2 инпута с автокомплитом

    доброе утро, делаю так: <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script> $().ready(function() { $("#autocomplete1").autocomplete({ source: "/admin/spendu/action/scripts/getCars.php" }); }); $().ready(function() { $("#autocomplete2").autocomplete({ source: "/admin/spendu/action…

    Asked by mcavalon,

    0 votes
    1 answer

  • Обсуждения

    • 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