Eugene в рубрику JavaScript
20 июня 2011

Помогите преобразовать пример

Вот здесь нашел отличный пример плавного открытия/закрытия окна на чистом JS + CSS без использования сторонних библиотек. Но на данном сайте был пример раскрытия окна по горизонтали. Мне же нужно по вертикали.
К сожалению как я не старался преобразовать данный пример я не смог. На вас вся надежда, умники с Временно.нет!

P.S. Кому лень кликать по ссылке вот код:

var curtainStep = 10; //шаг - количество пикселей на которое будет сворачивать слой за один раз
var curtainTimeout = 15;//задержка перед последующей итерацией для эффекта плавности


//текущее количество обрезаемых пикселей слоя слева и справа
var curtainLeft = 150;
var curtainRight = 150;
var curtainWidth = 300;//ширина слоя

//ф-ция разворачивания слоя
function curtainOpen()
{
	if (curtainLeft > 0)//Пока левая граница области усечения не достигла левой границы слоя
	{
		curtainRight += curtainStep; //раскрываем область усечения справа на curtainStep пикселей
		curtainLeft -= curtainStep; //раскрываем область усечения слева на curtainStep пикселей
		
		var rect = 'rect(auto, '+ curtainRight +'px, auto, '+ curtainLeft +'px)';
		
		document.getElementById("dialogWindow").style.clip = rect;
		
		setTimeout(curtainOpen,curtainTimeout); //вызываем эту же функцию повторно через curtainTimeout миллисекунд
	}
}
//ф-ция сворачивания слоя
function curtainClose()
{
	if (curtainLeft<curtainRight)//Пока левая граница области усечения не встретилась с правой
	{
		curtainRight -= curtainStep; //сужаем область усечения справа на curtainStep пикселей
		curtainLeft += curtainStep; //сужаем область усечения слева на curtainStep пикселей

		var rect = 'rect(auto, '+ curtainRight +'px, auto, '+ curtainLeft +'px)';

		document.getElementById("dialogWindow").style.clip = rect;

		setTimeout(curtainClose,curtainTimeout); //вызываем эту же функцию повторно через curtainTimeout миллисекунд
	}
}
Eugene в рубрику JavaScript
5 июня 2011

Изменение внешнего вида (точнее цвета) у input

Недавно, зайдя на сайт wsrch.ru я чисто случайно не ввел запрос, и был крайне удивлен способом показа ошибки. Input... моргнул красным цветом. Тут же захотелось привинтить эту фичу и к своему проекту, но анализ исходников выявил только то, что сайт юзает jQuery.
Может кто-нибудь подсказать, как такое сделать?
Eugene в рубрику JavaScript
23 мая 2011

Пока iframe грузится развлекать пользователя гифкой

У меня есть два iframe. В каждом из них выполняется довольно тяжеловесный PHP скрипт, который до своей полной загрузки, вообще насмерть отказывается показывать HTML. Т.е. пока в каждом из iframe кипит жизнь, пользователю, вместо них, показываются белые квадраты. Естественно это не есть гуд, т.к. скрипт может выполнятся довольно долгое время, а мне бы, пока страница грузится, хотелось бы развлекать пользователя анимированной гифкой.

Собственно вопрос : как пока iframe грузится показывать пользователю анимированную гифку. Естественно после загрузки страницы гифка должна исчезать.

P.S. Писать какой либо JS или CSS код внутри фрэйма вообще не вариант, поскольку, как я уже говорил, скрипт вообще отказывается показывать html до полной своей загрузки, => кодить надо в странице которая непосредственно и содержит эти iframe.

P.P.S id первого iframe - Left, второго - Right
Олег в рубрику JavaScript
20 мая 2011

Размещение дополнительной картинки рядом с фавиконом в поисковой строке браузера

Здравствуйте.

Очень хотелось бы найти скрипт (если он вообще возможен) для размещения рядом с фавиконом в поисковой строке браузера какой-нибудь надписи или дополнительной картинки, как это сделано на некоторых сайтах. Уже давно ищу, но пока безуспешно.
Был бы очень благодарен за помощь.

С уважением,
Олег
Eugene в рубрику JavaScript
2 мая 2011

Проверить тип переменной

У меня есть форма типа text. По правилам в нее можно вводить только цифры. Как можно организовать такую проверку? Ведь как бы я данные из формы не доставал, все равно они будут типа String!
Что делать?
Владимир в рубрику JavaScript
16 апреля 2011

Mootools в Joomla

Подскажите как в Joomla отправить форму с помощью Mootools? Уже четвертый день день мучаюсь. Никак не могу найти рабочий вариант.
ONYX в рубрику JavaScript
8 апреля 2011

Google maps метки по категориям и кластеризация.

Здравствуйте подскажите
как реализовать на google maps api v2 кластеризацию с категориями меток.
На данный момент у меня работают категории но никак не могу прикрутить кластер этот
вот код http://pastebin.com/7XbB3uEh а вот где можно взглянуть в работе http://goo.gl/z0iK8
Спасибо за внимание.
Денис в рубрику JavaScript
28 марта 2011

Как реализовать шторку как на YouTube?

Здравствуйте.
Я тут на днях подумал, а как сделать качественно шторку как на ютюбе.
Т.е. с прозрачностью на пару пикселей вверх. Есть ли какая то готовая реализация? Если нет то очень буду рад инструкции :) Вообще хочу у себя на сайте такую шторку на картинку поставить, а то с картинкой очень сайт нагружен, а так кому надо то нажмёт, вообще классная штука!
Заранее спасибо за ответ.
Андрей в рубрику JavaScript
22 марта 2011

Как сделать автообновление страницы, только при условии изменения размера области отображения браузера.

Для более управляемой резиновой верстки сайта (например, чтобы блок был точно по середине, но с отступом по 20 пикселей слева и справа.) использовал код для расчета кроссбраузной ширины и высоты браузера:

function windowWorkSize(){
var = wwSize new Array();
if (window.innerHeight !== undefined) wwSize= [window.innerWidth,window.innerHeight] // для основных браузеров
else
{ // для "особо одарённых" (ИЕ6-8)
wwSizeIE = (document.body.clientWidth) ? document.body : document.documentElement;
wwSize= [wwSizeIE.clientWidth, wwSizeIE.clientHeight];
};
return wwSize;
};

И потом оперируя данными архива wwSize рассчитывал нужные данные.

При первичной загрузке страницы скрипт все исправно рассчитывает, другой подтягивает блоки сайта на нужную ширину и длину. Только если после загрузки сайта изменить размер браузера, естественно он не рассчитывает заново размеры относительно новой ширины и высоты.
Суть вопроса в том, как сделать так, чтобы при изменении пользователем размера браузера скрипт автоматически обновлялся? Может есть функция такая же, как в ActionScript 3.0 действует updateAfterEvent()
Страницы:

metin2 pvp metin2 pvp serverler pvp serverler