JavaScript

4,723 questions in this forum

1. Карусель от модера Great Rash

   Здравствуйте! Возникла проблема с каруселью автор которой модератор Great Rash. Дело в том что видимые картинки просто прыгают туда сюда, а те, что скрыты не появляются. Помогите пожалуйста!

   Asked by win64, January 7, 2013

   0 votes
   18 answers
2. Проблема в верстке списка тегов, разширение тега при наведении из за этого переносит на новую строку

   Что есть: Есть блок с размером 960px В этом блоке есть большой список тегов в несколько строк, этот список может меняться (количество тегов, текст внутри), при наведении на тег к нему добавляется padding-right: 23px чтобы появилась иконка. Примерный код: <div style="width: 960px"> <div style="float: left;">Тег 1</div> <div style="float: left;">Тег 2</div> <div style="float: left;">Тег 3</div> <div style="float: left; padding-right: 23px;">Тег на который наведена мышка</div> </div> Проблема: Бывает что теги в одной строке занимают всю ширину 960px, при наведении на один из тегов к нему добавляется padding-right: …

   Asked by sembler, January 7, 2013

   0 votes
   8 answers
3. Плавный скролл внутри div'a

   У меня есть блок. Допустим "Main". В этом блоке есть 2 блока "block1" и "block2". У "block1" есть свойство overflow: hidden; Поэтому "block2" не видим. Вопрос: как сделать плавный скролл внутри блока "Main", получается что бы "block1" плавно, сверху вниз, или снизу вверх, заменялся на "block2" при нажатии на ссылку?

   Asked by smlw, January 7, 2013

   0 votes
   1 answer
4. Реагирование на "Отмена"

   Добрый вечер. Есть метод prompt. В модульном окне есть кнопки "Ок" и "Отменить". У "Отменить" значение null. Есть простой пример с оператором условия, и как одно из условий при нажатии на "Отменить" должно выводиться сообщение, но данное условие почему-то не срабатывает, здесь пример.

   Asked by eis, January 6, 2013

   0 votes
   14 answers
5. Постоянное вращение изображения

   Есть скрипт: <script type="text/javascript" src="/js/jqueryrotate.2.1.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { // Функция статичного поворота на 45 градусов jQuery("#rotate1").rotate(45); // Постоянное вращение картинки var angle = 0; setInterval(function(){ angle+=3; jQuery("#rotate2").rotate(angle); },50); // Поворот при наведении курсора на 180 градусов jQuery("#rotate3").rotate({ bind: { mouseover : function() { $(this).rotate({animateTo:-180}) }, mouseout : function() { $(this).rotate({animateTo:0}) } } }); }); </script> <img src="картинка" width="25px" alt="" id="rotate3" /> Нужно объедини…

   Asked by Mahay, January 6, 2013

   • вращение
   • картинка
   • постояное
   • скрипт
   • мышь
   0 votes
   2 answers
6. разделение интерфейсов

   объясните пожалуйста подробно, нужно ли при написании jq-плагина разделять внешний и внутренний интерфейс? или этого делать не стоит потому что функции внутри плагина в любом случае недоступны извне? пример. при написании jq-виджета я разделил внешний и внутренний интерфейс при помощи var self = this;. то есть закрыл доступ извне к максимально возможному количеству методов при написании jq-плагина я этого не делал

   Asked by cyklop77, January 4, 2013

   0 votes
   8 answers
7. как прописать 2 действия в кнопке

   вопрос такой, как сделать, чтоб при нажатии на кнопку направляло на форму регистрации и одновременно на еще одну страничку (вроде: спасибо за ваши данные). это в action как-то прописать можно? кнопка: <form style="width: 266px; border: 2px solid rgb(200, 200, 200); margin-left: ; border-radius: 6px 6px 6px 6px;" class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form_39030_69">

   Asked by olegas, January 4, 2013

   • кнопки на javascript
   0 votes
   2 answers
8. Ищу специфический интернет-ресурс по JS+jQuery

   Добрый день. На этом форуме и вообще в сети, конечно, очень много ссылок на учебные ресурсы по Javascript+jQuery. Но хотелось бы найти ресурс типа вот этого по верстке http://divhack.com/. Чтобы можно было практиковаться на реальных(!) задачах, чаще всего встречающихся на практике, с постепенным наращиванием сложности. Вдруг кому-то попадалось.

   Asked by ElisaD, January 4, 2013

   0 votes
   7 answers
