Search the Community

Ищем хорошего верстальщика в команду. Мы - это htdt.ru . Вакансия с подробностями и тестовым заданием на хантим: http://hantim.ru/jobs/22684-html-css-javascript-verstalschik Желательно в штат, но если понравишься - возможна и удаленка.

Добрый день. Помогите новичку, пожалуйста. Я в самом начале изучения Javascript вообще и JQuery в частности. Поэтому сам пока не могу осилить. Итак: На сайте есть div с id="info". Внутри дива параграф p с каким-то текстом. Задача, показать этот div пользователю при просмотре сайта с возможностью его закрыть. Если div был закрыт кликом или тапом по иконке сокрытия, больше этот div пользователю не показывать в течении года или до изменения текста внутри параграфа. Если я правильно всё понимаю, то это выглядит примерно так: Когда пользователь кликает или тапает на иконку закрытия, JQuery добавляет этому диву класс hide, а плагин JQuery Cookies добавляет кукис со значением = содержимому параграфа. Когда пользователь переходит на другую страницу или перезагружает браузер, функция проверяет наличие и содержание кукиса, и если он есть и совпадает с существующим текстом, то div получает класс hide, в противном случае, всё начинается с начала. Помогите. Как оформить это в код. Заранее благодарен.

Возникла задача сделать на странице всплывающие окна со следующими условиями: — одновременно на странице должен показываться только один попап; — при клике вне открытого попапа, тот должен закрыться. Реализовал вот так: http://jsfiddle.net/a7z6S/2/ Опыта в JS совсем немного, поэтому объясните, пожалуйста что сделал не так.

Доброго всем времени суток! Нашел для своего проекта простенький калькулятор на JS. Ссылка на статью о нем: http://wmdn.ru/javascript/simple-script-calculator-on-javascript/ Я в JS практически полный 0. Поэтому у меня такой вопрос: как заменить там все значения на свои? В оригинальном скрипте считаю стоимость квартиры исходя из площади, этажа и кол-ва комнат. Мне же надо чтобы считал стоимость игры исходя из количества человек и количества часов. Т.е. если час игры для стоит 500 рублей, играют 2 человека 2 часа = 2000. Это к примеру. Помогите пожалуйста! Буду очень благодарен.

Народ подскажите как через Условие if проверить на заполнение из списка то получаеться в этом коде при нажатии кнопки "Ок"просто выбранному списку приваиваеться значение 1 и выводиться алерт)а проверки нет .Если меняю на любое другое значение например на 0 то при нажатии ок опять присваиваеться 1.как правильно прописать?)f3-действия формы, _oc123-идентификатор списка. if(f3._oc123.value = 1){ alert("Error"); }

Всем доброго времени суток. Прошу помощи у специалистов по javascript в следующей задаче: Есть данные сгенерированные в json формате доступ к которым осуществляется по определенной ссылке и имеют такую структуру: [{"product_name":"\u0411\u0430\u043c\u043f\u0435\u0440\u044b Ford Fiesta","product_id":"4","prices":58,"images":["images/stories\/virtuemart/product/01-perednyi-bamper-fiesta-2003-2006.jpg","images/stories/virtuemart/product/02-perednyi-bamper-fiesta-2008.jpg","images/stories/virtuemart/product/03-zadnyyi-bamper-fiesta-2006-2008.jpg"],"product_desc":"\u0415\u0441\u0442\u044c\u00a0\u0411\u0430\u043c\u043f\u0435\u0440\u044b \u0434\u043b\u044f Ford Fiesta, \u043f\u0435\u0440\u0435\u0434\u043d\u0438\u0439, \u0437\u0430\u0434\u043d\u0438\u0439. 2003-2008 \u0433\u043e\u0434."}] И таких элементов может быть несколько сотен. Суть задачи состоит в том, чтобы эти данные заполнять на сайте объявлений по полях и сабмитить до окончания всего списка элементов. Я javascript'ов никогда еще не писал и особого понятия не имею как применять их в таком деле. Все события должны обрабатываться на стороне клиента(браузера), наверное что то на подобие автосерфинга, только здесь нужно заполнять поля и нажимать кнопку отправить. Кроме того, нужно из подгружаемых Select'ов в форме подбирать рубрику для каждого объявления. Как это все программно правильно реализовать?

