Кликаем на текст, если ничего ввели, текст возвращается. Таким образом можно не писать поясняющий текст около поля.
Делается так:
<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 равным ‘Текст’
Иногда нужно делать элемент полупрозрачным, например "затемнить" элемент, положив сверху на него полупрозрачный div (Хотя это конечно метод через большую букву Ж).
Для примера возьмем этот див:
Добавим ему в css свойство:
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10) //for ie 5.5++
opacity: 0.1; //for other browsers
И на выходе получаем такое:
В filter прозрачность устанавливается от 0 до 100 (в данном примере – 10), в свойстве opacity – от 0 до 1 (в данном примере – 0.1)
При использовании библиотеки mootools и innerHTML или appendChild в интернет эксплорер возникает ошибка – страница не загружается и выдается ошибка – операция прервана.
Возникает это, потому что дочерний контейнер содержит скрипт, изменяющий родительский контейнер.
На сайте Microsoft об этой проблеме знают, но решения, кроме как использовать internet explorer 8 – не предлагают. Нам такой вариант не подходит, да и решение простое до безобразия – тегу script надо добавить defer="defer".
Таким образом мы говорим браузеру, что исполнять этот скрипт нужно после полной загрузки страницы.
Во всех предыдущих решениях предполагалось, что картинке .png или окружающему ее диву – будет присваиваться определенный класс.
Этот вариант – сам ищет все .png на странице и делает их прозрачными.
В нем лежит скрипт и картинка. Папку pngfix кидаем в корень (если будете переименовывать – в скрипте надо заменить первую строчку – путь до clear.gif).
И теперь – подключаем условными комментариями (чтобы не морочить голову другим браузерам) сам скрипт: