На своей странице Вы можете установить кнопку, при нажатии на которую
пользователь добавлял бы ее в Избранное:
<FORM>
<BUTTON TYPE="SUBMIT" onClick="window.external.addFavorite('http://globalpage.narod.ru/',
'LENIN INC'); return false;"> Добавить в
избранное </BUTTON>
</FORM>
В вдие ссылки эта кнопка будет выглядить так:
<A HREF="#nul" onClick="window.external.addFavorite('http://globalpage.narod.ru/',
'LENIN INC'); return false;"> Добавить в
избранное </A>
Измените значение http://globalpage.narod.ru/ на
свой адрес, значение LENIN INC на имя вашего сайта.
| Сделать страницу стартовой.
|
Следующий код реализует кнопку, при нажатии на которую страница делаеться
стартовой:
<FORM>
<BUTTON TYPE="SUBMIT" onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://globalpage.narod.ru/');
return false;"> Сделать стартовой </BUTTON>
</FORM>
В вдие ссылки:
<A HREF="#nul" onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://globalpage.narod.ru/');
return false;"> Сделать стартовой </A>
Измените значение http://globalpage.narod.ru/ на
свой адрес.
| История посещений (Назад/Вперед).
|
Использование объекта History дает
возможность возвращаться на URL, который был посещен перед этим, и
переходить на URL, посещенный перед этим. Список посещенных URL содержится в
меню go Обозревателя. Делается это, используя методы объекта
History: back() и forward().
<FORM>
<INPUT TYPE="button" VALUE=" Назад " ONCLICK="history.back(-1)">
<INPUT TYPE="button" VALUE=" Вперед " ONCLICK="history.forward(1)">
</FORM>
В виде ссылок эти кнопки будут выглядеть так:
<A HREF="javascript:history.back()">
Назад </A>
<A HREF="javascript:history.forward()">
Вперед </A>
Если необходимо вернуться на несколько позиций списка меню, то
используется метод go(), в скобках указывается число:
Отрицательноe, напр. (-2) - на сколько шагов вернутся Назад
Положительное, напр, (2) - на сколько шагов вернутся Вперед.
go(-3):
<A HREF="javascript:history.go(-3)"> Назад
</A>
Если нет посещенных перед этим URL, то это работать не будет.
Данная программа перезагружает текущую страницу.
<FORM>
<input TYPE="button" VALUE=" Перезагрузить "
ONCLICK="ReloadButton()">
<script>
function ReloadButton()
{
location.href="Buttons.htm";
}
</script>
</FORM>
Измените документ Buttons.htm на свой.
Нажав такую кнопку, пользователь перейдет по указаной ссылке. В данном
случае кнопка работает как обычная гипперссылка.
<FORM>
<input TYPE="button" VALUE=" LENIN INC " ONCLICK="HomeButton()">
<script>
function HomeButton()
{
location.href="http://globalpage.narod.ru/";
}
</script>
</FORM>
Измените URL http://globalpage.narod.ru/ на свой.
При нажатии на такую кнопку будет выведено окно с любым Вашим сообщением.
<FORM>
<input TYPE="button" VALUE=" Сообщение " ONCLICK="AlertButton()">
<script>
function AlertButton()
{
window.alert("Введите здесь текст своего сообщенияя");
}
</script>
</FORM>
| Сообщение в статусной строке.
|
Когда пользователь нажмет такую кнопку в строке состояния обозревателя
будет отображен определенный текст.
<FORM>
<input TYPE="button" VALUE=" Сообщение " ONCLICK="StatusButton()">
<script>
function StatusButton()
{
window.status="Введите здесь текст своего сообщенияя";
}
</script>
</FORM>
| Изменение фонового цвета
страницы. |
С помощью такой кнопки пользователь сможет изменить фоновый цвет
страницы.
<FORM>
<input TYPE="button" VALUE=" Изменить цвет "
onClick="BgButton()">
<script>
function BgButton(){
if (document.bgColor=='#adff2f')
{document.bgColor='#ffffff';}
else{document.bgColor='#adff2f';}
}
</script>
</FORM>
Нажав кнопку, цвет фона измениться на салатовый - adff2f, повторное
нажатие вернет белый фоновый цвет - #ffffff и т.д. Измените
шестнадцатиричное значения цвета #adff2f на нужное Вам (в двух местах) и
обязательно наберите его в нижмнем регистре.
Вы можете кнопкой открывать новые окна, которые могут содержать только
определенные Вами элементы управления.
<FORM>
<input TYPE="button" VALUE=" Открыть окно "
ONCLICK="NewWindow()">
<script>
function NewWindow()
{
window.open("URL","","Parameter");
}
</script>
</FORM>
URL - URL откpываемого pесypса. Может быть ссылкой на любой
понимаемый Обозревателем докyмент (в том числе и на локальной машине).
Parameter - паpаметpы нового окна (в виде текстовой стpоки).
Записываются без пробелов чеpез запятyю:
Toolbar=[yes|no|1|0] - Присутствие Панели инструментов
Location=[yes|no|1|0] - Присутствие адреса
Directories=[yes|no|1|0] - Присутствие ссылок
Status=[yes|no|1|0] - Присутствие статустной строки
Menubar=[yes|no|1|0] - Присутствие меню
Scrollbars=[yes|no|1|0] - Присутсвие прокрутки
Resizable=[yes|no|1|0] - Изменение размера окна мышью
Width=[pазмеp в пикселях] - Высота окна
Height=[pазмеp в пикселях] - Ширина окна
Можно использовать значения присутсвия элемента - yes или 1,
отсутствие элемента - no или 0>0
<input TYPE="button" VALUE=" Открыть новое окно "
ONCLICK="NewWindow()">
<script>
function NewWindow()
{
window.open("URL","","Toolbar=1,Location=1,Directories=1,Status=1,
Menubar=1,Scrollbars=1,Resizable=1,Width=600,Height=400");
}
</script>
</FORM>
Посмотрите статью
Новые окна. Там приводится HTML cоздатель ссылок для открытия новых окон
с определенными параметрами.
При нажатии на такую кнопку открывается текущий документ в Блокноте
пользователя.
<FORM>
<INPUT TYPE="button" NAME="view" VALUE="Просмотр в виде HTML
" OnClick="window.location="view-source:" +window.location.href">
</FORM>
