Форум

danik.js · #31 (**permalink**) 12.02.2014, 15:12

Сообщение от intro

Писал выше, что в опере с этим проблема

Ну ты писал до моего варианта. А после сказал "некоторые браузеры".

Действительно, фигово я проверял. Вот исправленный вариант:

<!DOCTYPE html>
<style>
    button {
        background: #fc0;
        border: 0 none;
        cursor: pointer;
        outline: none;
        vertical-align: top;
        padding: 0;
    }
    button span {
        position: relative;
        top: 0;
        left: 0;
        border: 0;
        padding: 5px;
        display: inline-block;
    }
</style>
<button type="submit"><span>I'm a button</span></button>

Сообщение от intro

В общем - на вкус и цвет.

Тут эта поговорка не очень подходит. А так да: кому-то нравятся решения через одно место, кому-то нет

intro · #32 (**permalink**) 12.02.2014, 16:31

Сообщение от danik.js

Ну ты писал до моего варианта. А после сказал "некоторые браузеры".

Ну я имел ввиду что пробовал стили задавать кнопке.

А опера не является некоторым браузером? Ладно, забыли. Это уже философия пошла.

Сообщение от danik.js

А так да: кому-то нравятся решения через одно место, кому-то нет

От души посмеялся фраза весёлая и в точку!

Правда <div class="my_style" onClick="submit();"> это не то самое место. Через одно место, это когда для сабмита пишется новая функция, которая ищет элемент по имени, или id и вызывает событие onClick на каком-то эелементе, который в свою очередь запускает сабмит. Да да! Я и такое встречал.

Но всё же - ТС просил помочь с вызовом сабмита через тег <a> с помощью JS. Я ответил. Задача решена, не так ли?

рони · #33 (**permalink**) 12.02.2014, 16:41

intro,
danik.js,
если нетрудно обьясните по кнопку и про див -- что за эффект нажатия - он должен быть или нет? куда смотреть чтоб почувствовать разницу )))

рони · #34 (**permalink**) 12.02.2014, 16:43

Сообщение от danik.js

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

извини а что ты правил ?

intro · #35 (**permalink**) 12.02.2014, 17:20

Сообщение от рони

что за эффект нажатия - он должен быть или нет? куда смотреть чтоб почувствовать разницу )))

Под эффектом нажатия я подразумеваю следущее: когда наводишь на кнопку она как бы вдавливается во внутрь, верхние границы смещаются, грубо говоря.

Сообщение от рони

если нетрудно обьясните по кнопку и про див

Если бы ты не ленился, и почитал выше, то понял бы. Есть форма, у которой есть кнопка

<button type="submit">Кнопка</button>

или

<input type="submit" value="Кнопка" />

Эта кнопка отправляет данные формы на сервер для обработки php-скрипта.
ТС задал вопрос как её можно заменить, например тегом <a>. Лично я её заменяю такой конструкцией:

<div class="my_class" onClick="submit();">Кнопка</div>

рони · #36 (**permalink**) 12.02.2014, 17:25

Сообщение от intro

Если бы ты не ленился, и почитал выше, то понял бы

я почитал и непонял ))) и ваш див никак ненажимается, возможно вы забыли ксс? или я прежнему чего-то непонимаю

intro · #37 (**permalink**) 12.02.2014, 17:27

Сообщение от рони

извини а что ты правил ?

<!DOCTYPE html>
<style>
	button {
	    background: #fc0;
	    border: 0 none;
	    cursor: pointer;
	    outline: none;
	    vertical-align: top;
	    padding: 5px;
	}
	button span {
	    position: relative;
	    top: 0;
	    left: 0;
	    border: 0;
	}
</style>
<button type="submit"><span>I'm a button</span></button>

а стало:

<!DOCTYPE html>
<style>
    button {
        background: #fc0;
        border: 0 none;
        cursor: pointer;
        outline: none;
        vertical-align: top;
        padding: 0;
    }
    button span {
        position: relative;
        top: 0;
        left: 0;
        border: 0;
        padding: 5px;
        display: inline-block;
    }
</style>
<button type="submit"><span>I'm a button</span></button>

В общем, он в стиле

button span { }

добавил две строки

padding: 5px;
display: inline-block;

рони · #38 (**permalink**) 12.02.2014, 17:34

Сообщение от рони

добавил две строки
padding: 5px;display: inline-block;

счас анекдот расскажу :

Цитата:

Алгебра у программистов. Преподаватель пишет на доске: sin X = 1.
- Ну, кто может найти X?
Выбегает программист и так радостно:
- Вот, вот X, - показывает на X.

спасибо вам за ответ.

intro · #39 (**permalink**) 12.02.2014, 17:36

Сообщение от рони

я почитал и непонял ))) и ваш див никак ненажимается, возможно вы забыли ксс? или я прежнему чего-то непонимаю

Дык. Я CSS специально не писал. Но коли хочешь - лови.

<style>
	.my_class{
		display:block;
		position:relative;
		float:left;
		width:100px;
		height:35px;
		line-height:35px;
		margin:0;
		padding:0;
		overflow:hidden;
		background:#1e1e1e;
		text-align:center;
		border:2px solid rgba(179,179,179,0.5);
		box-shadow:inset 0 0 10px 3px #000;
		color:#fff;
		cursor:pointer;
		font-family:Tahoma, Geneva, sans-serif;
		font-size: 12px;
	}
	.my_class:hover{
		background:#424242;
	}
</style>
<div class="my_class" onClick="submit();">Жмакай</div>

Предупрежу - при нажатии ничего не происходит - формы нету.

рони · #40 (**permalink**) 12.02.2014, 17:39

intro,
не мучайтесь я всёравно непонял что я должен увидеть единственно что заметил у вас кнопка чёрная у danik.js, э ... светлее короче.

Форум

Справочник

Discord чат

Курсы javascript