Интернет технологии -> JavaScript -> JavaScript FAQ

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

Ответ: Вот два самых простых варианта: Этот скрипт проставляет ссылку на основную страницу, если нет фреймов.
<SCRIPT LANGUAGE="JavaScript">
<!--
 if (self.parent.frames.length == 0)
 document.writeln("Лучше смотреть с <A HREF='index.htm'>управляющим фреймом</A>");
 // -->
</SCRIPT>
А этот скрипт прямо пересылает на заглавную страницу без всяких вопросов 
<SCRIPT LANGUAGE="JavaScript">
<!--
 if (self.parent.frames.length == 0)
 self.parent.location="index.htm";
// -->
</SCRIPT>

А можно ли с помощью JavaScript записать какую нибудь информацию в файл? А потом при загрузке сайта прочитать. (например для создания счётчика (без CGI))

Ответ: Нет

Вопрос: У меня следующая проблема. Никак не могу понять, какое событие запускает выполнение  произвольной функции в раскрывающемся меню. Мне необходимо сделать так, чтобы при выборе какого-то пункта раскрывающегося меню запускалась заранее заданная функция Подобная задача легко решается в примере с флажками (checkbox):

<input type=checkbox onClick="onClickAction(значение,checked)">

где onClickAction( ) - заранее заданная функция, кторая запускается при включении флажка; а onClick - то самое событие, аналог которому я не могу найти при работе с раскрывающимся меню.

Ответ: Выполнение  любой   функции  в    любом месте кода происходит когда имеет место  связанное  с  ним  событие. Если функция должна выполняться при щелчке  мыши,    то  это  событие OnClick. Событие, активизирующееся при выборе одного из пунктов списка в форме - OnChange. В Вашем случае:

<select name=your_form onchange="onClickAction(значение,checked);">

Далее  в  тегах  <option>  </option>     перечисляются пункты выпадающего
меню. После чего закрывающийся тег </select> .

<form name="form">
<select name=goto
onchange="location=document.form.goto.
options[document.form.goto.selectedIndex].value">
<option selected>Select</option>
<option value="index.html">Main</option>
<option value="end.html">End</option>
<option value="menu.htm">Menu</option>
</select>
</form>

Вопрос:   Можно  ли сделать, чтобы всплывающие окна подсказки отображающиеся   с  помощью JavaScript (см. вложенный пример) появлялись не только на первом экране, но и на остальных.

Ответ: Можно. Для этого нужно вставить в код всех страниц, на которых должны отображаться    подсказки,  все инструкции,   отвечающие   за отображение подсказки.   В  Вашем случае это путь к скрипту и события OnMouseOver и OnMouseOut.  Обратите внимание на путь до файла со скриптом в случае, если  html   перенесен  в   другой   каталог   (домен). Кстати, никогда не используйте в адресе (в частности в именах файлов) русские буквы - это может не работать при online-просмотре сайта.

Вопрос: Есть кнопка: <input type=button style="background-color:red"   name = "b1"> Скажите, пожалуйста, каким образом    получить доступ к свойству background-color через скрипт? Все дело  в  том,  что   если    написать  в  скрипте    такую   строку: b1.style.background-color = "green". То  в броузере получается ошибка в месте, где стоит тире. если свойство не имеет в своем названии тире (например style.color), то такой метод работает. Подскажите,     пожалуйста,  что мне нужно  сделать для корректной работы.

Ответ: Свойство, которое Вам нужно - background. То есть нужно писать так:  b1.style.background = "green" Тогда будет работать в скрипте.

Вопрос: Вы  не могли бы мне помочь:  <INPUT ID = b1 TYPE = BUTTON VALUE =KNOPKA!  STYLE ="font-Family:comicsansms; font-color:red;font-size:12pt;width:100; height:50; background-color: darkseagreen" onmouseover = "this.style.background='red';     this.style.font-color='green';     this.style.font-size = 12"> скажите, пожалуйста, чем заменить текст, выделенный красным цветом, чтобы получить доступ к этим свойствам?

