Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Кнопки
 
 автор: Dimonti   (05.11.2004 в 14:26)   письмо автору
 
 

Вот такая у меня оказия, сделал себе на странице кнопки, к примеру:
...
<td align="center"><a href="http://dp-studio.ru/" title="Студия D&P">
<input type="button" value="Главная страница" style="background-color: #919191; width:133; height:20; font-family:Arial; font-size:12px" name="B1"></a></td>
...
Кнопки на странице нажимаются, но ссылки не действовают.

Подскажите, в чём тут дело?

   
 
 автор: elenaki   (05.11.2004 в 14:58)   письмо автору
 
   для: Dimonti   (05.11.2004 в 14:26)
 

тут надо что-то одно - или ссылки или кнопки.
если делаете кнопки, должна быть определена форма <form > с параметром action (имя
скрипта, которому передается управление). или в кнопке должен быть обработчик события
onclick="" в кавычках - что надо сделать по нажатию.
при желании можно и сылки оформить как кнопки:
<html>
<head>
    <title>Untitled</title>
    <style>
    .lmNormal
{
 BACKGROUND-COLOR:transparent;
 BORDER-BOTTOM:medium none;
 BORDER-LEFT:medium none;
 BORDER-RIGHT:medium none;
 BORDER-TOP:medium none;
 MARGIN-BOTTOM:2px;
 MARGIN-LEFT:1px;
 MARGIN-TOP:1px;
 PADDING-BOTTOM:4px;
 PADDING-LEFT:6px;
 PADDING-TOP:2px
}
.lmMouseover

 BACKGROUND-COLOR:#eda86f;
 BORDER-BOTTOM:#2e0e03 solid thin;
 BORDER-LEFT:#e7d0be solid thin;
 BORDER-RIGHT:#2e0e03 solid thin;
 BORDER-TOP:#e7d0be solid thin;
 MARGIN-BOTTOM:2px;
 MARGIN-LEFT:1px;
 MARGIN-TOP:1px;
 PADDING-BOTTOM:2px;
 PADDING-LEFT:4px
}
.lmClick
{
 BACKGROUND-COLOR:#985f34;
 BORDER-BOTTOM:#e7d0be solid thin;
 BORDER-LEFT:#2e0e03 solid thin;
 BORDER-RIGHT:#e7d0be solid thin;
 BORDER-TOP:#2e0e03 solid thin;
 COLOR:#ffffff;
 FONT-SIZE:100%;
 MARGIN-LEFT:1px;
 MARGIN-BOTTOM:2px;
 MARGIN-TOP:1px;
 PADDING-BOTTOM:2px;
 PADDING-LEFT:4px
}
    
    
    </style>
</head>

<body>
<table><tr>
    <td align="center">
    <div >
   <A HREF="main.html" target="center" class=lmNormal style='font-weight:normal; cursor:hand; width:90; height:20'
        onMouseDown=this.className='lmClick'
        onMouseUp=this.className='lmMouseOver'        
        onMouseOver=this.className='lmMouseOver'
        onMouseOut=this.className='lmNormal'>PHOTO</A></div>
    </td>
   
</tr></table>


</body>
</html>

   
 
 автор: Artemy   (05.11.2004 в 17:24)   письмо автору
 
   для: elenaki   (05.11.2004 в 14:58)
 

По-моему можно сделать еще и так
<input type="button" value="Вперёд" onclick=window.open("page.php")>

   
 
 автор: Dimonti   (05.11.2004 в 22:54)   письмо автору
 
   для: Artemy   (05.11.2004 в 17:24)
 

Мне второй вариант почему то больше подходит.
А вот такой вопросик, чтобы всё открывалось в одном и том же окне?

   
 
 автор: elenaki   (05.11.2004 в 22:56)   письмо автору
 
   для: Dimonti   (05.11.2004 в 22:54)
 

<input type="button" value="Вперёд" onclick=window.location.replace("page.php")>

   
 
 автор: Dimonti   (06.11.2004 в 00:19)   письмо автору
 
   для: elenaki   (05.11.2004 в 22:56)
 

Огромное спасибо, а где можно немного почитать об этом?

   
 
 автор: glsv (Дизайнер)   (06.11.2004 в 02:03)   письмо автору
 
   для: Dimonti   (06.11.2004 в 00:19)
 

Это JavaScript.
Често говоря, не могу Вам посоветовать какой либо ресурс... Сам я в основном пользуюсь справочником функций JavaScript в своей программе верстки.

На нашем сайте есть несколько примеров JavaScript-ов

http://www.softtime.ru/javascript/index.php

   
 
 автор: Dimonti   (07.11.2004 в 12:34)   письмо автору
 
   для: glsv (Дизайнер)   (06.11.2004 в 02:03)
 

Вот ещё один вопросик:
Странички переключаются как надо, но кнопки назад в браузерах не действуют (я имею ввиду те самые зелёные стрелки). Это можно поправить?

P.S. Кнопки я сделал по варианту, показанному мне Artemy и elenaki.

   
 
 автор: elenaki   (07.11.2004 в 12:42)   письмо автору
 
   для: Dimonti   (07.11.2004 в 12:34)
 

после выполнения команды replace Java-script замещает страницу, хранящуюся в памяти браузера. команда-то так и называется - "заменить". если поставить location, то кнопка Back должна работать.

   
 
 автор: Dimonti   (07.11.2004 в 18:54)   письмо автору
 
   для: elenaki   (07.11.2004 в 12:42)
 

Вы имеете в виду <input type="button" value="Вперёд" onclick=window.location.replace("page.php")> на <input type="button" value="Вперёд" onclick=window.location.location("page.php")>
так страницы не переключаются,
а на <input type="button" value="Вперёд" onclick=window.location("page.php")> так тоже не переключаются

   
 
 автор: elenaki   (07.11.2004 в 19:03)   письмо автору
 
   для: Dimonti   (07.11.2004 в 18:54)
 

onclick=window.location="page.php">

"равно" забыли

   
 
 автор: Dimonti   (07.11.2004 в 19:27)   письмо автору
 
   для: elenaki   (07.11.2004 в 19:03)
 

Спасибо за помощь.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования