JavaScript

4723 questions in this forum

1. скрипт галереи

   ищу в гугле подобную галерею http://ua-net.info/ua/portfolio/port_poligrafiya.html Так чтоб при нажатии раскрывалось фото и были кнопки nexr prev close. пока что не нашел нужного. у такой галереи есть какое-то название, но я его не знаю. Может кто-то подскажет ссылку на исходник или урок такой галереи

   Asked by Angel_33_3, August 2, 2010

   0 votes
   7 answers
2. jquery SELECT в текущем элементе

   Сорри за мой jQuery, я с ним на Вы. Отсюда и вопрос: $(".bottom").click( function(){ var html = $('.text').html(); $(".text").html( html+ "<p>"+ "Добавленный параграф" "</p>"); } ); Вот html <div class='content'> <span class='text'>Первый параграф</span> <span class='bottom'>Добавить параграф</span> <div> Суть этого кода в том, что по клику на кнопке с class='bottom' в элемент с class='text' добавляется его прежний код плюс параграф с надписью "Добавленный параграф". Всё работает. НО по хорошему для добавления нужно искать элемент с class='…

   Asked by Bolmazov, November 24, 2009

   0 votes
   11 answers
3. Прокрутка слоя с overflow: hidden

   Есть слой который содержит много вложенных слоев. Также есть кнопка. Надо при нажатии на нее прокрутить слой допустим на 158 пикселов. Сперва я просто для каждого вложенного слоя менял свойство top: var ref = document.getElementById('sketches'), n = 0; var intervalID; function moveForvard(){ for(var i = 0; i < ref.childNodes.length; i++){ if(ref.childNodes[i].className == 'sketch'){ var elem = ref.childNodes[i]; if(window.getComputedStyle){ var computedStyle = window.getComputedStyle(elem, ""); var elemStyle = computedStyle.getPropertyValue("top"); } var elemTop = elem.currentStyle ? elem.currentStyle.top : elemStyle; if (elemTop == "0px" || elemTop == "auto"…

   Asked by Дядя Саша, July 17, 2007

   0 votes
   5 answers
4. Высота div блока в зависимости от контента.

   Имеется div блок (height:50px; width:400px;) При наполнении контентом, высота div'а должна автоматически увеличиваться. Нужен скрипт, который будет выполнять эту задачу.

   Asked by Grasss, April 28, 2019

   • height
   • min-height
   0 votes
   4 answers
5. Сортировка блоков div

   Всем привет, такая проблема, в javascript новичок вот код <div class="last_news"> <h1>Заголовок1</h1> <p>Текст1</p> </div> <div class="last_news"> <h1>Заголовок2</h1> <p>Текст2</p> </div> <div class="last_news"> <h1>Заголовок3</h1> <p>Текст3</p> </div> Нужно сделать так, что бы блоки отображались на странице в обратном порядке как это решить на Jquery?

   Asked by galaydas, May 20, 2013

   0 votes
   6 answers
6. Грамотная подсветка активного пункта меню

   Здравствуйте! Задача стоит простая: существует 4 пункта меню, которые необходимо подсвечивать (выделять цветом) при его активности. Но возникло несколько проблем:. 1. Использованный скрипт, подсвечивает пункты вместе с пунктом главной страницы, который должен сниматься при переходе в другой раздел. 2. Если вставить в пункт "главная страница" картинку (в данном случае белый квадрат), то подсветка пункта не работает, а при наведении псевдокласс hover работает без проблем. 3. Если прописываю в браузере адрес без "www" то подсветка слетает - браузер сам не дописывает "www" почему-то, у другх сайтов пробовал - прописывает. Возможно, вопросы совсем глупые, но я новичок в этом. …

   Asked by Torawhite, December 8, 2014

   0 votes
   17 answers
7. JQuery + IE8

   столкнулся вот с какой проблемой есть код который при нажатие на кнопку выдает модальное окно, работает везде кроме ИЕ... точнее и в ИЕ работает но при запущенном отладчике (если отладчик запущен показывает что в файле jquery-1.5.1.js на 2065 строке "Объект не поддерживает это свойство или метод" (elem[ name ] = value;) и грузит скрипт до конца), но если отладчик выключен просто показывает что готово но с ошибкой, недогружает скрипт и кнопки не работают. как с этим можно бороться?

   Asked by GeSTaM, June 27, 2011

   0 votes
   10 answers
8. RegExp - как выбрать подстроку?

   Добрый день! Помогите плиз. с решением задачи. Есть строка: var str = "string <em>substring<em>substring</em>substring</em> xxx substring xxx <em>substring</em> xxx <em>substring</em>"; Необходимо выделить содержимое самых внешних тегов <em> (то что выделено синим). var str = "string <em>substring<em>substring</em>substring</em> xxx substring xxx <em>substring</em> xxx <em>substring</em>" Спасибо!

   Asked by kozakmamai, October 27, 2009

   0 votes
   15 answers
9. Google Maps API Проложить маршрут от м.Берестейка (Киев) к заданному адресу / Google API

   Привет всем! Такая проблема, как по нажатию кнопки сделать построение маршрута от метро Берестейка к определенному адресу (адрес известен) ?. <button class="route btn btn-primary" id="travelMode1" data-travelmode="WALKING">Пешком</button> <button class="route btn btn-primary" id="travelMode2" data-travelmode="DRIVING">На авто</button> function initialize() { var settings = { zoom: 17, center: new google.maps.LatLng(50.445068, 30.420486), mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, …

   Asked by ataman, June 11, 2014

   • Google API
   0 votes
   8 answers
10. Формирование JS объекта Array() или Object()

    Т.к. я больше программирую в PHP буду объяснять терминами этого языка. JS (jquery) должен сформировать по сути двухмерный ассоциированный массив, но ключи массива д.б. числовыми. Пример: array(3=>array(2), 4=>array(2,3))); Пример формирования подобного массива: var param = new Array(); $(".construct_field").each(function () { var value = new Array(); $(this).children(":selected").each(function () { value.push($(this).val()); }); param[$(this).attr('id')] = value; }); Сформировав подобный массив, его нужно передать в качестве параметра AJAX-запросу в PHP: Пример: $.post("script.php", {'data[]': param}, function(data){ node.after(data); }, "html"); В тесто…

    Asked by Bolmazov, June 17, 2010

    0 votes
    15 answers
11. Как получить выделенный текст

    Существует блок (<div>), в который выводится текст из БД, как получить фрагмент текста, выделенного пользователем и присвоить его переменной? Дело в том, что JS только начинаю изучать и в какую сторону копать не знаю. Чувствую, что здесь нужно использовать какое-то событие, но какое, не знаю. Подскажите пожалуйста направление или дайте ссылку на инфу.

    Asked by Ornament, July 13, 2009

    0 votes
    2 answers
12. Помогите плз с динамически изменяющимся select 'ом

    есть два селекта и две кнопки: <select size="5" id="select"> <option value="1">параметр 1</option> <option value="2">параметр 2</option> <option value="3">параметр 3</option> </select> <select size="1" id="add_select"> <option value="4">параметр 4</option> <option value="5">параметр 5</option> </select> <input type="button" value="add"> <input type="button" value="del" onclick="delete_item()"> Задача такая: по нажатию на del элемент из первого select должен переместиться во второй, а по add - наоборот - элемент из второго должен появиться в первом. попробовал сделать так …

    Asked by ATr, June 3, 2007

    0 votes
    4 answers
13. Из линка в FareFox не запускается Js

    В IE и Opera это работает .. <body> <script language="javascript" type="text/javascript"> function fs(x){ form1.v.value=x; form1.Log.value=document.getElementById("iLog").value; form1.PW.value=document.getElementById("iPW").value; nNew="+form1.nNew.value); form1.submit(); return false; } </script> <form action="index.php" id=form1 name="form1" method="post"> <INPUT id="v" name="v" type="hidden" value="0"/> <input id="Log" name="Log" type="hidden" value=""/> <input id="PW" name="PW" type="hidden" value=""/> <input id="nNew" name="nNew" type="hidden" value=""/> </form> ... <a href="index.php?v=0" onclick="fs(0)…

    Asked by avv, June 26, 2007

    0 votes
    5 answers
14. frD-помогите со скриптом.

    Как сделать что-то на подобие того что используется на www.mail.ru http://foto.mail.ru/list/yablonya_58/2/71....ast_from_main=1 при нажатие на ссылку "разместить на сайте" открывается запрос на получение данных с выводом необходимой информации. Заранее спасибо.

    Asked by kapat, July 24, 2007

    0 votes
    6 answers
15. ajax и mail() в php

    Начну издалека. Есть на странице некий элемент. Скажем с каким-то id. Задача в том чтобы его содержимое отправить на email пользователю без перезагрузки страницы. В принципе, через XMLHttpRequest все сделал. Бэкэнд - простенький php скрипт - отсылает инфу на мыло пользователю и ответ возвращает, ну вроде как успешно или нет. Даже с кодировками и заголовками разобрался, вроде бы. Ну кто знает, тот поймет, как говорится. И, собственно, проблема. В IE все работает прекрасно - письма уходят и приходят полностью, как и должны. А вот при отправке из Opera - приходит только часть письма! Пытался проверять что в php приходит - вроде бы все правильно... Уже не знаю что и думать.…

    Asked by UnToha, August 2, 2007

    0 votes
    5 answers
16. Выделение блока меню по прокрутке

    Всем привет! При скролле прилипает шапка к верху в ней ссылки якоря. Прокрутку по клику обрабатываю таким образом var hashTagActive = ""; $(".anchors").click(function (event) { if (hashTagActive != this.hash) { event.preventDefault(); var dest = 0; if ($(this.hash).offset().top > $(document).height() - $(window).height()) { dest = $(document).height() - $(window).height(); } else { dest = $(this.hash).offset().top; } $('html,body').animate({ scrollTop: dest }, 1000, 'swing'); …

    Asked by vladmih, March 3, 2015

    0 votes
    1 answer
17. Выделение текста на странице

    Есть, значит, у меня именной div, содержимое которого необходимо выделить по нажатии кнопки. Как такое можно реализовать?

    Asked by MIT, May 25, 2009

    0 votes
    12 answers
18. Обновление контента в блоке без перезагрузки страницы

    Есть страница index.html Есть блок, например с классом content, в котором много блоков с различным контентом. Есть также навигационное меню, со множеством ссылок, и необходимо чтобы при нажатии на одну из ссылок меню обновлялся контент в блоке с классом content, затем при нажатии на другую ссылку меню старый контент исчезал, а появлялся новый. Слышал что это делается с помощью AJAX, но до конца не понял как. Спасибо за помощь.

    Asked by spyrofunk, March 28, 2016

    • html
    • css
    • javascript
    • jquery
    • ajax
    0 votes
    4 answers
19. Вот такие два вопрос о переменных в JS

    Если в одной функции уже была обьявлена переменная var q = 10; , то могу ли в другой функции тоже обьявить переменную var q = 20; , при условии что функции никогда не будут выполняться одновременно. Грамотно ли это? Мне вот кажется да. Так как при выполнении любой из функции по любому создается новая q. И старая q никак не влияет на это, тем более что она вообще переменная другой функции. ———————————————————————————————————————————————————- Итак, вопрос номер два. Если переменная х была равна 10, а я потом напишу x = 10 + 'px' , то х автоматически строковой переменной станет или нет?

    Asked by WEB_bobby, June 6, 2007

    0 votes
    3 answers
20. Как узнать сколько раз была нажата кнопка мыши

    Здравствуйте. Вот такая проблема. Есть 3 разноцветных блока внутри общего блока(назовем их "главные"), и есть 3 идентичных блока вне блока("второстепенные"). Нужно что бы при нажатии на" главный "блок (например черный) в блоке который "второстепенный" появлялась цифра(сколько раз была нажато мышкой на "главный" блок). пока у меня только получилось вывести во "второстепенный" блок 1 раз слово"black".Второй раз при нажатии это слово не появляется...Было бы хорошо даже если бы каждый раз при клике во "второстепенном" блоке появлялось снова слово "black" . color_blocks.html

    Asked by XopicT, December 13, 2017

    0 votes
    6 answers
21. scrollTo

    Народ кто может помочь. Ничего не получается Нужно сделать следующее. Есть Список представленный в виде <div id='layer'> <div id='in1'>1</div> <div id='in2'>2</div> ... <div id='in...>...</div> </div> находящийся здесь. DIV.layer { overflow: auto; height: 100px; padding: 1px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px ; font-weight: bold; /* border: solid 1px black; scrollbar-3d-light-color: #DCDCDC; scrollbar-arrow-color: #DCDCDC; scrollbar-base-color: #DCDCDC; scrollbar-dark-shadow-color: #DCDCDC; scrollbar-face-color: #DCDCDC; scrollbar-highlight-color: #…

    Asked by rrock, October 6, 2008

    0 votes
    13 answers
22. Пользовательский поиск Google: некорректная работа под Wordpress

    Добрый день. Я решил поставить себе на Вордпресс пользовательский поиск от Гугла. После регистрации и всех шагов получил от Гугл вот такой код для размещения на сайте. <div id="cse" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1', {language : 'ru'}); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('016925526246336467428:rfe6ajuzqjc'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); customSearchControl.draw('cse'); }, true); &lt…

    Asked by samorealization, October 24, 2010

    0 votes
    6 answers
23. Не работает скрипт чередования изображений

    Вот написал скрипт, последовательное отображение изображений, но он не исполняется. Подскажите что не так. Вот скрипт <script language="JavaScript"> // Предварительная загрузка изображений numimg=0 imgslide=new Array() imgslide[0]=new Image() imgslide[1]=new Image() imgslide[2]=new Image() imgslide[3]=new Image() imgslide[4]=new Image() imgslide[5]=new Image() imgslide[6]=new Image() imgslide[7]=new Image() imgslide[0].src="http://../../volinska/complex/101km/1.jpg" imgslide[1].src="http://../../volinska/complex/101km/2.jpg" imgslide[2].src="http://../../volinska/complex/101km/3.jpg" imgslide[3].src="http://../../volinska/complex/101km/4.jpg" imgslide[4].src="http:…

    Asked by Alex&R, December 18, 2009

    0 votes
    10 answers
24. Проблема с margin-bottom

    Суть проблемы. Нужно, чтобы при нажатии на ссылку таблица подвигалась чуть вверх. след. код не работает: <table border=10 cellspacing=5 cellpadding=5 width=100 height=100 onclick='this.style.margin-bottom="100px;"'><tr><td></table> <table border=10 cellspacing=5 cellpadding=5 width=100 height=100><tr><td onclick='this.style="margin-bottom:100px;"'></table>

    Asked by lavrentiy, August 21, 2007

    0 votes
    11 answers
25. Два блока div разъезжаются при скроллинге окна браузера...

    Всем привет. Чтобы было сразу понятно, предлагаю посмотреть пример того, что получилось: http://mafia-world.ru/verstka/test/index.html Как это работает: Если медленно прокручивать скролл, то можно увидеть как два блока (один из которых находится под текстом RODINA, другой под ним) как бы выезжают из под него. В определенный момент, а точнее когда нижний блок тёмного цвета полностью вылазит из текста RODINA (а это происходит, когда его css параметр "top" становится равным 285px) - эти блоки прекращают своё движение при скроллинге вниз. Решил сделать этот эффект посредством события scroll. Однако, вероятно, это событие вызывается не на каждый прокрученный пиксель скролла. …

    Asked by call007, April 3, 2011

    0 votes
    9 answers