Ответ: Замените this.style.font-color='green' на this.style.color='green'.  Для изменения  размера, вообще говоря, нужно писать this.style.size = 12, но нет гарантии, что свойство size поддерживается  в JavaScript  на клиентской    машине. Есть еще вариант this.style.font = 12, но и он работает не без ошибок.   Кстати, изменение размера плохо смотрится - лучше не использовать.

Вопрос: Подскажите, пожалуйста, ресурс,  где можно  почитать уроки для начинающих по JavaScript (справочники не предлагать)

Ответ: Могу посоветовать http://citforum.ru - здесь в разделе JavaScripts находится интересное пособие "JavaScripts для магов". Также можно посмотреть   Java Script Examples - Коллекция примеров использования Java-скриптов на web-странице.

Пособия по Яве можно найти на любом сайте - коллекции скриптов. Ссылки на них можно найти здесь

Подскажите как мне сделать с помошью Java Script, чтобы меню появлялось на каждой сранице, т.е. динамически? Я делаю файл с расш. js и пишу там document.write('меню'), но при вызове скрипта в другой странице он не появляется.

Ответ: То есть при вызове с одной страницы появляется, а с другой не появляется? Видимо, напутали с путем к файлу со скриптом. Наверное, перенесли страницу во вложенную директорию.

Не подскажете, можно ли сделать так, чтобы обычный текст (не ссылка) при подведении курсора менял свой цвет?

Ответ: JavaScript'ом менять свойство стиля, которым этот кусок текста отмечен.

Вопрос: Есть форма, как обработать событие onUnload, чтобы окно навигатора при закрытии, умирая, отослало данные с формы, а уж потом закрылось?

Ответ:
Example.
<body onUnload="UnLoad()">
<form method=post action="do something" NAME=MYFORM>
<input type...>
<!-- Здесь даже не обязательно должна присутсвовать кнопка Submit -->
</form>

<script>
<!--
function UnLoad()
{
document.forms.MYFORM.submit();
}
-->
</script>

Вопрос: Как с помощью ява-скрипта (или другим способом) сделать следующее - при нажатии на ссылку, человек у которого IE 4 и выше попадал на главную страницу, а тот, у которого что-нибудь типа Netscape/Opera/Net+ попадали не на саму главную страницу сайта, а на страничку с предупреждением о том, что при просмотре "левыми" браузерами она будет отображаться "немного" неправильно и что оптимизация под IE сделана не по желанию вебмастера, а исходя из статистики:)?

Ответ: Пример страницы:

<html>
<head>
<title>Тест</title>
</head>
<script LANGUAGE="JavaScript">
  var browser='';
  var vers='';
  var whole_version = ' ';
  if (browser == '')
   {
    if (navigator.appName.indexOf('Microsoft') != -1)
      browser = true
     else
      browser = false;
   }
  if (vers == '')
   {
    vers= navigator.appVersion;
    paren = vers.indexOf('(');
    whole_version = navigator.appVersion.substring(0,paren-1);
    vers= parseInt(whole_version);
   }
</script>
<script LANGUAGE="JavaScript">
   function relink()
    {
     if (browser == true && vers >= 4)
       document.location="http://Для пользователей IE4 и выше"
      else
       document.location="http://Для всех остальных";
    }
</script>
<body>
Жми <a href="javascript:relink();">сюда</a>
</body>
</html>

Ответ: Проблема легко решается с помощью Dreamweaver'a. Возможны 3 варианта перехода - оставаться на данной странице, переход на одну из двух указанных. Три критерия перехода относительно браузеров - IE, NN и другие. Также можно задавать критерии перехода относительно версий IE или NN.

Это реализуется через Behaviors - редактор сам вставляет Java-скрипт, только нужно указать критерии перехода к страницам.

