Выпадающее меню

Пример выпадающего менюСоздание многоуровнего выпадающего меню с помощью CSS, пары строчек Javascript, работающего корректно в Файрфоксе, Опере, Интернет Эксплорере и Сафари кажется вам непосильной задачей? Да ничего подобного!

Давайте развеем это заблуждение.

И так, для начала нам нужен список. Ведь большинство всех меню это ни что иное как список ссылок.

Читать дальше >>

Полосатые таблицы

С приходом семантической верстки, CSS и блоки все больше и больше теснят таблицы, как элемент верстки и таблицы на конец начали выполнять свою основную роль - отображение информации, сохраненной в рядах и колонках.

Таблица обычно несет в себе довольно много информации, расположенной и отсортированой на довольно маленькой площади. Так почему бы не сделать чтение этой информации более приятным и легким?

iTunes таблицаПопытаемся немного освежить вывод информации в таблицах. Ниже приведены три способа, позволяющие быстро создать полосатые таблицы за счет четных и нечетных рядов в таблице. Выбор за вами.

Читать дальше >>

Скрываем текст в строке состояния браузера

Удобно в некоторых случаях, когда на пример вместо ссылки в параметре href вызывается функция Javascript. Одно “но” - в IE в строке состояния появится заданный текст, в Firefox’e только слово “Done”. Но цель все равно достигнута ;) 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title> Page Title </title>
<script>
function showStatus(sMsg) {
window.status = sMsg ;
return true ;
}
</script>
</head>
<body>
<a hrеf="javascript:someFunction();" onMouseOver="return showStatus('Любой текст');" >>
onMouseOut="return showStatus('');">Текст ссылки</a>
</body>
</html>

Удобный способ подвешивать событие на onload, не прописывая onload как таковой

if(window.addEventListener){ // Mozilla, Netscape, Firefox
window.addEventListener("load",functionName, false);
} else { // IE
window.attachEvent("onload", functionName);
}

Удобно при перекрывающих событиях на onload.

З.Ы. Если скрипт почему-то не работает - замените кавычки на одиночные “програмистские” :)

AJAX - панацея и Web 2.0 или всего лишь правильное использование существующих технологий в конкретных задачах?

Когда существующих возможностей становиться мало, а совершенствовать существующее уже некуда, тогда и происходит технологический прорыв. Таким прорывом и есть AJAX (Asynchronous JavaScript and XML) - подход к построению пользовательских интерфейсов веб-приложений, при котором web-страница, не перезагружаясь, сама догружает нужные пользователю данные. AJAX - один из компонентов концепции DHTML. Что же дает нам эта технология. В настоящее время разработка WEB приложений стремится к разграничению клиентской части и серверной, этим и обуславливается повсеместное использование шаблонов, таких как Smarty и XSLT. Сейчас проекты становятся сложнее, и переплетать между собой различные технологии становиться слишком дорого для времени разработчика. Так, например, все стили форматирования выносятся в CSS или в XSL файлы, HTML или XML данные хранятся в других разделах, серверные обработчики в третьих, базы данных в четвертых. И если еще 5-6 лет назад практически везде можно было увидеть переплетение всего этого в одном файле, то сейчас это все чаще становиться редкостью. При разработке более сложных проектов возникает необходимость в структурированности и удобочитаемости кода. Не следует засорять код программиста кодом верстальщика, а код верстальщика - правками дизайнера, и так далее. Читать дальше >>

« Предыдущая страница  Следующая страница »