Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кнопка в своем стиле / 11 сообщений из 11, страница 1 из 1
09.08.2013, 13:40
    #38360843
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
Нужно текст сделать кнопкой, но в своем стиле, тоесть сама кнопка меня не устраивает. При Click у меня будет JS процедура. Страница не должна перегружаться (ссилки не могу использовать). Нужно обычный текст, выделить прямоугольником (разберусь), с задним фоном (разберусь), чтоб ее можно было вставить в строчку в тексте (не знаю) и чтоб слово не выделялось (не знаю) и курсор не был как для редактирования (не знаю).
...
Рейтинг: 0 / 0
09.08.2013, 13:43
    #38360849
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
рисунком я не могу сделать, так как это будут категории и подкатегории.
...
Рейтинг: 0 / 0
09.08.2013, 13:48
    #38360865
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
чем кнопка-то не устраивает?
<input type="button" value="Click Me" style="color: red; background-color: lime; border: 1px solid purple;" />
...
Рейтинг: 0 / 0
09.08.2013, 13:56
    #38360886
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
отлично! если ставить background работает на всех бравзерах ?
...
Рейтинг: 0 / 0
09.08.2013, 13:59
    #38360900
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
я всех браузеров и названий-то не знаю... Konqueror, Dolphin...
...
Рейтинг: 0 / 0
09.08.2013, 18:16
    #38361459
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
Андрей159,

вместо кнопки можно использовать обычный DIV и следовательно: точные размеры, выравнивание текста, градиент и т.д.
Ничего сложного нет, если интересно, могу привести пример.
...
Рейтинг: 0 / 0
09.08.2013, 18:21
    #38361472
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
Андрей159чтоб ее можно было вставить в строчку в тексте (не знаю) и чтоб слово не выделялось (не знаю) и курсор не был как для редактирования (не знаю).лучше всего использовать ссылку - в ней всё это уже есть.
Если обработчике Click вернуть false, не будет перехода по ссылке.
...
Рейтинг: 0 / 0
14.08.2013, 21:14
    #38366818
deblogger
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
Есть милая фишка - id и name. Если придерживаться правила не давать id формам и элементам форм, а давать им name, а элементам страницы не давать name, а давать id, то появится легкая возможность связывать и находить пары.

Например есть кнопка submit. Скрипт находит ее и делает гтмл-кнопку из чего хочешь - из span'а например. Оно инлайновое, подходит для тулбаров. id этой кнопки - namе той кнопки. Теперь повесив событие щелчок на гтмл-кнопке мы в два счета нажмем формочную кнопку, поскольку особо искать ничего не надо: document.getElementsByName(this.id)[0].click();

Аналогично с полями ввода и столбцами. У полей name == id столбцов. Ну и в таком роде.
...
Рейтинг: 0 / 0
14.08.2013, 21:16
    #38366819
deblogger
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
Паганельчем кнопка-то не устраивает?
input type="button"

Насколько я понял ТС хочет формы отгружать, button этого не умеет, поскольку не successfull. Нужна именно submit. Если через нее, скажем, передается какой-то выбор, а не просто форма-дата уезжает.
...
Рейтинг: 0 / 0
14.08.2013, 21:20
    #38366822
deblogger
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
По предпредыщему посту. Важно чтобы js не знал как называется кнопка/кнопки. В описанной схеме ему этого и не надо знать. Но чтобы сделать кнопку надо найти кнопку. Это, без чОтких указаний можно реализовать по контексту. Скажем найти все сабмиты среди инпутов, или в форме с определенным свойствами. Тогда вы можете менять имя и свойства кнопки только в одном месте - в пхп, или в бд.
...
Рейтинг: 0 / 0
14.08.2013, 21:34
    #38366837
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кнопка в своем стиле
debloggerНасколько я понял ТС хочет формы отгружатьиз каких его слов?
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кнопка в своем стиле / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]