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

HTML+CSS+JavaScript

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

 

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

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

тема: submit - стилькнопки
 
 автор: pina   (12.08.2007 в 20:23)   письмо автору
 
 

Как задать правильно вид кнопки, например при наведении мыши и при ее отведении и т.д., как у ссылки. В принципе Opera и Firefox ведутся на вот такой пример

<style>
input.submit
{
    background-color:white;
}
input.submit:hover
{
    background-color:red;
}
</style>

<input class=submit type=submit value=go>


Но не IE. Я понимаю в принципе что это(:link, :hover, :visited) псевдостили ссылок, но можно же как то хакнуть этот IE??? Или существует более цивилизованный способ задать стиль кнопок?

   
 
 автор: sim5   (12.08.2007 в 20:47)   письмо автору
 
   для: pina   (12.08.2007 в 20:23)
 

Можно так:

<input type="submit" value="go" style="background-color: Silver; color: #000000; cursor=hand;"
onmouseover="this.style.backgroundColor='#ff0000'; this.style.color='#000000';"
onmouseout="this.style.backgroundColor='Silver'; this.style.color='#000000';">

А можно в событиях менять класс кнопки прописанный в CSS.

   
 
 автор: pina   (12.08.2007 в 21:13)   письмо автору
 
   для: sim5   (12.08.2007 в 20:47)
 

Я не очень разбираюсь в JS, мне бы через CSS. А где в CSS класс кнопок и как с ним работать?

   
 
 автор: sim5   (12.08.2007 в 21:46)   письмо автору
 
   для: pina   (12.08.2007 в 21:13)
 

<input class="Имя класса по умолчанию" type="submit" value="GO"
onmouseover="this.className="Имя класса при наведении"
onmouseout="this.className="Имя класса по умолчанию">

   
 
 автор: pina   (14.08.2007 в 11:36)   письмо автору
 
   для: pina   (12.08.2007 в 21:13)
 

А разве через только CSS для IE нельзя задать стиль кнопки? JS иногда может спугнуть пользователя IE c сообщением о блокировке содержимого. А через CSS он по любому всю красоту увидит.

   
 
 автор: AlexSol   (14.08.2007 в 11:40)   письмо автору
 
   для: pina   (14.08.2007 в 11:36)
 

сообщения о блокировки показывает только локально. в сети - если включен, то проблем не будет. если выключен, то выключен.

подругому никак.

   
 
 автор: pina   (14.08.2007 в 11:47)   письмо автору
 
   для: AlexSol   (14.08.2007 в 11:40)
 

Локалка? Причем она здесь? Не много не понял.

   
 
 автор: AlexSol   (14.08.2007 в 12:04)   письмо автору
 
   для: pina   (14.08.2007 в 11:47)
 

>JS иногда может спугнуть пользователя IE c сообщением о блокировке содержимого

это сообщение выскакивает на любой скрипт если файл запускается локально.
если смотрите из сети, то блокируются только всплывающие окна и плагины.

   
 
 автор: pina   (14.08.2007 в 12:11)   письмо автору
 
   для: AlexSol   (14.08.2007 в 12:04)
 

согласен! а все таки с помощью CSS можно задать стиль кнопок??? Вопрос в принципе в этом и стоял

   
 
 автор: AlexSol   (14.08.2007 в 12:18)   письмо автору
 
   для: pina   (14.08.2007 в 12:11)
 

стиль - да. hover - нет.

   
 
 автор: sim5   (14.08.2007 в 12:21)   письмо автору
 
   для: pina   (14.08.2007 в 12:11)
 

А я вам разве не написал как это сделать?

   
 
 автор: iriter   (14.08.2007 в 16:17)   письмо автору
 
   для: sim5   (14.08.2007 в 12:21)
 

Не, серьёзно!

Реально же есть варианты на сайтах, где кнопка как ссылка сделана!

А ваш вариант не пашет!

   
 
 автор: AlexSol   (14.08.2007 в 16:26)   письмо автору
 
   для: iriter   (14.08.2007 в 16:17)
 

все серьёзно

либо использовать события onMouseOver/onMouseOut
либо сделать отправку формы при клике на обычную ссылку.

   
 
 автор: iriter   (15.08.2007 в 13:35)   письмо автору
 
   для: AlexSol   (14.08.2007 в 16:26)
 

Здесь, пожалуйста, поподробнее! :o)

Как сделать отправку форм через ссылку, а не кнопку!?

   
 
 автор: AlexSol   (15.08.2007 в 13:38)   письмо автору
 
   для: iriter   (15.08.2007 в 13:35)
 


<a href="#" onClick="document.form.submit();">субмит</a>

   
Rambler's Top100
вверх

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