Создание Web-страниц - просто: Часто задаваемые вопросы.



Вопросы от незнания CSS или JavaScript...

- что такое Java, JavaScript и JScript?
- как подавить подчеркивание ссылок в некоторых местах?
- как сделать неподчеркнутые ссылки везде?
- как сделать кнопку "Back"?
- как определить, что юзер открыл страницу не в кадре, и перевести его в кадр?
- как на JS при событии в одном из кадров поменять заголовок всего фреймсета? Хотелось бы, чтобы при смене страниц в заголовке окна броузера кроме названия сайта отображалось еще и наименование текущего раздела.
- как вставить музыку в html файл?
- как сделать так, чтобы при наведении мышки на текст с ссылкой он поменял цвет?
- как изменить абзацный отстyп?
- как определить разрешение у посетителя, и в зависимости от разрешения посылать на разные страницы?
- как вставить дату последнего обновления?
- как сделать, чтобы при наведении мышки на картинку-ссылку, картинка изменилась?
- есть ли в JS функция, которая бы брала сценарий из внешнего файла?
- почему NN некорректно ведет себя с русской буквой "я" в сценариях?
- как убрать рамки вокруг ссылок?
- как сделать выпадающее меню ссылок?

Что такое Java, JavaScript и JScript?

JavaScript полностью отличается от Java. Java - объектно-ориентированный язык программирования, разработаннный Sun Microsystems. Ему нужны компиляторы и служебные файлы для функционирования. Программы, разработанные на JDK (Java Development Kit), могут работать

как автономные прикладные программы
как апплеты (англ. applet, "маленькое приложение") в HTML страницах
как Java-servlets - "добавки" к Javaservlet-ready серверам, которые инкапсулируются в веб-сервер и работают как бинарный создатель информации, унаследовавший необходимое от веб-сервера и добавивший что-либо свое.

JavaScript был разработан Netscape. Он "родственник" Java, только содержит меньший и более простой, немного измененный, набор команд. Структура JavaScript и его синтаксис подобен Java, но JavaScript функционален только когда включен как часть HTML страницы (на это указывает и его название "ЯваСценарий"). Вы не можете разрабатывать автономные прикладные программы на JavaScript. Он может использоваться а) в виде сценария внутри HTML в броузере, совместимом с Netscape 2.0, и б) как сценарий, исполняемый поддерживающим такие сценарии сервером. JScript был "разработан" Microsoft. Функционально это тоже самое, что и JavaScript. Hазвания разные из-за того, что JavaScript был уже запатентован Netscape к тому времени, как Microsoft решила встроить в свой броузер поддержку JavaScript. Вторая причина в том, что JScript не полностью следует спецификации Netscape, и эти отличия дают немало радостных минут тем, кто заботится о поддержке всех клиентских агентов.
Как дьявол - обезьяна Бога, так и JScript - обезьяна JavaScript'а.

Как подавить подчеркивание ссылок в некоторых местах?

<HEAD>
<STYLE type="text/css">
a.noneline {text-decoration: none;}
</STYLE>
</HEAD>
После чего применяем этот стиль:

<A HREF="ссылка" CLASS="noneline">

Как сделать неподчеркнутые ссылки везде?

<STYLE type="text/css">
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }
</STYLE>
</HEAD>

Как сделать кнопку "Back"?

<A HREF="javascript:history.back()">Hазад</A>

Как определить, что юзер открыл страницу не в кадре, и перевести его в кадр?

