22 декабря 2015
20 июня 2011
Помогите преобразовать пример
Вот здесь нашел отличный пример плавного открытия/закрытия окна на чистом JS + CSS без использования сторонних библиотек. Но на данном сайте был пример раскрытия окна по горизонтали. Мне же нужно по вертикали.
К сожалению как я не старался преобразовать данный пример я не смог. На вас вся надежда, умники с Временно.нет!
P.S. Кому лень кликать по ссылке вот код:
К сожалению как я не старался преобразовать данный пример я не смог. На вас вся надежда, умники с Временно.нет!
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 миллисекунд
}
}
5 июня 2011
Изменение внешнего вида (точнее цвета) у input
Недавно, зайдя на сайт wsrch.ru я чисто случайно не ввел запрос, и был крайне удивлен способом показа ошибки. Input... моргнул красным цветом. Тут же захотелось привинтить эту фичу и к своему проекту, но анализ исходников выявил только то, что сайт юзает jQuery.
Может кто-нибудь подсказать, как такое сделать?
Может кто-нибудь подсказать, как такое сделать?
23 мая 2011
Пока iframe грузится развлекать пользователя гифкой
У меня есть два iframe. В каждом из них выполняется довольно тяжеловесный PHP скрипт, который до своей полной загрузки, вообще насмерть отказывается показывать HTML. Т.е. пока в каждом из iframe кипит жизнь, пользователю, вместо них, показываются белые квадраты. Естественно это не есть гуд, т.к. скрипт может выполнятся довольно долгое время, а мне бы, пока страница грузится, хотелось бы развлекать пользователя анимированной гифкой.
Собственно вопрос : как пока iframe грузится показывать пользователю анимированную гифку. Естественно после загрузки страницы гифка должна исчезать.
P.S. Писать какой либо JS или CSS код внутри фрэйма вообще не вариант, поскольку, как я уже говорил, скрипт вообще отказывается показывать html до полной своей загрузки, => кодить надо в странице которая непосредственно и содержит эти iframe.
P.P.S id первого iframe - Left, второго - Right
Собственно вопрос : как пока iframe грузится показывать пользователю анимированную гифку. Естественно после загрузки страницы гифка должна исчезать.
P.S. Писать какой либо JS или CSS код внутри фрэйма вообще не вариант, поскольку, как я уже говорил, скрипт вообще отказывается показывать html до полной своей загрузки, => кодить надо в странице которая непосредственно и содержит эти iframe.
P.P.S id первого iframe - Left, второго - Right
20 мая 2011
Размещение дополнительной картинки рядом с фавиконом в поисковой строке браузера
Здравствуйте.
Очень хотелось бы найти скрипт (если он вообще возможен) для размещения рядом с фавиконом в поисковой строке браузера какой-нибудь надписи или дополнительной картинки, как это сделано на некоторых сайтах. Уже давно ищу, но пока безуспешно.
Был бы очень благодарен за помощь.
С уважением,
Олег
Очень хотелось бы найти скрипт (если он вообще возможен) для размещения рядом с фавиконом в поисковой строке браузера какой-нибудь надписи или дополнительной картинки, как это сделано на некоторых сайтах. Уже давно ищу, но пока безуспешно.
Был бы очень благодарен за помощь.
С уважением,
Олег
2 мая 2011
Проверить тип переменной
У меня есть форма типа text. По правилам в нее можно вводить только цифры. Как можно организовать такую проверку? Ведь как бы я данные из формы не доставал, все равно они будут типа String!
Что делать?
Что делать?
24 апреля 2011
Как ресайзить фрэймы с помощью JS
У меня есть странциа состоящая из трех фрэймов. Можно ли с помощью JavaScript находясь в первом фрэйме изменить ширину второго указанную в процентах?
16 апреля 2011
Mootools в Joomla
Подскажите как в Joomla отправить форму с помощью Mootools? Уже четвертый день день мучаюсь. Никак не могу найти рабочий вариант.
8 апреля 2011
Google maps метки по категориям и кластеризация.
Здравствуйте подскажите
как реализовать на google maps api v2 кластеризацию с категориями меток.
На данный момент у меня работают категории но никак не могу прикрутить кластер этот
вот код http://pastebin.com/7XbB3uEh а вот где можно взглянуть в работе http://goo.gl/z0iK8
Спасибо за внимание.
как реализовать на google maps api v2 кластеризацию с категориями меток.
На данный момент у меня работают категории но никак не могу прикрутить кластер этот
вот код http://pastebin.com/7XbB3uEh а вот где можно взглянуть в работе http://goo.gl/z0iK8
Спасибо за внимание.
28 марта 2011
Как реализовать шторку как на YouTube?
Здравствуйте.
Я тут на днях подумал, а как сделать качественно шторку как на ютюбе.
Т.е. с прозрачностью на пару пикселей вверх. Есть ли какая то готовая реализация? Если нет то очень буду рад инструкции :) Вообще хочу у себя на сайте такую шторку на картинку поставить, а то с картинкой очень сайт нагружен, а так кому надо то нажмёт, вообще классная штука!
Заранее спасибо за ответ.
Я тут на днях подумал, а как сделать качественно шторку как на ютюбе.
Т.е. с прозрачностью на пару пикселей вверх. Есть ли какая то готовая реализация? Если нет то очень буду рад инструкции :) Вообще хочу у себя на сайте такую шторку на картинку поставить, а то с картинкой очень сайт нагружен, а так кому надо то нажмёт, вообще классная штука!
Заранее спасибо за ответ.
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()
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()