Добрый день, уважаемые форумчане! Сделал простецкую заготовку ползунка на JS - не могли бы поругать код? http://jsbin.com/ococij/1/ - ссыль

Front-end разработчик/верстальщик Нам нужен фронт-енд разработчик/верстальщик на текущий проект (сверстать несколько (4-6) страниц). Обязательные знания и навыки: 1) Responsive design (CSS3 media queries) - дизайн есть для десктопа, планшетов и мобильных устройств. 2) Javascript/jQuery и плагины/элементы интерфейса - модальные окна, красивые формы, слайдеры и проч. 3) Twitter Bootstrap или аналогичный фреймворк (если вы исползуете свои собственные наработки - напишите - обсудим) 4) Опыт работы с API (социальные сети, 3rd party сервисы и тд) В данный момент есть готовый layered PSD - можем предоставить либо его, либо нарезанный вариант. mary.rossett@yahoo.com

Друзья, 15 октября в Москве состоится первая международная конференция jQuery Russia, посвященная популярной Javascript библиотеке. В преддверии этого события мы (ITmozg.ru) готовим интервью с руководителями JQuery Foundation, один из которых - Dave Methvin, разработчик ядра jQuery - будет главным спикером конференции. Все желающие могут присоединиться и задать свой вопрос, посвященный jQuery! Воспользуйтесь возможностью спросить о выходе новой версии jQuery, о прошедших и предстоящих конференциях JQuery, о будущем развитии библиотеки и обо всем, что вам интересно или будет полезно в работе. Задать вопрос!

Здравствуйте! Сайт http://vladimirovvova.ru Видео работы Владимирова Владимира Владимировича выделенные по категориям. Прошу оценить сам сайт, уместен ли parallax-эффект и стоит ли вставлять вместо видео, миниатюры, а после загружать само видео, как это сделано на главной страничке (главном блоке)?

Здравствуйте, дорогие поситители форума Как сделать чтоб при клике на один из блоков подгружалсо контент, или в моем случае блок с фильтром. http://vitaliy-dyblyuk.ru/projects/5project_avto_schyny/www/index.html то есть при клике на подбор по шинам, подбор по авто и так далие. Должно происходит следуещие: 1) Должен менятсо фон 2) Должен подгружатсо другой блок с контентом но он в начале должен быть не видным. Жду откликов С уважением Виталий

Всем привет! Только недавно попробовал хоть чуть-чуть освоить Javascript в результате чего родил вот такой вот сайт: http://www.gvadesign.ru С горем пополам подключил туда два плагина. Один - не безызвестный PrettyPhoto (по нажатии на блок, тот разворачевается во всплывающем окне) и второй - сортировку работ (вот плагин: http://codecanyon.ne...-plugin/2669205) И вот, собственно, затык. Как вы можете наблюдать на сайте, когда нажимаем на одну из работ, срабатывает PrettyPhoto и картинка раскрывается во всплывающем окне. Но если воспользуемся фильтром (нажмите, например, "графический дизайн"), PrettyPhoto работать перестанет и работа окроется в своем окне (в случае, например, ссылки на YouTube (в разделе "Видео") произойдет переход на сам портал) Как сделать так, чтоб скрипт с PrettyPhoto отрабатывал нормально как до фильтра, так и после? Учитывая, что я с диким скрипом вообще их еле-еле запихал, то с этой проблемой даж не пойму, где концы искать...

Здравствуйте, подскажите новичку пожалуйста. Начал изучать js по видеокурсу "Специалист", все понятно объясняется и дается задание для практики, а через некоторое время автор сам делает и показывает как реализовать задачу, но одно задание не показал как реализовать. В общем задание звучало так - сделать игру - два человека, первый загадывает число ( через prompt("Загадайте число", "") ), второй игрок пытается его отгадать вводя свои варианты так же в prompt("Угадайте число", ""). Если число второго игрока меньше чем загаданное, выскакивает подсказка что нужно попробовать ввести число поменьше, если больше, то подсказка о том что число должно быть больше. При этом использовать циклы if и do..while. Никак не могу понять как правильно сделать, а дальше идти не хочу пока не увижу как оно реализовывается, уже перепробовал кучу вариантов. Подскажите пожалуйста код для реализации такого задания. Вот один из тех что написал я, но он не верно работает <script type="text/javascript"> var numberTrue = prompt("Загадайте число", ""); var numberVar = prompt("Угадайте число", ""); if(numberVar > numberTrue) { do { numberVar = prompt("Попробуйте число по меньше", ""); }while((numberVar < numberTrue) || (numberVar == numberTrue)); } if(numberVar < numberTrue) { do { numberVar = prompt("Попробуйте число по больше", ""); }while ((numberVar > numberTrue) || (numberVar == numberTrue)); } if (numberTrue == numberVar) { document.write("Вы угадали, число "+numberTrue); }; </script>

