JavaScript

4,723 questions in this forum

1. Как сделать переход по якорю не в самый верх страницы

   Есть некая страница <div class="box" id="box1"> 1 </div> <div class="box" id="box2"> 2 </div> <div class="box" id="box3"> 3 </div> <div class="box" id="box4"> 4 </div> .... <div class="box" id="boxN"> N </div> По ссылкам к каждому id происходит переход по якорю, например <a href="#box4">. При этом страница прокручивается так, что выбранный элемент оказывается в самом верху страницы. Как сделать так, чтобы элемент становился не в самый верх, а с некоторым отступом от верха. Пробовал менять padding/margin у body, но браузеру на это начхать, поэтому решил спросить в разделе Javascript, может скриптами как-т…

   Asked by kvant, February 19, 2013

   0 votes
   1 answer
2. Подскажите скрипт

   На этом сайте при промотке страницы вниз, слева выезжает панелька. Если знаете, как он называется, или может ссылка есть. Сам искал - не смог найти. Заранее спасибо

   Asked by Imperil, February 13, 2013

   0 votes
   4 answers
3. Календарь

   Добрый день! Подскажите с помощью чего можно реализовать этот календарь?

   Asked by romank, February 20, 2013

   0 votes
   8 answers
4. setTimeout

   del

   Asked by samosfator, February 20, 2013

   • setTimeout
   0 votes
   2 answers
5. Получить в переменную html код выделенной области?

   Всем добрый вечер! Помогите с решением. Задача - получить html код выделенной области на странице. То есть, мы вешаем обработчик на событие выделения (ну, можно mouseup), который при срабатывании запустит функцию, которая в свою очередь, вернёт строку выделенной области с наличием html тегов, буд-то мы выделяли исходный html код страницы. Где копал: 1. document.getSelection(); document.selection.createRange().text; window.getSelection(); - в возвращаемых объектах нет удобных методов и значений решающих мою задачу. 2. библиотека jQuery++ (amd/range.js) - $.Range.current() - возвращает выделенную строку без тегов. - $.Range.parent() - возвращает текущий DOM Node выделенной …

   Asked by Aroused, February 20, 2013

   • selection
   0 votes
   2 answers
6. Выбор текущего элемента jquery

   Добрый день. Возник вопрос. У меня на странице есть такая конструкция: <div id="wrapper"> <div id=f1></div> <div id=f2></div> <div id=f3></div> <div id=f4></div> <div id=f5></div> </div> Как мне выбрать из дивов которые находятся в диве с id=wrapper, тот на который наведен указатель мыши с помощью jquery?

   Asked by olechic, February 21, 2013

   0 votes
   4 answers
7. задержка hover

   Добрый день, подскажите пожалуйста, как мне сделать задержку ховенра на 1 сек, т.е. если курсор наведен в течении 1 сек. то ховер срабатывает, если нет - то не срабатывает? $('.select').on('hover', '.inner', function() { $(this).children().slideToggle(200); }); СПАСИБО!!!

   Asked by olechic, February 23, 2013

   0 votes
   2 answers
8. Закрытие окна по клику на его окружении

   Есть пример. Пациент - кнопка войти сверху, она открывает зелёненькое окошко. Задача - закрывать окошко по щелчку в любое место за пределами этого окошка, в тот момент, когда оно открыто. Прописывается это всё в main.js, которое сейчас имеет вид. JQ сцены: $('.login-link').toggle(function(){ $('p.voiti').css({'display':'block'})},function(){$('#enter_window').css({'display':'none'}) }); $('#page').click(function(){ $('#enter_window').css({'display':'none'}); });

   Asked by John Do, February 23, 2013

   0 votes
   2 answers