Вопрос: Что-то я никак не могу найти скрипт, который при наведении мышкой на картинку меняет ее - вроде так просто, а найти не могу. У меня есть простые буквы и буквы с подсветкой. И мне, соответственно, надо, чтоб при наведении они подсвечивались. И еще. Хотелось бы узнать, как можно сделать пояснения к ссылкам, то есть, чтобы при наведении на ссылку появлялось описание?

Ответ: Два разных образца кода можно посмотреть в HTML-коде сайтов chords.krsk.ru или www.cgi-bin.ru   Пояснения к ссылкам можно сделать так: <a href="***.html" title="текст">ссылка</a>

Вопрос: Как сделать, чтобы в зависимости от времени суток, менялась картинка фона страницы. Что-то подобное есть на сайте www.foster.narod.ru и там в зависимости от времени суток появляется приветствие: доброе утро, добрый день, добрый вечер, доброй ночи. Как это можно связать с бэкграундом?

Ответ:

<html>
<head>
<script language="JavaScript">
function getHourOfDay()
{ var now = new Date();
return(now.getHours());
}

function getTime()
{
var now = new Date();
var minutes = now.getMinutes();
var divider = ":";

if (minutes<10)
divider = ":0";

// Hack to get it to display the time
// correctly in version 3.0, (adjust for offset)
if (navigator.appVersion.lastIndexOf('3.') != -1 &&
navigator.appName.lastIndexOf('Netscape') != -1)
return( now.getHours()-1 + divider + minutes );

// Other versions may work with this ?
return( now.getHours() + divider + minutes );
}

function sayHello ()
{

if(getHourOfDay()<5 || getHourOfDay()>19)
document.write('<body BGCOLOR=#003399>');
else
{
if ( getHourOfDay() < 11)
{
document.write('<body BGCOLOR=Yellow>');
}
else
{
document.write('<body BGCOLOR=#66ffcc>');
}
}
document.write( "Сейчас <B>" +
getTime() +
"</B>, поэтому мы желаем Вам" );

if(getHourOfDay()<5 || getHourOfDay()>19)
document.write(' спокойной ночи!');
else
{
if ( getHourOfDay() < 11)
{
document.write(' доброго утра!');
}
else
{
document.write(' хорошей работы!');
}
}

}
</script>

</head>

<script language="JavaScript">
<!--
sayHello()
// -->
</script>

</body>
</html>

Вопрос: При использовании фреймов мне надо, чтобы при выборе ссылки в фрейме-меню обновлялось 2 фрейма: сам фрейм-меню (чтобы выделить выбор) и основной фрейм по ссылке. Как это сделать? Или есть другой путь?

Ответ: Этот скрипт Вы размещаете между <head> и </head>

<script language="JavaScript">

<!--

function MM_goToURL() { //v2.0

for (var i=0; i< (MM_goToURL.arguments.length - 1); i+=2) //with arg pairs

eval(MM_goToURL.arguments[i]+".location='"+MM_goToURL.arguments[i+1]+"'");

document.MM_returnValue = false;

}

//-->

</script>

А это вид ссылки на страницах Вашего сайта:

<a href="файл.htm" onClick=" MM_goToURL('parent.frames[\'Main Bar\']','навигация','parent.frames[\'Contents\']','файл.htm'); return document.MM_returnValue"></a></td>

Вопрос: Можно ли как нибудь проэмулировать технологию SSI, используя java? Т.е. что бы куски html кода вызывались с основной страницы из других файлов.

Ответ: Да, это возможно. Реализуется это так:

В определенном месте основной страницы:

<script language="JavaScript" src="test.js"></script>

А вот пример файла test.js:
----[begin]----------------------------------
<!--

document.writeln('<h5 align="center"><font face="Verdana">&quot;Тестовый образец.&quot;</font></h5>');

//-->
------[end]---------------------------------