9. Как сделать ссылку в innerHTML?

   Делаю так div.innerHTML = 'text text <a href="http://site.ru">ссылка</a> text text' Все стили ссылки применяет, но переходить на указанный сайт отказывается, что делать?

   Asked by Hoax, January 2, 2013

   0 votes
   2 answers
10. JQUERY - Leanmodal. Автостарт без действия click()

    Привет! Нашел такой хороший плагин как leanModal http://leanmodal.finelysliced.com.au/ , по названию можно определить что это плагин который выводит модальное окно. Код: (function($){$.fn.extend({leanModal:function(options){var defaults={top:200,overlay:0.6,closeButton:".modal_close"};var overlay=$("<div id='modalclass'></div>");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#modalclass").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_widt…

    Asked by Bebeka, January 1, 2013

    0 votes
    6 answers
11. объявление функции

    опытные разработчики обычно советуют использовать Function Expression только в случае необходимости, а Function Declaration - во всех остальных. причина во времени создания функции парсером скажите пожалуйста является ли создание приватного метода такой важной причиной? или приватный метод можно создать, не используя Function Expression? после того как я написал виджет, увидел в своём коде много Function Expression. поэтому решил спросить

    Asked by cyklop77, December 31, 2012

    0 votes
    4 answers
12. Server-Sent Events HTML5

    Добрый день всем и с наступающим! Уже несколько дней изучаю ХТМЛ5 и вот возник вопрос когда читал про серверные события(Server-Sent Events). В объяснении написано что эта функция для того чтоб сервер сам посылал клиенту сообщения когда надо,но когда сам написал и скинул на сервер выяснил что работает так же как и нам хорошо знакомый аякс,запрашивает у сервера промежуточно,и пишет то что отправил сервер, не смотря на текст повторяется или нет. Может я что то не так понял или у меня неважно работает? Буду рад любой помощи и любым советам!

    Asked by LevonNikox, December 30, 2012

    0 votes
    1 answer
13. непонятное сообщение об ошибке

    помогите пожалуйста понять почему следующий код function Clock(options) { var elem = options.elem; var self = this; var flag, nowTime; //this.start(); self.nowTime = function() { this.nowTime = date(); }; elem.on('click', '#clock-start', this.start); this.start = function(){ console.log(44); } } var clock = new Clock({ elem: $('#clock') }); выдаёт в консоли ошибку при этом если тело проблемной функции я помещаю непосредственно в обработчик в виде безымянной функции, то код работает без ошибок

    Asked by cyklop77, December 30, 2012

    0 votes
    3 answers
14. Визуальный редактор

    Недавно наткнулся на статью, где говорится о создании визуального редактора через JS, так вот, изменение текста поддавалось тегами bold и italic. мне нужно сделать чуть больше кнопок, к примеру выравнивание выделенного мною текста по центру, слева, справа и т.д., все необходимое. К примеру вывод строк с помощью тегов li. Вот его текст кода: <form name="myform" action="#" method="post"> <p> <input type="hidden" id="content" name="content" value="" /> </p> <script type="text/javascript"> // Вывод кнопок редактирования document.write("<input type='button' value='B' onclick='setBold()' />"); document.write("<input…

    Asked by EnterNity, December 30, 2012

    0 votes
    7 answers
15. Cannot call method 'removeAttribute' of null

    Есть код: window.onscroll=tb(this.pageYOffset); function tb(val) { var bar=document.getElementById('topbar'); if(val>10){bar.setAttribute('scroll');} else{bar.removeAttribute('scroll');} } Но почему-то не определяется переменная bar, естественно и атрибуты не ставятся Как сделать чтобы определялась??

    Asked by Ratnikov310, December 29, 2012

    0 votes
    12 answers
16. Смена цвета элемента

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

    Asked by DImas95, December 28, 2012

    0 votes
    6 answers
17. Jquery

    Возможно ли вытащить из Jquery лишь одну функцию т.к пользую пока что только одной, а весит библиотека не мало.

    Asked by JessyStorm, December 27, 2012

    0 votes
    3 answers
18. Смена текста

    Есть, напрример, список: <ul> <li> <a> tra-ta-ta</a></li> <li> <a> tra-ta-ta</a></li> <li> <a> tra-ta-ta</a></li> </ul> Но, допустим, окно для вывода списка небольшого размера. Как сделать, чтобы список каждый раз подгружался с разным порядком, и выводилось, например, только первые три пункта?

    Asked by chest, December 27, 2012

    0 votes
    1 answer
19. скрипт смены текста и картинок

    Есть скрипт который меняут цену на странице. Как мне заставить его менять кусок кода (ссылку с картинкой) и чтобы можно было вернуть значения в исходное положение? <script type="text/javascript"> <!-- function parkes_select() { document.getElementById('pricestyle').innerHTML = '3920 грн.'; } //--> </script> <span id="pricestyle">2600 грн.</span><br /> <span class="p77" onclick="parkes_select()">Паркес 77</span><br />

    Asked by apexis, December 27, 2012

    0 votes
    0 answers
20. Помогите с формулой

    Добрый день! Похоже школьные годы совсем забылись и мозг отказывается работать =) Простая задача - объект (пусть это будет условно "мяч") падает с высоты h на поверхность, отскакивает, поднимается и снова падает. Силу трения и остальные внешние силы не учитываем, т.е. прыгает бесконечно. С HTML все просто: <body> <div style="margin:0 auto; width: 802px;"> <canvas id="canvas" width="800" height="600" style="border:1px solid;"></canvas> </div> </body> JS. Запускаем анимацию: window.onload = function () { var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); var engine = new Engine…

    Asked by Odrin, December 27, 2012

    0 votes
    18 answers
