Новое окно браузера открыть не составляет труда — мы просто прописываем в теге a атрибут target со значением _blank (некоторые нерадивые товарищи, кстати, неправильно указывают вместо _blank значение _new, что приводит к тому же эффекту, но совершенно не соответствует спецификации). В то же время, часто необходимо, чтобы новое окно открывалось с дополнительными параметрами: окно должно быть определённых размеров, не должна присутствовать строка состояния и т. п. Это легко достигается, как вам вероятно известно, с помощью метода window.open(URL, windowName[, parameters]).
Кликаем на текст, если ничего ввели, текст возвращается. Таким образом можно не писать поясняющий текст около поля.
Делается так:
<input type="text" value="Текст" onfocus="javascript: if (this.value == ‘Текст’) {this.value="};" onblur="javascript: if (this.value == ") {this.value=’Текст’};">
А именно: onfocus="javascript: if (this.value == ‘Текст’) {this.value="};"
При клике по полю проверяем, не ввел ли что-нибудь пользователь до этого, и если нет – то обнуляем значение value.
onblur="javascript: if (this.value == ") {this.value=’Текст’};
Если пользователь ничего не ввел, то делаем текущее value равным ‘Текст’
При использовании библиотеки mootools и innerHTML или appendChild в интернет эксплорер возникает ошибка – страница не загружается и выдается ошибка – операция прервана.
Возникает это, потому что дочерний контейнер содержит скрипт, изменяющий родительский контейнер.
На сайте Microsoft об этой проблеме знают, но решения, кроме как использовать internet explorer 8 – не предлагают. Нам такой вариант не подходит, да и решение простое до безобразия – тегу script надо добавить defer="defer".
Таким образом мы говорим браузеру, что исполнять этот скрипт нужно после полной загрузки страницы.
Сразу оговорюсь – все написанное ниже – примитивно, и написано только для полного понимания происходящего. По сути все это можно написать гораздо проще и грамотнее.
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 у самого элемента обратно на серый.
