Вопросы и ответы раздела «JavaScript», страница №9

Андрей в рубрику JavaScript

26 июля 2010

Подгрузка картинок

Поделитесь, пожалуйста, как сделать подзагрузку картинок только, когда она попадает в активную область экрана.
Заметил такое у вас и на Euronews;)

Киря в рубрику JavaScript

6 июля 2010

Не отображает 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" />

Что не так?

Денис в рубрику JavaScript

28 июня 2010

Плавная смена изображений

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

АЛексей в рубрику JavaScript

25 июня 2010

Гость пожелал остаться неизвестным

Unregistered

Подскажите пожалуйста, как сделать так, что бы "ШАПКА" загружалась только при первом переходе на сайт....то есть например человек зашел на сайт, у него все загрузилось, а далее тыкая по кнопкам,загружается только нижняя часть.. Кто знает напишите подробней как это сделать

Виталий в рубрику JavaScript

23 июня 2010

[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>

Открытие этой ссылки приводит к открытии страницы внутри модального окна.

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

Евгений в рубрику JavaScript

23 июня 2010

Работа с формами на Javascript

Как считывать из форм я уже знаю, но тут возникла такая проблема. Есть ли аналог функции nl2br (PHP) на Javascript? Если кто не знает, так это функция автоматически заменяет перенос строки на тэг

Киря в рубрику JavaScript

13 июня 2010

Не получается использывать выпадающий блок (

Вот код что не так?

<!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>

Евгений в рубрику JavaScript

18 мая 2010

Про чекбоксы и радиобаттоны

Как с помощью Javascript опредилиь нажат чекбокс или нет?
Можно ли сделать так что бы еще на стадии загрузке страницы несколько чекбоксов уже были нажаты?

И еще два вопроса, по схожей теме:
Можно определить нажат радиобаттон или нет?
И соответственно - можно ли сделать так что бы еще на стадии загрузке страницы один из радиобаттонов уже был нажат?

Дмитрий в рубрику JavaScript

10 мая 2010

Сохранение картинки

Подскажите пожалуйста, как сохранить картинку не с помощью меню "сохранить изображение", а например как здесь, т.е. скачать картинку...

Доработка Mootools фреймворк в рубрику JavaScript

9 мая 2010

Доработка 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:hide

Спонсоры

Последние комментарии

Мы в соцсетях

Блогорол