Вопросы и ответы, страница №19

Киря в рубрику 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" />

Что не так?

Mal4eg в рубрику Разное

28 июня 2010

Есть 200 000 рублей, хватит ли этого для крутого сайта с приличным дизайном?

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

28 июня 2010

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

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

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

25 июня 2010

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

Unregistered

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

Жерка Лукич в рубрику HTML и CSS

25 июня 2010

Как сделать плавную прозрачность текста по горизонтали?

Привет! Помогите найти решение на CSS или JS сделать плавную прозрачность текста по горизонтали (картинка поможет визуально понять суть задачи: http://img693.imageshack.us/img693/4968/opacityt.jpg). Такой трюк раньше был на Временно.нет в сайдбаре.

Виталий в рубрику 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? Если кто не знает, так это функция автоматически заменяет перенос строки на тэг

Киря в рубрику HTML и CSS

15 июня 2010

Как избавиться от выделение ссылок-картинок в FireFox ?

Сделал сайт kirys.pp.ru всё нормально отображается в Опере, Хроме и Сафари а в ФФ выделяются ссылки картинки (скриншот). Как исправить?

Киря в рубрику 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>

Киря в рубрику HTML и CSS

12 июня 2010

Не получается вставить "favicon.ico"

Сайт на народе,но вот не получается вставить favicon.ico так чтоб отображалась.
Как это правильно сделать?
Пишу в head

<link rel="shortcut icon" href="/favicon.ico" />

Спонсоры

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

Мы в соцсетях

Блогорол