TIPS OF WEB
Vadias
Спецвыпуск Xakep, номер #023, стр. 023-090-3
<HTML>
<HEAD>
<TITLE>bred</TITLE>
<STYLE>
.effect{filter: flipv}
.effect1{filter: fliph}
</STYLE>
</HEAD>
<body bgcolor="#000000">
<IMG CLASS=effect SRC=xakep.gif>
<IMG CLASS=effect1 SRC=xakep.gif>
</BODY>
</HTML>
Tipsa 7
Из-за вечной полунесовместимости бродилок часто случается трабла, когда либо в Осле, либо в Шкафе что-то выглядит не так, как надо. И сколько не бьешься, ни фига не получается. Скрипт поможет и здесь. Мы можем определить юзерский тип браузера и в зависимости от того, MSIE у него или Нетскейп (либо производные от них), поместить в какое-либо место паги соответствующий кусочек, адаптированный к нужной бродилке.
Пример показывает, как вывести надпись или картинку, например, логотипы производителей, соответствующую типу браузера. Для этого тебе понадобится сделать маленькие пикчурки с логотипами (а также третью пикчурку на случай, если эти две не подойдут). Назови картинки с логотипами ИЕ и НН - ie.gif и nn.gif, соответственно, а третью картинку - hz.gif. Далее забей такой код:
<html>
<head>
<script language=JavaScript type="text/javascript">
var vers=navigator.appName;
if (vers.indexOf("Microsoft") >= 0)
{
vers="ie.gif";
}
else if (vers.indexOf("Netscape") >= 0)
{
vers="nn.gif";
}
else
{
vers="hz.gif";
}
var pictura="<img src="+vers+">";
</script>
</head>
<body>
<table>
<tr>
<td width=450>
</td>
<td>
<script language="JavaScript" type="text/javascript">
document.write(pictura);
</script>
</td>
</tr>
</table>
</body>
</html>
Комменты: функция indexOf возвращает позицию в строке того, что в скобках. Мы ее заюзали, так как ни разу не вспомним, как точно называется Осел или Шкаф (это что-то длинное). Но если в ответе из navigator.appName встретится имя одной из этих контор, то indexOf выдаст хорошую цифирь, и сработает соответствующая ветка условия. Иначе пришлось бы выяснять полное название бродилок.
Tipsa 8
Поскольку мы геморроимся со скриптами, думаю, эта типса не будет лишней. Объявляя какую-нибудь функцию или прописывая цикл, сразу забивай и открывающую, и закрывающую фигурные скобки, а уж потом вбивай между ними команды, которые будут внутри. То же самое со вложенными циклам и условиями. Так ты не потеряешь скобу, и не придется убить кучу времени и нервов на поиск столь дурацкой ошибки.
Tipsa 9
Все еще трахаешься в "Блокноте"? Похвально. Но, может, хватит геройствовать (читай - геморройствовать). Поставь себе Coffee Cup HTML Editor или CuteHTML. Генерить за тебя ничего не будут, зато нужные места подкрасят, теги вводить помогут. Ну да дело твое.
Tipsa 10
Если ты юзаешь Macromedia Dreamweaver для создания сайтов (кстати, Dreamweaver MX - рулит!), то знай, что под него существует полно мелких дополнений, разрабатываемых самой Macromedia и левыми разработчиками, и называются они Extensions. Это что-то вроде фильтров для фотошопа, только осуществляющих вебовские функции - например, дополнительные фичи для работы с почтой, удобные средства для работы со слоями, навигацией и множество других полезных штучек. Иди по этому адресу и качай, сколько влезет (внизу паги есть раскрывающийся список, где все Extensions разбиты по категориям):