ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

Картинка как кнопка отправить

 

4294
TOLiK @TOLiK
А как сделать таг, чтобы вместо <input type=submit class=ok value=Отправить> было как <img src="...">?
Или я тупею или я не знаю %)

11667
Латвиец @Латвиец
<input type=image src=адрес к картинке width=?? height=?? border=0>

6600
Александр @admiral
еще вопрос, а кто нибудь может подсказать как сделать динамическую кнопку отправить вот типа такого кода кнопки:
<input name=mypic3 type=img src="http://mpchat.ru/zazhigay/files/knopki/otprav.gif" class=ok id="отправить" value=Отправить onmouseout="document.mypic3.src='http://mpchat.ru/zazhigay/files/knopki/otprav.gif'" onmouseover="document.mypic3.src='http://mpchat.ru/zazhigay/files/knopki/otprav2.gif'">

с onmouseout и onmouseover, а то другие сделал и эту еще надо переделать а так не получаеться или както подругому надо

Отредактировано admiral - 07.06.2007
20090
Dimitry @Dimitry
попробуй заменить
document.mypic3.src
на
this.src

6600
Александр @admiral
demon пишет:

попробуй заменить
document.mypic3.src
на
this.src

demon спасибо, огромное все разобрался) вот так прописал:
<input class=ok name=mypic3 type=image src="http://mpchat.ru/zazhigay/files/knopki/otprav.gif" id="отправить" value=Отправить onmouseout="this.src='http://mpchat.ru/zazhigay/files/knopki/otprav.gif'" onmouseover="this.src='http://mpchat.ru/zazhigay/files/knopki/otprav2.gif'">

то что ты, demon посоветовал и то что type=image надо было а не img
P.S. Прям не нарадуюсь кнопачки*как ребенок чесное слово 🙄

Отредактировано admiral - 07.06.2007
4036
DelFast @DelFast
<a href=# onclick="parent.wo('menu.html','Меню','500','450','yes');return false;" target=menu title=меню><input type=image src=http://mpchat.com/666/diz/menubuton.gif width=70 height=15 value="Меню"></a>


а если так?

Отредактировано DelFast - 28.08.2008
6703
Андрей @ZloVeЩиЙ
<a href=Ссылка title="Описание"><input type=image src="anketa2.gif" id="отправить" value=Отправить onmouseout="this.src='anketa2.gif'" onmouseover="this.src='anketa.gif'"></a>
Странно как то при нажатии никаких действий, но при наведении показывает адрес и описание, открывает только через правую кнопку - открыть в новом окне, в чем может быть проблема!?

2902
serhio @serhio
ZloVeЩиЙ пишет:

<a href=Ссылка title="Описание"><input type=image src="anketa2.gif" id="отправить" value=Отправить onmouseout="this.src='anketa2.gif'" onmouseover="this.src='anketa.gif'"></a>
Странно как то при нажатии никаких действий, но при наведении показывает адрес и описание, открывает только через правую кнопку - открыть в новом окне, в чем может быть проблема!?

не правильно... нужно так:

<a href=Ссылка title="Описание"><img src="anketa2.gif" id="отправить" value=Отправить onmouseout="this.src='anketa2.gif'" onmouseover="this.src='anketa.gif'"></a>

6703
Андрей @ZloVeЩиЙ
type=image в этом проблема!?
Странно, оно его походу как картинку считывало, лишь мозилла как ссылку...
Спасибо тебе, Хмурый модер )

20090
Dimitry @Dimitry
type=image - это для кнопки для отправки в форме, например для отправить!

