Вопросы и ответы: JavaScript
-
JavaScript
Подгрузка картинок
Поделитесь, пожалуйста, как сделать подзагрузку картинок только, когда она попадает в активную область экрана.
Заметил такое у вас и на Euronews;)26 июля в 0:14, , 1 ответ -
JavaScript
Не отображает Thickbox
Нажимаю на ссылку сам бокс появляется а содержимого нет. почему?
Вот ссылка:
<a href="ajax.PHP?height=220&width=400" class="thickbox" title="add a caption to title attribute / or leave blank">No-scroll content</a>
Вот так подключаю Thickbox:
<script src="http://sentement.pp.ru/thickbox/jquery.js" type="text/javascript"></script> <script src="http://sentement.pp.ru/thickbox/thickbox.js" type="text/javascript"></script> <link rel="stylesheet" href="http://sentement.pp.ru/thickbox/thickbox.css" type="text/css" media="screen" />
Что не так?
6 июля в 15:16, , нет ответов -
JavaScript
Плавная смена изображений
Коллеги, подскажите, какими решениями воспользоваться для организации плавной смены картинок в блоке? Лучше, на jQuery.28 июня в 11:10, , 1 ответ -
JavaScript
Помогите плззз
Гость пожелал остаться неизвестным
Unregistered
Подскажите пожалуйста, как сделать так, что бы "ШАПКА" загружалась только при первом переходе на сайт....то есть например человек зашел на сайт, у него все загрузилось, а далее тыкая по кнопкам,загружается только нижняя часть.. Кто знает напишите подробней как это сделать25 июня в 20:08, , 2 ответа -
JavaScript
[mootools] Ссылка в модальном окне = закрытие модального окна и и переход по ссылке
Здравствуйте.
Подскажите, пожалуйста, как сделать, чтобы клик по ссылки в модальном окне приводил к открытию страницы в основном окне, а не в модальном.
Заранее благодарю, уважаемые коллеги-программисты.
Скрипт для открытия модального окна:
<script type="text/javascript"> window.addEvent('domready', function() { SqueezeBox.initialize({}); $$('a.modal').each(function(el) { el.addEvent('click', function(e) { new Event(e).stop(); SqueezeBox.fromElement(el); }); }); }); </script>
На ссылка для открытия модального окна
<a class="modal" href="/01.html" rel="{handler: 'iframe', size: {x: 650, y: 375}}"></a>
В модальном окне открывается файл 01.html, который содержит в себе ссылку:
<a href="www.ya.ru">ya.ru</a>
Открытие этой ссылки приводит к открытии страницы внутри модального окна.
Подскажите, пожалуйста, как сделать, чтобы эта ссылка открывалась не в модальном окне, а в основном окне браузера.
Для понятности нарисовал схему.
Заранее благодарю, уважаемые коллеги-программисты.23 июня в 22:20, , нет ответов -
JavaScript
Работа с формами на Javascript
Как считывать из форм я уже знаю, но тут возникла такая проблема. Есть ли аналог функции nl2br (PHP) на Javascript? Если кто не знает, так это функция автоматически заменяет перенос строки на тэг23 июня в 17:00, , 1 ответ -
JavaScript
Не получается использывать выпадающий блок (
Вот код что не так?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Kirys | Услуги </title> <meta http-equiv="Content-Type" content="text/html; charset=Utf-8"> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="stylesheet" type="text/css" href="http://kirys.pp.ru/styles.css"/> <link rel="stylesheet" type="text/css" href="http://kirys.pp.ru/style.css"/> </head> <body> <table align="center"> <td> <a href="http://kirys.pp.ru/"><img src="http://kirys.pp.ru/kirussait.jpg"><a/> <a href="http://kirys.pp.ru/portfolio" onMouseOver="document.myImage1.src='http://kirys.pp.ru/images/panel_nepoln_01.jpg'" onMouseOut="document.myImage1.src='http://kirys.pp.ru/images/panel_01.jpg'"><img src="http://kirys.pp.ru/images/panel_01.jpg" name="myImage1" ></a> <img src="http://kirys.pp.ru/images/panel_vydelenie_02.jpg" name="myImage2" > <a href="http://kirys.pp.ru/about" onMouseOver="document.myImage3.src='http://kirys.pp.ru/images/panel_nepoln_03.jpg'" onMouseOut="document.myImage3.src='http://kirys.pp.ru/images/panel_03.jpg'"><img src="http://kirys.pp.ru/images/panel_03.jpg" name="myImage3" ></a> </td> </table> <div id="content-left"> <div id="works" style="display:none "><font class="title2">Приветствуем вас на сайте студии «Kirys» !</font> <p class="text"> Мы занимаемся дизайном групп в социальной сети «<a href="http://vkontakte.ru">Вконтакте</a>».</p> </div> <div class="text">Наша студия занимается дизайном групп в социальной сети «<a href="http://vkontakte.ru">Вконтакте</a>» посредством Вики-разметки.<br><br> <p class="title2">Мы предлагаем услуги:</p> <p class="netitle">Графическое оформление (Вики + Фотошоп) : </p> <ul> <li>Только главная страница - 12-20 голосов или 80 - 120 <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object></li> <li>Внутреняя навигация - 15-30 голосов или 100 - 200 <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object></li> <li>Главная + Навигация - 22-40 голосов или 150 - 250 <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object></li> </ul> <br> <div><a href="#">Кликни по мне</a></div> <div class="blocks no-display" style="width: 20em">Блок с дополнительной интригующей, познавательной, необычайно полезной и своевременной инфомацией.</div><br/> <br> <p class="netitle">Вики оформление (Вики-разметка + Иконки) : </p> <ul> <li>Только главная страница - 5 голосов или 35 <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object></li> <li>Внутреняя навигация - 10 голосов или 70 <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object></li> <li>Главная + Навигация - 15 голосов или 100 <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object></li> </ul> </div> </div> <script type="text/javascript" src="http://kirys.pp.ru/jquery.js" ></script> <script type="text/javascript" src="http://kirys.pp.ru/jquery.disable.text.select.js"></script> <script type="text/javascript"> (function($) { $.fn.openCloseBlocks = function(blocks, options) { var defaults = { speed: 'normal' }, opts = $.extend(defaults, options), togglers = $(this), bls = $(blocks); if(!bls) return; togglers.each(function(index) { $(this).click(function(e) { e.preventDefault(); $(bls[index]).slideToggle(opts['speed']); }); }); }; })(jQuery); $('div > a').openCloseBlocks($('div.blocks'), { speed: 'fast' }); // выпадающий список под ссылкой (function($) { $.fn.dropDownBlock = function(block, options) { var defaults = { speed: 'fast', top: $(this).height(), left: 0 }, opts = $.extend(defaults, options), toggler = $(this), block = $(block); toggler.css({'outline': 'none'}) toggler.click(function(e) { e.preventDefault(); $(block).css({ 'position' : 'absolute', 'top' : (toggler.offset().top + opts['top']) + 'px', 'left' : (toggler.offset().left + opts['left']) + 'px' }); if($(block).is(':visible')) $(block).fadeOut(opts['speed']); else $(block).fadeIn(opts['speed']); this.focus(); }); toggler.blur(function() { $(block).fadeOut(opts['speed']); }); }; })(jQuery); $('#toggler').dropDownBlock($('#drop-down-list')); // Выделение нескольких чекбоксов клавишей шифт (function($) { $.fn.setCheckboxesShift = function() { var cbx = this, last = -1, // номер предыдущего чекбокса; start, // служебные finish; // переменные // проходим по каждому указанному чекбоксу cbx.each(function(index) { // при клике по нему (или его лэйблу) $(this).click(function(e) { // проверяем, стал ли он чекнутым if($(e.target).attr('checked')) { // теперь смотрим, больше ли у предыдущего индекс if(index > last) { start = last; finish = index; } else { start = index; finish = last; } // если был предыдущий и зажата клавиша Шифт if(last > -1 && e.shiftKey) { // проходим с начального до конечного чекбокса for(i = start; i <= finish; i ++) { // и делаем их выделенными $(cbx[i]).attr('checked', 'checked'); } } // запоминаем индекс только что кликнутого чекбокса last = index; } }); }); }; })(jQuery); $('#checkboxes-list').disableTextSelect(); $('#checkboxes-list :checkbox').setCheckboxesShift(); </script> </body> </html>13 июня в 15:43, , нет ответов -
JavaScript
Про чекбоксы и радиобаттоны
Как с помощью Javascript опредилиь нажат чекбокс или нет?
Можно ли сделать так что бы еще на стадии загрузке страницы несколько чекбоксов уже были нажаты?
И еще два вопроса, по схожей теме:
Можно определить нажат радиобаттон или нет?
И соответственно - можно ли сделать так что бы еще на стадии загрузке страницы один из радиобаттонов уже был нажат?18 мая в 17:02, , 2 ответа -
JavaScript
Сохранение картинки
Подскажите пожалуйста, как сохранить картинку не с помощью меню "сохранить изображение", а например как здесь, т.е. скачать картинку...
10 мая в 20:15, , 3 ответа -
JavaScript
Доработка Mootools фреймворк
Как переделать стандартную функцию tooltip.
Сейчас если убрать курсор от ссылки то tooltip исчезает. А сделать надо чтобы tooltip не исчезал 5 сек (Пример 1)
При наведение курсора в блок tooltip тоже не исчезал, если убрать курсор от tooltip вот тогда исчезал (Пример 2)
Демо : http://gosocial.narod.ru/moo.html
Пример как надо сделать : http://www.twinhelix.com/dhtml/supernote/demo/
Док : http://mootools.net/docs/more/Interface/Tips#Tips:hide9 мая в 1:10, , нет ответов -
JavaScript
Jquery tabs
У вас есть статья про табы и я вот в изучении jquery решил попробовать переписать код tab-ов по своему, возникли вопросы, вот ваш код, с комментариями что не так
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show(); // задача сделать так, что бы открывалось содержание табы с классом active, то есть в html коде табов уже с самого начала есть один class active
$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false; // return false не подходит т.к. таба может ссылатся на другую страницу а может на блок, но если return будет true то страницу опустит к div содержания табы
}).filter(':first').click(); // Вот этот фильтр вообще не нужен
});22 апреля в 18:37, , нет ответов -
JavaScript
jQuery UI
Привет!
Есть проблеммка. Мне нужно чтобы для эффекта transfer в его стилях .ui-effects-transfer задавался background картинкой.
jQuery(document).ready(function($){ $("#fly-image img").addClass("backimg"); var backpath = $(".backimg").attr("src"); $(".ui-effects-transfer").css("background", backpath); $(".addtocart_button").click(function () { $("#fly-image img").effect("transfer", { to: "div.vmCartModule" }, 199300); }); });
Подскажите, помогите, только начинаю изучать...Что не так? Как исправить?21 апреля в 4:05, , нет ответов -
JavaScript
Сжатие JS
Подскажите чем можно, хорошо и без ошибок, делать сжатие и обфускацию JS?6 апреля в 10:42, , 4 ответа -
JavaScript
Очень понравилось, но как!?
Здравствуйте. Очень понравилось меню на главной(картинка при наведении мыши заезжает за другую), подскажите, как это сделать!? Спасибо.15 марта в 0:36, , 3 ответа -
JavaScript
fancybox
Привет. Столкнулся с проблемой, хочу поместить форму обратной связи на pop up fancybox, все бы ничего, но при клике на поля ввода окно закрывается. Что нужно изменить чтобы окно закрывалось исключительно при нажатии на крестик?13 марта в 16:43, , 5 ответов -
JavaScript
При использовании эффектов hide и show, в IE6 появляются артефакты
Здравствуйте.
Нужно было написать скрипт на jQuery для смены одного текста на другой с применением эффектов hide и show. Вроде все получилось, во всех браузерах работает нормально, а вот в IE6 во время анимации появляются какие-то артефакты :(.
Можно ли это как-то исправить?
HTML-версия: http://b23.ru/ekot
Видео на YouTube: http://b23.ru/ekob5 марта в 16:40, , 3 ответа -
JavaScript
Добавление класса элементу с неизвестным ID
Здравствуйте.
И опять мне нужен совет, быть может некоторая помощь кодом, очень надеюсь ее получить здесь.
Итак, дано: я имею список на сайте неизвестной длины следующего вида:
<ul id="list"> <li id="somename"><a href ="/somename/">somename</a><li> <li id="somename_1"><a href ="/somename_1/">somename_1</a><li> <li id="somename_2"><a href ="/somename_2/">somename_2</a><li> <li id="somename_3"><a href ="/somename_3/">somename_3</a><li> <li id="somename_4"><a href ="/somename_4/">somename_4</a><li> ...... <li id="somename_n"><a href ="/somename_n/">somename_n</a><li> </ul>
Замечу, что ID элемента списка, href и текст ссылки совпадают и присваиваются на серверной стороне и могут быть абсолютно любыми.
Задача: написать js, который в зависимости от текущего URL добавляет класс "someclass" соответствующему элементу списка.
Пример: если document.URI==http://www.site.com/somename_3/ то элемент с id="somename_3" получает класс "someclass".
Обращу внимание, что с помощью GetElementByID и функцией classname я не могу уверенно оперировать, так как неизвестен ID текущего элемента.
Немного усложняет ситуацию то, что я не имею доступа к php на сервере и не могу ничего изменить, кроме как с помощью JS. Также, я не могу отдавать JS с серверными вставками, например, так:
<script type="text/javascript" src="/js/script.php"></script> script.php : some_js_code ... <?php some_php_code();?> ...28 февраля в 19:47, , 1 ответ -
JavaScript
Определение доп.классов элемента на jQ
Вопрос такой
Имеем, скажем, такой код:
<div class="example">...</div>
<div class="example one">...</div>
<div class="example two first">...</div>
при:
...
$("div.example").each(function() {...}
...
получаем цикл пробега по всем элементам. Так вот вопрос в том, как получить со-классы "one" и "two first" из второго и третьего дива ?24 февраля в 16:34, , 2 ответа -
JavaScript
Нужен совет по созданию меню
Здравствуйте, есть потребность сделать меню с hover-эффектом, но более плавным, нежели это происходит при обычном li:hover {...};
Примерно похожее меню на поднадоевшем dragoninteractive.com, но мне нужно без спрайтов и с текстом, а не надписью на картинке.
Примерный код:
Html:
<ul class='menu'> <li><a href='#'>1</a></li> <li><a href='#'>2</a></li> <li class='active'><a href='#'>3</a></li> /*Активный в данный момент пункт меню*/ <li><a href='#'>4</a></li> <li><a href='#'>5</a></li> </ul>
CSS:
ul#menu { height:40px; list-style-type:none; } ul#menu li { float:left; width:100px; height:40px; background-image:url(menu_li_norm.png) repeat-x; } ul#menu li.active { background-image:url(menu_li_act.png) repeat-x; } ul#menu li.active:hover, li:hover { background-image:url(menu_li_hover.png) repeat-x; }
Я поглядываю в сторону jQuery и fadeIn/fadeOut, но немного не могу разобраться с порядком слоев, было бы просто здорово, если бы кто-о нашел время и желание помочь мне.
P.S. код вставлял через тэги pre и code, и не было времени избавиться от экранирования кавычек, прошу не обращать внимание.18 февраля в 15:45, , 2 ответа -
JavaScript
Сервис "AddThis" добавляет немного больше чем заявляет?
Чуть больше года назад сделал я сайт для клиники silmed.sumy.ua
(написал давненько, на скорую руку с малым багажом знаний и опыта за плечами)
Ну и захотелось немного его законнектить с социальными сервисами через "виджет" для сайта addthis.com
Интегрируется в страницу при помощи таких строк:
<a class="addthis_button" href="http://addthis.com/bookmark.php?v=250&pub=shiftyde"> <img src="http://s7.addthis.com/static/btn/sm-bookmark-en.gif" /></a> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=shiftyde"></script>
Всё ничего, сайт работает уже как больше года, и новая версия уже на подходе.
Но! Волей случая, я заметил, что в последнее время, при переезде на новый хостинг, при первом (!) запуске главной страницы, "wrapper" всей главной страницы съезжает на 10px вниз. И это, повторюсь, проявляется в браузере только лишь при первой загрузке страницы и одинажды в день (скорее всего задействованы cookies).
Используя Firebug проследил вставляемый код:
<object type="application/x-shockwave-flash" data="//bin.clearspring.com/at/v/1/button1.6.swf" id="atff" height="1px" width="1px"> <param value="transparent" name="wmode"><param value="always" name="allowScriptAccess"> </object> <a class="fzukawmfgthguttvuick" href="http://bin.clearspring.com/at/v/1/button1.6.swf"></a>
И как видно, скрипт уходит на clearspring.com
Вопрос: Так кто виноват в появлении дополнительной строки кода?!16 февраля в 18:53, , нет ответов