21. вычисления без единиц измерения

    помогите пожалуйста просуммировать высоту группы блоков jq-код headers_collection = $('.page_' + dataToggleId + ' #accordion').find('h3'); for (var i = 0; i < headers_collection.length; i++) { height += getComputedStyle(headers_collection[i], '').height; } console.log(height); даёт результат я могу попробовать при каждом проходе цикла отсекать последние 2 символа, но, думаю, существует более простой способ

    Asked by cyklop77, December 25, 2012

    0 votes
    1 answer
22. Случайное расположение картинок

    Есть пять небольших картинок (70?70 px). Нужно их рандомно раскидать по всей страницы. Каким образом это можно сделать?

    Asked by kxe, December 25, 2012

    0 votes
    3 answers
23. Скрипт для смены картинки-рекламы

    Здравствуйте! Есть такая нужда - на детальной странице объекта нужна реклама, там картинка при нажатии на которую бросает по ссылке, но картинок много и нужен скрипт который будет определять, если один и тот же пользователь просматривает детальные страницы - то ему будет на следующей странице будет показана следующая картинка, и так далее - на каждой новой странице странице будет показана следующая картинка. как это реализовать? перепробовал много скриптов - и результат не удовлетворяет. помогите, как это можно решить? буду признателен.

    Asked by alex_stepanow, December 24, 2012

    0 votes
    2 answers
24. Помогите пожалуйста

    Привет, всем! Помогите найти ошибку, не понимаю почему подменю не выскакивает. Вот это CSS: #nav { margin: 30px; } li { float: left; list-style: none; width: 150px; } #nav ul { display: none; } #a { text-decoration: none; background: #0000cc; padding: 15px; text-align: center; color: #ccc; display: block; margin: 3px; border-radius: 5px; } #a:hover { background: #6666ff; color: white; } А это HTML: <head> <title>Меню от Никиты</title> <link rel="stylesheet" href="menu.css" type="text/css"></link> <script type="text/javascript"> $(function(){ $('#nav li').hover(function(){ …

    Asked by ayya1, December 24, 2012

    0 votes
    7 answers
25. Chrome переставляет элементы после события onload

    Привет! Я только знакомлюсь с JavaScript, прошу вас помочь разобраться в нем. Есть 3 блока. 2 сверху, 1 под ними. Я хочу изменить ширину нижнего по ширине обоих верхних. Я хочу сделать так: blank.style.width=triangle_right.offsetLeft-triangle_left.offsetLeft-triangle_left.offsetWidth+"px"; blank - нижний triangle_left и triangle_right - верхние Есть браузер Google Chrome, который переставляет triangle_right влево на 200пх после события onload Соответственно, ширина блока, вычисленная в приведенном коде, больше на 200пх. Как правильно решить эту проблему на языке JavaScript? Ниже оффтопик/что сделано: По событию onresize этой проблемы нет. В других браузерах этой пробле…

    Asked by w1cked, December 24, 2012

    0 votes
    10 answers