Кнопки для сайта
Кнопки для сайта
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Кнопки для сайта
Метка на документе
Красная строка.
Красная строка
Норка для CSS
Kovcheg-wesley2007

                                                                                        Кнопки

На главную Контакты Гостевая книга

                                                                   Yandex               Rambler               Mail.ru                Aport.ru

               

Меню сайта

   

Шпаргалка для себя и друзей.
Кнопки для сайта

Кнопки для сайта

Здесь установлены коды кнопок, с примерами:


  • Добавить в Избранное.
  • Сделать страницу стартовой.
  • Кнопки посещений (Назад/Вперед).
  • Перезагрузка страницы.
  • Кнопка-ссылка.
  • Сообщение в окне.
  • Изменение фонового цвета страницы.
  • Открытие нового окна.
  • Печать страницы.

    Добавить в Избранное.
    Вверх

    <FORM>
    <BUTTON TYPE="SUBMIT" onClick="window.external.addFavorite('http://veb-shpargalka.narod.ru/', 'Веб шпаргалка'); return false;" onMouseOver="style.color='
    blue'" onMouseOut="style.color='black'">
    <IMG SRC="
    17m1.gif" WIDTH=16 HEIGHT=16 ALIGN="ABSMIDDLE" BORDER=0"><SPAN STYLE="font-size: 8pt"> Добавить в Избранное </SPAN></BUTTON>
    </FORM>



    Измените значение http://veb-shpargalka.narod.ru/ на свой адрес, значение "Веб шпаргалка" на имя вашего сайта, поменяйте картинку.

    Пример




    Сделать страницу стартовой.
    Вверх

    <FORM>
    <BUTTON TYPE="SUBMIT" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://veb-shpargalka.narod.ru/'); return false;">
    Сделать стартовой </BUTTON>
    </FORM>

    Измените значение http://veb-shpargalka.narod.ru/ на свой адрес.

    Пример



    Кнопки посещений (Назад/Вперед).
    Вверх

    <FORM>
    <INPUT TYPE="button" VALUE=" Назад " ONCLICK="history.back(-1)">
    <INPUT TYPE="button" VALUE=" Вперед " ONCLICK="history.forward(1)">
    </FORM>

    Использование объекта History дает возможность возвращаться на URL, который был посещен перед этим, и переходить на URL, посещенный перед этим. Делается это, используя методы объекта History: back() и forward().

    Пример



    Перезагрузка страницы.
    Вверх

    Перезагружаем текущую страницу.

    <FORM>
    <input TYPE="button" VALUE="
    Перезагрузить " ONCLICK="ReloadButton()">
    <script>
    function ReloadButton()
    {
    location.href="
    Knopka.htm";
    }
    </script>
    </FORM>

    Измените документ Knopka.htm на свой. >

    Пример



    Кнопка-ссылка.
    Вверх

    Переход по указаной ссылке, кнопка работает как обычная гипперссылка.

    <FORM>
    <input TYPE="button" VALUE="
    Ссылка на переход " ONCLICK="HomeButton()"> <script>
    function HomeButton()
    {
    location.href="
    http://Veb-shpargalka.narod.ru/";
    }
    </script>
    </FORM>

    Измените URL http://Veb-shpargalka.narod.ru/ на свой.


    Пример



    Сообщение в окне.
    Вверх

    При нажатии на такую кнопку будет выведено окно с любым Вашим сообщением.

    <FORM>
    <input TYPE="button" VALUE="
    Сообщение " ONCLICK="AlertButton()">
    <script>
    function AlertButton()
    {
    window.alert("
    Введите здесь текст своего сообщения");
    }
    </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>

    Нажав кнопку, цвет фона измениться на темно-красный - #cc0000, повторное нажатие вернет красный фоновый цвет - #ff0000 и т.д. Измените шестнадцатиричное значения цвета #cc0000 на нужное Вам (в двух местах) и обязательно наберите его в нижмнем регистре.

    Пример


    Открытие нового окна.
    Вверх

    Можно кнопкой открывать новые окна, которые могут содержать только определенные Вами элементы управления.

    В данном примере выводится окно размерами 600Х400 пикселей с присутствием всех элементов управления:

    <FORM>
    <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>

    URL - URL откpываемого pесypса. Может быть ссылкой на любой понимаемый Обозревателем докyмент (в том числе и на локальной машине).

    Можно использовать значения присутсвия элемента - yes или 1, отсутствие элемента - no или 0.

    Пример



    Печать страницы.
    Вверх

    С помощью такой кнопки пользователь может вызвать окно Печать с параметрами настройки печати и произвести распечатку текущей страницы на принтере.

    <FORM>
    <INPUT NAME="print" TYPE="button" VALUE="
    Печать страницы " ONCLICK="varitext()">
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    function varitext(text){
    text=document
    print(text)
    }
    // End -->
    </SCRIPT>
    </FORM>

    Пример


    Hosted by uCoz

  •  

     
    Фон страницы
    Серый фон
    Стальной фон
    Белый фон
    Hosted by uCoz
           

    Информация

       
    Веб-шпаргалка Документ обновлен:        
     
               
    1|2|3|4

     
    Hosted by uCoz