Задание следующее. Есть устройство, если конкретней программируемый логический контроллер, на котором хранится страница html. Эту страницу через интеренет или локальную сеть может запросить любой желающий по типу http://192.168.2.205/index.html. На странице сделаны кнопка для отправки запроса на это устройство. Зарос следующий - http://192.168.2.205:8090. На этот запрос устройство с помощью встроенной программы формирует ответ и отсылает его в виде строки либо масива данных (скорее всего строковый массив, но возможны варианты). Мне необходимо написать код, который бы перехватывал этот ответ, чтобы его можно было как-нибудь обработать , например вывести по частям в разных местах страницы. Была попытка создать это дело с помощью $.post. Но ничего не получилось. Если не применять ни каких особых кодов, кроме кнопки отправки зароса на устройство, ответ firefox открывает на новой странице либо в фрейме просто строкой. Так как знаний у меня не очень много (это первая работа с javascript), прошу не судить строго и по возможности отвечать развернуто. Заранее благодарна!

Как получить в Javascript текущее время в формате hh:mm:ss?

Имеем следующий код: <li> <a class="pagin" href="/book/index.php?PAGEN_4=1&count_zap=20&AJAX=1&PAGEN_3=7&SECTION_ID=365#nav_start_4">1</a> </li> <li>...</li> <li> <a class="pagin" href="/book/index.php?PAGEN_4=3&count_zap=20&AJAX=1&PAGEN_3=7&SECTION_ID=365#nav_start_4">3</a> </li> <li> <a class="pagin" href="/book/index.php?PAGEN_4=4&count_zap=20&AJAX=1&PAGEN_3=7&SECTION_ID=365#nav_start_4">4</a> </li> <li> <a class="pagin" href="/book/index.php?PAGEN_4=5&count_zap=20&AJAX=1&PAGEN_3=7&SECTION_ID=365#nav_start_4">5</a> </li> <li> <a class="pagin" href="/book/index.php?PAGEN_4=6&count_zap=20&AJAX=1&PAGEN_3=7&SECTION_ID=365#nav_start_4">6</a> </li> <li> <span id="utl_self" utl_self="/book/index.php?PAGEN_4=7&count_zap=20&AJAX=1&PAGEN_3=7&SECTION_ID=365#nav_start_4">7</span> </li> При помощи Javascript эти данные я парсю и обновляю контейнер <ul></ul>, но необходимо заменить ПЕРВЫЙ встречающийся параметр "PAGEN_4=7" или "PAGEN_4=8" или любой другой в каждом теге (span и a) на "PAGEN_5=7", т.е. просто добавив +1 к 4 в данном случае, НЕ ЗАДЕВАЯ при этом второй параметр "PAGEN_3=7" например. А также добавить +1 к параметру "#nav_start_4", если у его есть цифра. Просто бывает так, что может быть и "#nav_start" - в этом случае нужно просто добавить _2, и получится "#nav_start_2". Надеюсь понятно объяснил...

Здравствуйте! Есть такой код: <textarea rows="12" placeholder="HTML" onInput="document.getElementById('html_linecount').innerHTML = value.split(/[\n\r]/).length" onpropertychange="if (event.propertyName == 'value') document.getElementById('html_linecount').innerHTML = value.split(/[\n\r]/).length"></textarea> он подсчитывает строки в textarea. При этом в IE происходит такой баг: он не считает пустые строки. Как это исправить?

Есть большое число значений переменной Х. Допустим это 4 000 456 000 (значения - числа от 1 до 4 000 456 000). Можно ли сделать, чтобы переменная рандомно принимала любое из 4 000 456 000 значений?

