Fix Blog » Javascript

alert javascript js

admin — Tue, 23 Mar 2010 06:48:37 +0000

alert(‘text’); выводит предупреждающее окошко.
Удобно для отладки.

Например

var i=8;
alert(i);
var i=9;
alert(i);

Выведет по очереди два окошка, в первом написав 8, во втором 9.

javascript window reload

admin — Fri, 19 Mar 2010 11:25:42 +0000

Обновляет текущее окно браузера. Пример

Сама кнопка:

Код кнопки:

javascript window close

admin — Wed, 17 Mar 2010 11:10:52 +0000

Закрывает указанное окно.

Синтаксис:

window.close()
Метод применим к объекту:

Объект	Описание
`window`	Объект, предоставляющий доступ к параметрам окна, в котором отображён текущий документ.

Примечание:

Метод close() закрывает без предупреждения только те окна, которые были открыты методом open(). При попытке закрыть какое либо другое окно будет открыто диалоговое окно с запросом на подтверждение.
Но если текущее окно содержит только один документ (текущий) в списке history, то подтверждающее диалоговое окно не выводится.

Пример:

Все нижеприведённые комманды закрывают текущее окно

window.close();
self.close();
close();

javascript window location

admin — Mon, 15 Mar 2010 10:20:45 +0000

window.location

Получает/устанавливает URL окна и его компоненты

Описание, примеры

Значением этого свойства является объект типа Location.

Объект `Location`

Метод toString этого объекта возвращает URL, а различные свойства позволяют получить/установить отдельные компоненты адреса.

Для некоторых строковых операций необходимо явно преобразовать Location к строке:

window.location.toString().charAt(17)

Свойства объекта `Location`

Все следующие свойства являются строками.
Колонка "Пример" содержит их значения для URL:

http://www.google.com:80/search?q=javascript#test

Свойство	Описание	Пример
`hash`	часть URL, которая идет после символа решетки ‘#’, включая символ ‘#’	#test
`host`	хост и порт	www.google.com:80
`href`	весь URL	http://www.google.com:80/search?q=javascript#test
`hostname`	хост (без порта)	www.google.com
`pathname`	строка пути (относительно хоста)	/search
`port`	номер порта	80
`protocol`	протокол	http:
`search`	часть адреса после символа ?, включая символ ?	?q=javascript

В Firefox есть баг: если hash-компонент адреса содержит закодированные (см. encodeURIComponent) символы, свойство hash возвращает раскодированный компонент. Например, вместо %20 будет пробел и т.п. Другие браузеры ведут себя корректно и не раскодируют hash.

Методы объекта `Location`

assign(url): загрузить документ по данному url
reload([forceget]): перезагрузить документ по текущему URL. Аргумент forceget – булево значение, если оно true, то документ перезагружается всегда с сервера, если false или не указано, то браузер может взять страницу из своего кэша.
replace(url): заменить текущий документ на документ по указанному url. Разница, по сравнению с assign() заключается в том, что после использования replace() страница не записывается в истории посещений. В частности, это значит, что посетитель не сможет использовать для возврата кнопку браузера "Назад".
toString(): возвращает строковое представление URL для объекта Location

Убираем текст в форме

admin — Fri, 13 Mar 2009 12:22:55 +0000

Кликаем на текст, если ничего ввели, текст возвращается. Таким образом можно не писать поясняющий текст около поля.
Делается так:

А именно:
onfocus="javascript: if (this.value == ‘Текст’) {this.value="};"
При клике по полю проверяем, не ввел ли что-нибудь пользователь до этого, и если нет – то обнуляем значение value.

onblur="javascript: if (this.value == ") {this.value=’Текст’};
Если пользователь ничего не ввел, то делаем текущее value равным ‘Текст’

Internet explorer + mootools. Операция прервана/Operation aborted

admin — Mon, 09 Mar 2009 18:43:02 +0000

При использовании библиотеки mootools и innerHTML или appendChild в интернет эксплорер возникает ошибка – страница не загружается и выдается ошибка – операция прервана.

Возникает это, потому что дочерний контейнер содержит скрипт, изменяющий родительский контейнер.

На сайте Microsoft об этой проблеме знают, но решения, кроме как использовать internet explorer 8 – не предлагают. Нам такой вариант не подходит, да и решение простое до безобразия – тегу script надо добавить defer="defer".
Таким образом мы говорим браузеру, что исполнять этот скрипт нужно после полной загрузки страницы.

Делаем красивый анонс с помощью OnMouseOver

admin — Fri, 22 Aug 2008 08:33:17 +0000

Сразу оговорюсь – все написанное ниже – примитивно, и написано только для полного понимания происходящего. По сути все это можно написать гораздо проще и грамотнее.

И так, вот такой код:

Заголовок 1

Заголовок 2

Заголовок 3

Даст нам такую картину:

Симпатично, да?
Теперь сделаем разбор полетов, что же происходит, а именно разберем эту конструкцию:

onmouseover="document.getElementById(‘div_maindiv’).style.background=’url(show1.jpg)’; this.style.backgroundColor=’#fff’" onMouseOut="this.style.backgroundColor=’#999′"

И так

Onmouseover – говорим, что действие будет происходить при наведении мыши на объект.
А внутри у нас:
document.getElementById(‘div_maindiv’) – Объясняем, что сейчас будем работать с объектом, ID которого равен div_maindiv.
.style.background=’url(show1.jpg)’; – что же собственно делаем – ставим в качестве background’а картинку show1.jpg.
Точка с запятой показывает, что первое действие мы описали, и дальше будем писать второе:
this – как наверное поняли, это альтернатива document.getElementById(‘div_maindiv’), и говорит она о том, что работать будем с объектом, в котором написан код.
.style.backgroundColor=’#fff’ – меняем background-color на белый цвет.
Ну и onMouseOut="this.style.backgroundColor=’#999′" – говорит о том, что при уводе мыши с элемента – необходимо поменять background-color у самого элемента обратно на серый.

Редирект, скрипт редиректа

admin — Tue, 05 Aug 2008 09:43:43 +0000

Наиболее внятный скрипт редиректа

Все это конечно же в . При включенном ява скрипте произойдет редирект на fixblog.ru через 3000 миллисекунд, что равно 3 секундам, при отключенном – тоже самое через три секунды.

Замена слоев, или как поменять DIV местами

admin — Fri, 13 Jun 2008 10:36:04 +0000

Небольшой FAQ по теме:
Q: Что это?
A: Имеем такую конструкцию:

Слой 1

Some text

Слой 2

В итоге это будет выглядеть так:
Слой 1
Some text
Слой 2
После небольших махинаций с ява скриптом, это будет выглядеть так:
Слой 2
Some text
Слой 1
При этом код останется прежним. Можно это сделать и позиционированием, но с условием, что мы не знаем какой height у Some Text – это сделать не получится.
Q: В каких случаях применять?
A: Например баннеры. Допустим, есть баннер в шапке, баннер в правой колонке и баннер в подвале. Загружаются они по мере загрузки страницы, что немного тормозит всю загрузку. Мы же, путем подмены слоев, сначала загрузим страницу, а потом уже выскочат все баннеры одновременно.
И так, код:

Вот и все. Последнее, что надо знать – скрипт меняет содержимое слоев, учтите это, применяя стили для содержимого.