11/04/2002
Еженедельная электронная рассылка
Выпуск# 26
ПОЛЕЗНЫЕ СОВЕТЫ
ВЕБ-ДИЗАЙНЕРУ
 
Здравствуете дорогие наши читатели. Мы рады вновь увидиться с вами. Сегодня в нашем вупуске вся колонка INTERактива представлена нашими читателями, плюс вы помогли довести до ума предыдущие скрипты и ответить на вопросы. Будем надеяться, что это будет не единственный выпуск, построенный во многом из ваших материалов. Так что ждём ваших писем с полезными советами и скриптами. Ещё хочу сообщить о нашем новом e-mail'е. Теперь все ваши письма направляйте на web-design@hotmail.ru
 
   Хвосты

 
Вернёмся к вопросу выделения жирностью первой буквы (вопрос был задан в прошлом номере рассылки) - можно присвоить класс или идентификатор, например:

<html>
<head>
<style>
.first:first-letter{font-weight:bold;}
</style>
</head>
<body>
<div class="first">
<a href="URL">First letter bold</a>
</div>
</body>
</html>

 Совет дал постоянный читатель нашей рассылки DjadjaStjopa

И ещё немного по скрипту поиска, который так же был опубликован в предыдущем номере рассылки:
V posledney rassilke, est' script kotoriy delayet Search na stranitse s JavaScript. Ya nashol v nem neboshuyu oshibku/problemu:
Na knopkah v etom scripte stoyat OnFiltered(). Tak vot, etot "event" ne rabotayet na moyem browsere (IE 6.0 v WinXP). Shto-bi rabotalo, ya pomenyal na OnClick(). Eto v printsipe odno i toje, no rabotayet :D
Odnako, ya ne znayu esli eto budet rabotat' v drugih browserah (tipa NS i Opera), no dumayu shto budet tak kak OnClick() event doljen tam bit'.
Дополнения  любезно предоставил нам Alex
  

   CSS


    Изменение междустрочного интервала.

В код страницы между тегами <head> и </head> нужно вставить следующее:

<style type="text/css">
<!--
P {line-height: 8pt;}
-->
</style>
Где line-height: 8pt; есть величина, означающая желаемый интервал. Если вам нужно применить этот параметр к отдельному элементу, томожно присвоить ему класс , который будет применен только к данному элементу . Например: P.example{ line-height: 8pt ;} При этом в теле документа нужному элементу присвоить тот же класс :
<p class="example" > Текст </p>

   ИНТЕРActive

 
   Сегодня у нас полезные скрипты наших подписчиков!

   Праздничная дата

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY><B>
<SCRIPT LANGUAGE="JavaScript"><!--
// "Праздничная дата" version 2.0
// Автор Томилов. А.М. HomePage (http://www.e-city.all-nsk.ru)
// Выводит Сообщения в зависимости от даты и месяца
//Дата
var nDate;
var m; //Переменная для месяца
var d; //Переменная для дня
var x; //Переменная для...
var sos; //Переменная для дежурного сообщения
sos = "Пусто, не правда ли?" // текст дежурного сообщения если событие не определено
// масив с месецами
var jan = new Array(31); //Массив содержит... Январь
var fev = new Array(31); //Массив содержит... Февраль
var mar = new Array(31); //Массив содержит... Март
var apr = new Array(31); //Массив содержит... Апрель
var may = new Array(31); //Массив содержит... Май
var yun = new Array(31); //Массив содержит... Июнь
var yul = new Array(31); //Массив содержит... Июль
var avg = new Array(31); //Массив содержит... Август
var sen = new Array(31); //Массив содержит... Сентябрь
var okt = new Array(31); //Массив содержит... Октябрь
var noy = new Array(31); //Массив содержит... Ноябрь
var dek = new Array(31); //Массив содержит... Декабрь
var ddd = new Array(jan,fev,mar,apr,may,yun,yul,avg,sen,okt,noy,dek);
nDate = new Date();
m = nDate.getMonth();
d = nDate.getDate();
//масив данных
// формат данных МЕЯЦ[дата]='сообщение' где МЕЯЦ это - имя масива соответствуещего месяца
// дата - дата вывода сообщения в данном месяце
// смотрите пример ниже
// март
mar[8] = 'Поздравляем всех женьщин с празником!<BR>8 МАРТА';
//апрель
apr[16] = 'Апрель';
//вывод сообщений
x = ddd[m];
if (x[d] == null) {
document.writeln(sos); //выводит дежурное
}
else {
document.writeln(x[d]);
}
//--></SCRIPT>
</B></BODY>
</HTML>

 

   А теперь скрипт от Ильи

В чём же заключается проблема, которую решает этот скрипт:
Допустим после поисков в Яндексе, аппорте и т.д. Вы получаете ссылку на страницу в фрейме. Прсмотрев страницу Вы не
обнаруживаете на ней каких-либо следов навигации на другие страницы сайта. Вероятнее всего Вы закроете эту страницу и
пойдёте дальше, так как у Вас уже загрузились сходные по содержанию темы. Таким образом сайт останется без Вашего внимания.
Каков же выход? Пишем простой скрипт:
Как работает: если страница во фрейме мы видим просто надпись - если окно открыто отдельно - ссылку во фрейм. (здесь и далее адреса и названия ессно можно поменять)

<SCRIPT LANGUAGE=JSCRIPT>
<!--
function DisplayProperties()
{
objMyText = document.all["MyText"];
if (self.parent.frames.length != 0)
{
objMyText.innerHTML ="Copyright &copy;2002 info-crimea.narod.ru"
}
}
// -->
</SCRIPT>

где при условии не равенства параметра length /(self.parent.frames.length != 0) / в тэг с ID=MyText вставляется Copyright &copy;2002 info-crimea.narod.ru:

<DIV ALIGN="center" ID=MyText>Copyright &copy;2002 <A
HREF="http://info-crimea.narod.ru/exsk/exck.htm">http://info-crimea.narod.ru/</A></DIV>

всё это происходит по событию onLoad="DisplayProperties()" /вызывается функция DisplayProperties()/
теперь где и что расположить:

<HTML>
<HEAD>
<SCRIPT LANGUAGE=JSCRIPT>
<!--
function DisplayProperties()
{
objMyText = document.all["MyText"];
if (self.parent.frames.length != 0)
{
objMyText.innerHTML ="Copyright &copy;2002 info-crimea.narod.ru"
}
}
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="DisplayProperties()">
<DIV ALIGN="center" ID=MyText>Copyright &copy;2002 <A
HREF="http://info-crimea.narod.ru/exsk/exck.htm">http://info-crimea.narod.ru/</A></DIV>
</BODY></HTML>

Пример можно посмотреть на http://info-crimea.narod.ru/exsk/exck.htm
 

   #CoLors#

Это примеры цветов и их шеснадцатеричный код.

A
#5F9EA0
A
#B8860B
А
#A9A9A9
A
#9932CC
A
#FFFAF0
A
#FFD700
A
#4B0082
A
#90EE90


   Совет

Если вы хотите поменять цвет горизонтальной линии, то вы можете воспользоваться атрибутом "color" , при этом задать желаемый цвет . Например: <hr color=#ff0000>
Линия выводится на экран красным цветом.
Примечание: Следует помнить , что при изменении цвета горизонтальной линии , она будет выводиться без затенения.
Эдмон и Ирэн
Напоминаем, что в скриптах могут быть ошибки, о которых мы бы хотели, чтобы вы сообщали.
Архив рассылки вы можете посмотреть на http://friends.pomorsu.ru/~admont/
Наш e-mail: web-design@hotmail.ru