... Another Hard Days Work Здравствуйте. Целью создания темы является огромное желание решить мои сложности в работе как веб-девелопер. Мне очень хочется справиться с трудностями, хочется что бы мне кто-то сказал, что «О, да ты не правильно всё делаешь! Ни кто не строит так сайты, не разрабатывает никакой архитектуры, всё уже давно готово! Два месяца возишься с сайтом? Если так работать, то ничего не заработаешь, время обходится слишком дорого! Вот серебряная пуля веб-разработчика! Держи!». Но я понимаю, что нет никакой серебряной пули. Ни кто (по крайней мере добровольно) не предоставит мне свой опыт и инструменты. Но думаю, у меня отличная возможность получить совет у более опытных разработчиков и от тех, кто возможно в начале своего пути испытал подобные проблемы. Веб-разработкой я увлёкся два года назад. Буквально пару-тройку недель потратил на html и css, всё остальное время старался глубоко освоить javascript, поверхностно PHP и MySQL. Я стал браться за работу: небольшие сайты, портфолио, магазины, hyip-сервисы. И тут я понял, что я делаю что-то не так. Основная сложность в том, что все проекты делаю очень долго, бывало даже такое, что к моменту сдачи, элементарно заканчиваются все моральные и финансовые ресурсы. К примеру, последний проект — интернет-витрину я писал два месяца за штуку баксов и последние две недели «ворк-лайна», простите за выражение, не было даже «напожрать». В то время как веб-студии раздают сайты как горячие пирожки. Еще обратил внимание на тз крупного портала, за которое даже и не стал бы браться, но к моему удивлению, два парня из Белоруссии выполнили его за две недели. Возможно, что моё развитие в этом направлении где-то свернуло не туда. Я стал все свои разработки выделять в отдельную библиотеку (методами). Стараться создавать что-то универсальное, то есть если я делаю сайт-портфолио, я должен создать движок, что бы при необходимости быстро сделать еще 100500 таких сайтов. Так время разработки практически удвоилось, признав свою ошибку, понял, что предусмотреть всё невозможно. Собственно, ответа на вопрос «Какого черта ты так долго работаешь?» у меня нет. Но если попытаться обратить внимание на некоторые сложности которые я испытываю в своей работе, можно выделить несколько моментов. И так, в основном, всю нагрузку я переношу на клиента. То есть сервер отдаёт только стили, скрипты и json. Контент собирается уже в браузере. Всё работает очень шустро и я к такому принципу привык. Суть этого момента в том, что если проект большой, то приходится писать большое количество javascript-а. Вот пример без особых деталей: мы создаём объект который отвечает за работу с хешем(route) в нем методы; потом, объект по работе с контентом, в нем тоже методы запроса и методы вывода в dom; потом всякие модули для типов контента(что бы упростить дальнейшую поддержку); обработчики всякие; далее разработка админки, да и забыл, еще нужно перед всем этим спроектировать нормально расширяемую базу, пусть на mysql. С условием, что перечислена только основная часть объектов ядра сайта, в процессе разработки, дойдя до какого-то объема объектов, методов, функций, около 1000-1500 строк кода, всё это в голове превращается в кашу, ты уже не можешь видеть приемлемо детальную, общую картину в голове, что бы ничего не упускать. И дальнейшая разработка превращается в ад. Из этого результат - долго и нудно, а иногда и больно(если сроки сорвать). Прошу дать совет, знаю, что всё слижком субъективно, но возможно кто-то с этим сталкивался. Спасибо.

Здравствуйте . Есть 4 таблицы. В каждой по нескольку десятков вычисляемых input-полей для ввода. В каждой таблице все поля суммируются и результат выводится в <span></span>. Таблицы никак не связаны между собой. В общем хочу сделать так, чтобы был ещё один <span></span>, в который суммируются все 4 <span>'а соответствующих четырёх таблиц. Сам никак не дотумкаю. Спасибо заранее. HTML-КОД: <div id="calculate"> <form method="post"> <table id="tableSelect" class="zebratable" width="100%" cellpadding="0" cellspacing="0"> <tr> <th>Наименование работ</th> <th>Ед.изм.</th> <th>Колличество</th> <th>Цена за единицу</th> <th>Сумма</th> </tr> <tr> <td>Пробивка штробы по кирпичу</td> <td class="vertical">м</td> <td> <input id="pos_1" type="text" name="people" value="0"> </td> <td class="vertical" id="pos_1_price">100</td> <td id="pos_1_count">0</td> </tr> <tr> <td>Пробивка штробы по бетону</td> <td class="vertical">м</td> <td> <input id="pos_2" type="text" name="people_t" value="0"> </td> <td class="vertical" id="pos_2_price">150</td> <td id="pos_2_count">0</td> </tr> <tr> <td>Прокладка провода</td> <td class="vertical">м</td> <td> <input id="pos_3" type="text" name="people_t" value="0"> </td> <td class="vertical" id="pos_3_price">35</td> <td id="pos_3_count">0</td> </tr> </table> <div id="count_price"><p>Итого: <span></span></p></div> </form> </div> <div id="calculate2"> <form method="post"> <table id="tableSelect2" class="zebratable" width="100%" cellpadding="0" cellspacing="0"> <tr> <th>Наименование работ</th> <th>Ед.изм.</th> <th>Колличество</th> <th>Цена за единицу</th> <th>Сумма</th> </tr> <tr> <td>Демонтаж радиаторов отопления</td> <td class="vertical">шт</td> <td> <input id="pos2_1" type="text" name="people" value="0"> </td> <td class="vertical" id="pos2_1_price">150</td> <td id="pos2_1_count">0</td> </tr> <tr> <td>Демонтаж труб отопления,водопровода,канализации</td> <td class="vertical">мп</td> <td> <input id="pos2_2" type="text" name="people_t" value="0"> </td> <td class="vertical" id="pos2_2_price">60</td> <td id="pos2_2_count">0</td> </tr> <tr> <td>Демонтаж сантехнических приборов</td> <td class="vertical">шт</td> <td> <input id="pos2_3" type="text" name="people_t" value="0"> </td> <td class="vertical" id="pos2_3_price">250</td> <td id="pos2_3_count">0</td> </tr> </table> <div id="count_price2"><p>Итого: <span></span></p></div> </form> </div> <div id="calculate3"> <form method="post"> <table id="tableSelect3" class="zebratable" width="100%" cellpadding="0" cellspacing="0"> <tr> <th>Наименование работ</th> <th>Ед.изм.</th> <th>Колличество</th> <th>Цена за единицу</th> <th>Сумма</th> </tr> <tr> <td>Удаление старых обоев</td> <td class="vertical">м²</td> <td> <input id="pos3_1" type="text" name="people" value="0"> </td> <td class="vertical" id="pos3_1_price">50</td> <td id="pos3_1_count">0</td> </tr> <tr> <td>Очистка потолка от шпатлевки или краски</td> <td class="vertical">м²</td> <td> <input id="pos3_2" type="text" name="people_t" value="0"> </td> <td class="vertical" id="pos3_2_price">100</td> <td id="pos3_2_count">0</td> </tr> <tr> <td>Грунтование потолка</td> <td class="vertical">м²</td> <td> <input id="pos3_3" type="text" name="people_t" value="0"> </td> <td class="vertical" id="pos3_3_price">20</td> <td id="pos3_3_count">0</td> </tr> </table> <div id="count_price3"><p>Итого: <span></span></p></div> </form> </div> <div id="calculate4"> <form method="post"> <table id="tableSelect4" class="zebratable" width="100%" cellpadding="0" cellspacing="0"> <tr> <th>Наименование работ</th> <th>Ед.изм.</th> <th>Колличество</th> <th>Цена за единицу</th> <th>Сумма</th> </tr> <tr> <td>Монтаж радиатора</td> <td class="vertical">шт</td> <td> <input id="pos4_1" type="text" name="people" value="0"> </td> <td class="vertical" id="pos4_1_price">2000</td> <td id="pos4_1_count">0</td> </tr> <tr> <td>Монтаж коллекторного шкафа</td> <td class="vertical">шт</td> <td> <input id="pos4_2" type="text" name="people_t" value="0"> </td> <td class="vertical" id="pos4_2_price">1500</td> <td id="pos4_2_count">0</td> </tr> <tr> <td>Монтаж межэтажных стояков</td> <td class="vertical">мп</td> <td> <input id="pos4_3" type="text" name="people_t" value="0"> </td> <td class="vertical" id="pos4_3_price">200</td> <td id="pos4_3_count">0</td> </tr> </table> <div id="count_price4"><p>Итого: <span></span></p></div> </form> </div> Javascript-КОД: $(document).ready(function() { //Таблица1 $("#tableSelect").change(function() { var totalSum = 0; $("input[id^='pos'], select[id^='pos']").each(function() { var idElement = "#"+$(this).attr("id"), //Получаем id элемента priceField = parseInt($(idElement+"_price").text()), //Стоимость позиции countField = parseInt($(this).val()); //значение элемента $(idElement+"_count").text(priceField * countField); //Выводим сумму по позиции totalSum += priceField * countField; }); $("#count_price span").text(totalSum); }); //Таблица2 $("#tableSelect2").change(function() { var totalSum = 0; $("input[id^='pos2'], select[id^='pos2']").each(function() { var idElement = "#"+$(this).attr("id"), priceField = parseInt($(idElement+"_price").text()), countField = parseInt($(this).val()); $(idElement+"_count").text(priceField * countField); totalSum += priceField * countField; }); $("#count_price2 span").text(totalSum); }); //Таблица3 $("#tableSelect3").change(function() { var totalSum = 0; $("input[id^='pos3'], select[id^='pos3']").each(function() { var idElement = "#"+$(this).attr("id"), priceField = parseInt($(idElement+"_price").text()), countField = parseInt($(this).val()); $(idElement+"_count").text(priceField * countField); totalSum += priceField * countField; }); $("#count_price3 span").text(totalSum); }); //Таблица4 $("#tableSelect4").change(function() { var totalSum = 0; $("input[id^='pos4'], select[id^='pos4']").each(function() { var idElement = "#"+$(this).attr("id"), priceField = parseInt($(idElement+"_price").text()), countField = parseInt($(this).val()); $(idElement+"_count").text(priceField * countField); totalSum += priceField * countField; }); $("#count_price4 span").text(totalSum); }); });

нужно чтобы открывшиеся окно ушло на задний план (спряталось за основное открытое окно браузера) Делаю так: win = window.open("http://mail.ru", "s", "width=1024, height=768, left=0, top=0, resizable=yes, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no").blur(); win.blur(); но этот вариант не работает...

20 апреля в Минске пройдет конференция для фронтенд разработчиков Frontend DEV Conf’13. Frontend DEV Conf '13 - это два потока презентаций и воркшопов об актуальных технологиях от докладчиков из Великобритании, Швеции, Финляндии, Норвегии, Германии, России и Беларуси. Команда авторитетных спикеров представит узкотехнические практичные доклады по наиболее актуальным темам – Javascript, Node.js, AngularJS, ECMAScript и пр., а возможность общаться за рамками презентаций откроет еще больше tips-n-tricks в фронтенд разработке. Подробнее о конференции Frontend DEV Conf'13: Дата: 20 апреля 2013 Место: IBB центр (пр-т Газеты Правда, 11) Время начала события: 9:00 Участие в конференции платное. Подробности на сайте мероприятия. Сайт: http://www.frontendconf.by/ Официальный хэштег в twitter #FDC13 Мероприятие в facebook facebook.com/frontenddevconf

Добрый вечер, Разрабатываю сайт, одним из основных требований к которому есть адаптивная верстка. Все довольно просто, но есть проблема - на определенной ширине дисплея нужно превращать меню в кастомизированый dropdown. Напрашивается подключение плагина и мониторинг текущей ширины дисплея через js, но кажется, что это решение "с душком". Подскажите, возможно ли реализовать это более "чисто", и если да, то как? Вот меню, над которым оперирую. С уважением, Михась

Закончил изучение Javascript по Флэнегану.Подкиньте пожалуйста книг по Node.js.Желательно русские,но и английский сойдёт.

Всем привет! Такой вопрос, поставил на сайт менюху на jQuery <script type="text/javascript"> $(document).ready(function($){ $('#accordion-2').dcAccordion({ eventType: 'click', autoClose: false, saveState: true, disableLink: true, speed: 'fast', classActive: 'test', showCount: false }); }); </script> Как сделать так, что бы при переходе на другую страницу, пункт меню оставался открытым, если оставить autoClose: false, так и получается, но как сделать при этом, что бы при открытии нового пункта аккордеона, сворачивался прошлый. А то нужно руками закрывать и открывать все по очереди, может дописать какую строчку надо? Я в Javascript вообще ни как, спасибо