6703
Андрей @ZloVeЩиЙ
Серхио, твой вариант вообще не выводит картинку(
<a href=$ENTRY_URL$ target=_blank title="Смотреть анкету сайта"><img src="anketa2.gif" id="отправить" value=Отправить onmouseout="this.src='anketa2.gif'" onmouseover="this.src='anketa.gif'"></a>
Полный код, с переменными...

Отредактировано ZloVeЩиЙ - 30.01.2009
2902
serhio @serhio
ZloVeЩиЙ пишет:

Серхио, твой вариант вообще не выводит картинку(
<a href=$ENTRY_URL$ target=_blank title="Смотреть анкету сайта"><img src="anketa2.gif" id="отправить" value=Отправить onmouseout="this.src='anketa2.gif'" onmouseover="this.src='anketa.gif'"></a>
Полный код, с переменными...

прежде чем дать тебе этот вариант, я его опробовал... правда, не во всех браузерах, но в ИЕ7 работает однозначно... думай, что ты сделал не так...

P.S. я игрался с флажками демона:

<a href="http://mpchat.com" title="Описание"><img src="http://mpchat.com/blank/index/img/lan/en.gif" id="отправить" value=Отправить onmouseout="this.src='http://mpchat.com/blank/index/img/lan/de.gif'" onmouseover="this.src='http://mpchat.com/blank/index/img/lan/ru.gif'"></a>

счас на всякий случай проверил в ИЕ6, в лисе и в опере... работает везде... да и не могло быть иначе - код совершенно прозрачный...

по поводу того, почему не работал твой код... у тебя происходило наложение кнопки на ссылку... кнопка в виде картинки... преимущество получила кнопка, но в ней не было прописано действие, которое необходимо было совершить по нажатию на кнопку... потому ничего не происходило... я заменил внутри ссылки кнопку-картинку на просто картинку... тем самым восстановил работоспособность самой ссылки...
твой код, как и написал демон, будет работать только внутри формы в качестве кнопки submit для отправки формы на сайт...

6703
Андрей @ZloVeЩиЙ
Не могу разобраться с кнопкой входа...
<input type=image src="images/GO.gif" width="37" height="40" border=0 align="right" style="margin-top:10px">

type=image - не выполняет действия (вход в чат)
type=submit - пропадает картинка
Подскажите правильное решение!?

4875
ValdeZ @ValdeZ
ZloVeЩиЙ пишет:

Не могу разобраться с кнопкой входа...
<input type=image src="images/GO.gif" width="37" height="40" border=0 align="right" style="margin-top:10px">

type=image - не выполняет действия (вход в чат)
type=submit - пропадает картинка
Подскажите правильное решение!?

потому что при условии submit, параметр src не работает
можно выход..использовать <button>а сюда текст и любая картинка в виде <img src="" alt="" /></button>
а, и буттону приписывать те де свойства, алигн и т.д., только border="0" не буттону а картинке стоит приписать

Отредактировано ValdeZ - 02.02.2009
6703
Андрей @ZloVeЩиЙ
эм... чего то голова вообще не варит (
<button type=submit style="margin-top:10px"><img src="images/GO.gif" border="0" width="37" height="40" alt="Вход" /></button>
Поправь меня если я не прав...

11667
Латвиец @Латвиец
</button>

Стеснясь спросить...эт чаво такойа?

6703
Андрей @ZloVeЩиЙ
эм... незн, валдез чавота подсказал такова...
дык решение будеть или нет!?

1258
Сергей @seg
Держи_в_стили._Сори__вчера_на_клаву_пиво_вылил_кнопы_частично_умерли.
.button {
color : #666666;
background-color : #181818;
background-image : url(images/button_bg.gif);
font-family : Arial, Hevlvetica, sans-serif;
text-align : center;
font-size : 11px;
font-weight : bold;
border : 3px double #010101;
width : auto;
padding : 0 5px;
line-height : 18px !important;
line-height : 16px;
height : 22px !important;
height : 22px;
margin : 4px;
}

Саму_картинку_вставь_просто_лбу__И_дай_ей_класс_button_вместо_ок(в_стандартну_кнопу).Умен_в_чате_глнь._**********_В_этой_как_видиш_и_height__и_width_есть_можеш_поигратьс

Отредактировано seg - 03.02.2009
6703
Андрей @ZloVeЩиЙ
seg пишет:

.button {
color : #666666;
background-color : #181818;
background-image : url(images/button_bg.gif);
font-family : Arial, Hevlvetica, sans-serif;
text-align : center;
font-size : 11px;
font-weight : bold;
border : 3px double #010101;
width : auto;
padding : 0 5px;
line-height : 18px !important;
line-height : 16px;
height : 22px !important;
height : 22px;
margin : 4px;
}


Немножко подшамалил, вот что получилось *скрин, но как видно картинка взялась в рамку, тоесть появляется ефект кнопки... можно ли как то этого избежать!?
И неуж то только через стили можно зделать "Вход в чат" - кнопку, картинкой!?

Отредактировано ZloVeЩиЙ - 06.02.2009
1258
Сергей @seg
ZloVeЩиЙ пишет:

Немножко подшамалил, вот что получилось *скрин, но как видно картинка взялась в рамку, тоесть появляется ефект кнопки... можно ли как то этого избежать!?
И неуж то только через стили можно зделать "Вход в чат" - кнопку, картинкой!?

Так ты свой код выложи, то что нашаманил, в цитате я увидел свою кнопку. бордер точно на ноль ставь,лайны убери. полный код короче и сслу на картинку полную, или эту оставь, что бы ее мучать. А сорь. эту не над, давай свою картину. Эту ты вырезкой на серовак залил.

Зы: Соображение. Я бы твою кнопу еще и мигающей сделал, тока потрудиться надо ))) И еще... Тебе квадратная кнопа нужна? или круглая? непонятно. Код в студию 😀

А кнопу мона сделать еще и <input class="какой нить" или type="button" во втором случае, внутрь мона внедрять картинку. Смотри тут ********** Вот у меня старые бутоны, когда то были. Но учти, что бутон со скриптом этим отображается красиво только в опере ( в соотвествии с пользовательским стилем установленным в опере). В ИЕ он как есть, а в мозиле без переливов под мышью. просто кнопка. Пробник вот. **********

Тут они разных тематик, разберешся код открыв. И внутренние и внешняя есть, с ней как раз и засада. Скрипт вывода кол-ва почты мона вывести только z-index а админку я вообще не смог поставить. Вот кроме админки все решаемо. Непонятно, стучись в аську.

Отредактировано seg - 06.02.2009