9. Навигация по объекту

   Пример. var a = {}; a.b = {} a.b.c = {} a.b.c.d ={ 'method': function(){ console.log(this); // Object { method:function() } - то есть a.b.c.d.method() } } Всё вополне понятно. А вот как получить доступ из метода к родительским объектам, к примеру a.b ? p.s. вариант прямого вызова по имени объекта не подходит. p.p.s. хотелось бы, что-нибудь простенькое, типа this.parent.parent Всем спасибо!

   Asked by Aroused, February 24, 2013

   • object
   0 votes
   1 answer
10. несколько шрифтов через cufon

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

    Asked by cyklop77, February 24, 2013

    0 votes
    1 answer
11. cufon. изменение высоты строки

    помогите пожалуйста решить проблему на страничке есть надпись из двух строк. проблема в том, что средствами cufon не получается уменьшить высоту строки. я пытаюсь сделать это, используя jquery(helper.js), но при этом даже не получается сделать выборку тэгов cufon - в консоли пусто

    Asked by cyklop77, March 4, 2013

    0 votes
    3 answers
12. Local Storage - где ошибка?

    Добрый день всем! Ситуация такая. На одной странице клиент делает выбор, результат выбора (строка с html-кодом) заносится в Local Storage. Далее клиент переходит на другую страницу, там ему показывается его выбор путём извлечения строк из Storage. Код такой: var all = ''; for(i=1;i<80;i++){ for(j=11;j<34;j++){ var s = 'key'+j+'-x'+i; var z = localStorage[s]; if((typeof(z) != 'undefined')&&(z != '')&&(z != '0')){ z = '<tr>' + z + '</tr>'; all += z; } } } $('.list>tbody').html(all); Работает в веб-браузерах, но отказывается работать на Андроиде (Samsung Galaxy Tab). Кто-нибудь види…

    Asked by botyaslonim, February 25, 2013

    • local storage
    0 votes
    0 answers
13. Скрипт для слайдера

    Здравствуйте. Я только учусь поэтому заранее прошу извинение за возможную глупость вопроса ))) Зашел в тупик со скриптом для слайдера. Здесь инструкция http://jqueryfordesigners.com/slider-gallery/ по интеграции слайдера, все получилось так как надо(внешний вид - ползунок, стрелки и т.д), но к моему большому разочарованию ползунок двигается, перещелкивается куда надо, а картинки не двигаются. Вот скрипт который использую: (window).ready(function () { $('div.sliderGallery').each(function () { var ul = $('ul', this); var productWidth = ul.innerWidth() - $(this).outerWidth(); var slider = $('.slider', this).slider({ handle: '.handle', minValue: 0, …

    Asked by Kuzyo, February 28, 2013

    0 votes
    2 answers
14. Копирование текста в <input type="text" с помощью JQuery

    Хоть очень стыдно, что я не понимаю всей прекрасной силы Java script, но все же решился задать вопрос: Есть форма в которой с помощью скрипта копируются <input type='text'... В общем вот: <form class='form-container' action='excelwrite.php' method='Post'> <div class='form-title'><h2>Обратная связь</h2></div> <div class='form-title'>Ф.И.О.</div> <input class='form-field' type='text' name='fullname' /><br /> <div class='form-title'>Телефон</div> <input class='form-field' type='text' name='phone' /><br /> <div class='form-title'>Список</div> <ol id="ite…

    Asked by jitol, February 28, 2013

    • JQuery
    0 votes
    0 answers
15. iframe URL страницы при переходе

    Привет, не знаю куда написать. Допустим у меня на странице есть iframe, как сделать, что бы при переходах внутни него по адрессам, менялся URL. Ну то есть что бы через адрессную строку браузера можно было переходить на нужный раздел в iframe. Вот допустим на моём сайте site.ru в iframe выводиться domen.ru, и там я нажимаю на domen.ru/stranica1/, а URL то не меняется, просто внутри iframe загружаеться domen.ru/stranica1/, а как сделать что бы при переходе в iframe на domen.ru/stranica1/ менялся URL например на site.ru/domen.ru/stranica1 ну или как угодно менялся, главное что бы можно было открыть этот URL и сразу на моём сайте в iframe открылся нужный раздел.

    Asked by SoFuWa, March 5, 2013

    0 votes
    0 answers
16. Помогите реализовать идею с изображения

    Доброго времени суток. Но многих сайтах видел вот такую идею http://data2.floomby.com/files/share/1_3_2013/bgCHJXjHEKUTZZiXVxAw.png везде она почти одинаковая, отличаются лишь оформлением. И у меня возник вопрос как можно реализовать такое, а именно на сайт загружается картинка далее пользователю предлагается выбрать разрешение изображения и скачать, не думаю что изображение нарезается на кучу разных размеров и все это загружается на сайт... скорей всего все это делается автоматически. Так как я видел это на многих сайтах, то скорей всего это не уникальный скрипт определенного портала. Возможно это готовый скрипт или какой нибудь плагин для определенной cms, возможно…

    Asked by niko999, March 1, 2013

    0 votes
    1 answer
17. Выделение цветом ячейки при вводе текста

    Здравствуйте, в очередной раз, уважаемые! На этот раз обращаюсь к вам за помощью со следующей проблемой: Есть таблица, внутри некоторых ячеек есть input'ы. Нужно реализовать следующее действие: При вводе в инпат (все равно в какой) определенной цифры или текста, закрашивалась определенная ячейка таблицы. Например: Вводим в инпат цифру 9. Цифра 9 в таблице соответствует ячейке со значением "nine"(кодом это нигде не прописано, об этом знаем только мы), и когда цифра 9 введена, ячейка nine закрашивается цветом. Если ввести цифру 15 то закрасится ячейка с именем "roko" И т.д. Вроде легко, но не получается Пробовал работать через if else, firebug ошибки не выдает, но ячейки не…

    Asked by a1rborn, March 1, 2013

    0 votes
    1 answer