В тексте страницы указать ссылку:
<SCRIPT LANGUAGE="javascript">
if (self.parent.frames.length == 0)
document.writeln("Проше пана перейти на
<A HREF=index.html>фреймсет")
</SCRIPT>

Или бесцеремонно загрузить фреймсет:
<SCRIPT LANGUAGE="javascript">
if (self.parent.frames.length == 0)
self.parent.location="index.htm";
</SCRIPT>

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

<HEAD>
<SCRIPT LANGUAGE="javascript">
function newTitle()
{top.document.title="HОВЫЙ ЗАГОЛОВОК"; }
</SCRIPT>
</HEAD>

<BODY ONLOAD="newTitle();">
К счастью, в правильных браузерах это не работает. Следуйте более стандартным решениям и перегружайте фреймсет.

Как вставить музыку в html файл?

<SCRIPT LANGUAGE="javascript">
var Brwsr = window.navigator.appName
if (Brwsr == "Microsoft Internet Explorer")
{Cmd = "<BGSOUND SRC=music.mid>" }
else { Cmd = "<EMBED SRC=music.mid HIDDEN=true>" }
document.write( Cmd )
</SCRIPT>

Как сделать так, чтобы при наведении мышки на текст с ссылкой он поменял цвет?

<HEAD>
<STYLE type="text/css">
a:hover { color: #xxxxxx }
</STYLE>
</HEAD>

Как изменить абзацный отстyп?

<P STYLE="text-indent: 15pt">... Абзац ...</P>

Как определить разрешение у посетителя, и в зависимости от разрешения посылать на разные страницы?

Как понятно из нижеприведенного сценария, это полумеры. Если вы понимаете, что такое HTML, то вы понимаете, что у вашего пользователя нет никакого экрана и нет никакого разрешения.

<SCRIPT LANGUAGE="javascript">
var height=0;
var width=0;

if (self.screen) // for NN4 and IE4
{
width = screen.width
height = screen.height
}
else if (self.java) // for NN3 with enabled Java
{
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}

if (width == 800 && height == 600)
{ location.href = "800x600.htm" }
else if (width == 640 && height == 480)
{ location.href = "640x480.htm" }
else
{ location.href = "unknown.htm" }
</SCRIPT>

Как вставить дату последнего обновления?

<SCRIPT LANGUAGE="JavaScript">
document.writeln(document.lastModified)
</SCRIPT>

Как сделать, чтобы при наведении мышки на картинку-ссылку, картинка изменилась?

<HEAD>
<SCRIPT LANGUAGE="javascript">
function ChangeImg()
{
if(document.images)
{

eval("document."+ChangeImg.arguments[0]+"
.src=('"+ChangeImg.arguments[1]+"')");
}
}
function preload()
{
if (document.images)
{
var imgsrc = preload.arguments;
arr=new Array(imgsrc.length);
for (var j=0; j { arr[j] = new Image; arr[j].src = imgsrc[j]; }
}
}
</SCRIPT>
</HEAD>

<BODY onLoad="preload('over1.gif', 'over2.gif', 'overN.gif')">

где overN.gif - картинка, которая должна показываться при наведении мышки. onLoad нужен для того, чтобы картинки подгружались сразу, а не в то время, когда навели мышку, так как на слабом канале эффекта сразу можно не заметить.

<A HREF="1.htm" onMouseOver="ChangeImg('image1','over1.gif')"
onMouseOut="ChangeImg('image1','out1.gif')">
<IMG SRC="out1.gif" NAME="image1">
</A>

<A HREF="2.htm" onMouseOver="ChangeImg('image2','over2.gif')"
onMouseOut="ChangeImg('image2','out2.gif')">
<IMG SRC="out2.gif" NAME="image2">
</A>

<A HREF="N.htm" onMouseOver="ChangeImg('imageN','overN.gif')"
onMouseOut="ChangeImg('imageN','outN.gif')">
<IMG SRC="outN.gif" NAME="imageN">
</A>

в <IMG> "name" нужно для того, чтобы JS знал, какой картинке соответствует каждая ссылка.

Есть ли в JS функция, которая бы брала сценарий из внешнего файла?

<SCRIPT LANGUAGE="JavaScript" SRC="путь_к_сценарию"></script>

Русифицированный MSIE 3.01 и, видимо, некоторые другие его родственники падают, встретив эту функцию.

Почему NN некорректно ведет себя с русской буквой "я" в сценариях?

В кодировке 1251 маленькая "я" имеет код 0xFF, поэтому вместо "я" следует писать "\я".

Как убрать рамки вокруг ссылок?

Hа это явление жалуются только пользователи MSIE. Оно и понятно. Вставьте в тег ссылки слова onFocus="this.blur()". Все те, кто привык, что курсор не пропадает с глаз долой, скажут вам много теплых и ласковых слов.

Как сделать выпадающее меню ссылок?

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function loadPage(list)
{
location.href = list.options[list.selectedIndex].value
}
</SCRIPT>
</HEAD>

<BODY>
<FORM>
<SELECT>
<OPTION VALUE="http://www.aaa.com/">AAA
<OPTION VALUE="http://www.bbb.com/">BBB
<OPTION VALUE="http://www.ccc.com/">CCC
</SELECT>
<INPUT TYPE="button" VALUE="Открыть"
ONCLICK="loadPage(this.form.elements[0])">
</FORM>
</BODY>