18. Пересечение двух элементов.

    delete

    Asked by Wahlberg, March 1, 2013

    0 votes
    0 answers
19. Умный выскакивающий блок

    Друзья нужна помощь! Есть кнопка ... при нажатии на которую выскакивает блок 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_, March 4, 2013

    • javascript
    0 votes
    1 answer
20. зациклить слайдер-карусель

    Добрый день. Есть вот такой слайдер контента. Сейчас после последнего слайда он откручивает все слайды назад, а нужно чтобы но просто переходил на первый. Ну то есть по кругу шла анимация непрерывно. Сразу скажу что с js я чуть менее чем совсем никак, поэтому просьба не писать что то вроде Это элементарно, или напиши свой. Кто может конкретно подсказать - буду благодарен. Ну или кто может показать тутториал с другим слайдером но таким же функционалом и чтобы крутился непрерывно. Большое спасибо всем кто откликнется

    Asked by Dioni$$, March 7, 2013

    • слайдер карусель
    • цикл
    0 votes
    2 answers
21. При открытии нового окна window.open, слетают значения в input text

    Здравствуйте, на сайте существует длинная форма со множеством input type='text'. Необходимо сделать печать данной формы (только формы, а не всей страницы) Для этого область которую нужно распечатать я помещаю в блок <div id="print" class="contentpane"> </div> И использую следующую ф-цую.... var prtContent = document.getElementById(strid); var prtCSS = '<link rel="stylesheet" href="/templates/css/template.css" type="text/css" />'; var WinPrint = window.open('','','left=50,top=50,width=800,height=640,toolbar=0,scrollbars=1,status=0'); WinPrint.document.write('<div id="print" class="contentpane…

    Asked by bistok, March 13, 2013

    0 votes
    2 answers
22. выборка по динамическим классам

    помогите пожалуйста решить проблему код работает. делает выборку по классу и выводит результат в консоль представленная страничка с кодом статическая. если я формирую блок #tabs_zakaz со всем содержимым динамически, используя jqueri ui tabs , то выборка по классу не работает, в консоли нет сообщений об ошибках. при этом firebug видит класс, по которому выбираю помогите пожалуйста разобраться в чем здесь дело. эта проблема взорвала мне мозг пробовал даже $(document).ready(function() { }); хотя он там не нужен

    Asked by cyklop77, March 15, 2013

    0 votes
    1 answer
23. Как изображение при клике заменить на видео

    Привет всем, я уже целый день бьюсь над этой темой, вроде бы не сложно, но я только азы JS изучил В общем нужно заменить картинку на видео при клике (как на этом сайте, вверху слева, http://www.1nstudio.ru/# ) на сайте вот какая конструкция используется, но я не знаю что писать в head>script и также не понимаю назначение некоторых элементов в самом коде <div id="slide_logo"> <div class="slide_logo cf"> <div class="videoLogo" id="videologo"> <div class="moduletable"> <p><iframe src="http://player.vimeo....&portrait=0" mce_src="http://player.vimeo....#38;portrait=0" width="510" height="310" frameborder="0" webkitallowfullscreen="" moz…

    Asked by 6hall, March 16, 2013

    0 votes
    2 answers
24. Проверка формы

    Нужно чтоб на изменение формы выполнялось событие, как этого добиться? Например код в низу выполняет функцию только тогда когда форма была изменена и она потеряла фокус, а нужно без потери фокуса: $('#search').change(function(){ alert("Форма изменена!"); });

    Asked by T@NKIST, March 17, 2013

    0 votes
    3 answers
25. html5 canvas проблемы с putImageData

    проблема с putImageData или чем то ещё, но данные "бьются" <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><title>.</title></head> <body> <canvas id="myCanvas2" width="4" height="4"></canvas> <div id='divid'></div> <script> var canvas2=document.getElementById('myCanvas2'); var img2=canvas2.getContext('2d'); var arD=[1,2,3,4,5,6,7,8,100,100,100,100,200,200,200,200,255,255,255,255,100,0,0,0,200,200,200,0,0,0,0,255]; var arD2=[]; function calcImg(){ var x; var ar = img2.getImageData(0,0,4,4); for (x=0;x<arD.length;x++) { ar.data[x]=arD[x];…

    Asked by iillyyaa2, March 16, 2013

    0 votes
    0 answers