X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Поиск
Svir
Svir
Topic Starter сообщение 22.3.2011, 13:51; Ответить: Svir
Сообщение #1


как заменить стандартную кнопку поиска на свою? (моя - image.jpg)

<input type=submit value="Пошук">


<form method=get action="javascript:void(0)" onsubmit="search(this); return false;">
<tr><td><input type=text name=srchval value=""><input type=submit value="Пошук"></td></tr>
</form>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SilverCross
SilverCross
сообщение 22.3.2011, 15:09; Ответить: SilverCross
Сообщение #2


[CSS]
.button {
background:url(image.jpg);
width:свой размер в px;
height:свой размер в px;
}
[/CSS]
input type=submit value="Пошук" class="button">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rayled_hb
Rayled_hb
сообщение 22.3.2011, 15:40; Ответить: Rayled_hb
Сообщение #3


SilverCross, а зачем так извращаться в данном случае? У INPUT же есть специальные атрибуты type="image" и src для этого. Вот здесь гляньте.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rayled_hb
Rayled_hb
сообщение 22.3.2011, 15:45; Ответить: Rayled_hb
Сообщение #4


(' post='106496 @ 22.3.2011, 17:43)
В таком случае она работает просто как ссылка, но не как кнопка "поиск".

А спорим вы не правы. :) type="image" и type="submit" выполняют одну функцию.

upd: О, видимо пока писал ответ alek_sania свое сообщение уже удалил...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 22.3.2011, 16:57; Ответить: Apay
Сообщение #5


(Rayled_hb @ 22.3.2011, 17:45) *
спорим вы не правы. :) type="image" и type="submit" выполняют одну функцию.
не спорте, вы не правы.
input type=image еще посылает на сервер два переметра x и у - координаты точки, куда ткнули мышкой
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rayled_hb
Rayled_hb
сообщение 22.3.2011, 17:44; Ответить: Rayled_hb
Сообщение #6


(Apay @ 22.3.2011, 18:57) *
не спорте, вы не правы.
input type=image еще посылает на сервер два переметра x и у - координаты точки, куда ткнули мышкой


Ну я все же в несколько другом ракурсе рассматривал, а если точнее, то в контексте данной темы. image и submit выполняют одну функцию - служат для отправки данных по адресу указаннному в action. А так да, image отправляет их немного больше.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Svir
Svir
Topic Starter сообщение 23.3.2011, 13:13; Ответить: Svir
Сообщение #7


вот мой пример

<div id="search-box"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" class="search-area"></td>
<td width="10"><img src="/spacer.gif" width="10" height="1" alt=""></td>
<td width="72"><a href="#"><img src="/btn_search.png" width="72" height="29" alt=""></a></td>
</tr>
</table>
</div>


и вместо этого надо задать такой же по виду, но чтобы btn_search.png была не как ссылка, а выполняла функцию (см. выше)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 23.3.2011, 19:52; Ответить: pavelsc
Сообщение #8


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
body {margin:0;color:#fff;font:bold 17px Tahoma;text-align:center}
.button {
margin:10px;
width:200px;
height:40px;
background: url("x.jpg") 0px 0px no-repeat
}
</style>
<script>
function butt(event, id, h)
{
switch(event){
case 'over': document.getElementById(id).style.backgroundPosition = '0px -'+h+'px'; break;
case 'out': document.getElementById(id).style.backgroundPosition = '0px 0px'; break;
case 'down': document.getElementById(id).style.backgroundPosition = '0px -'+2*h+'px'; break;
case 'up': document.getElementById(id).style.backgroundPosition = '0px -'+h+'px'; break;
}
}
</script>
</head>
<body>
<div class="button" id="b1" onmouseover="butt('over', 'b1', 40);" onmouseout="butt('out', 'b1', 40);" onmousedown="butt('down', 'b1', 40), yourFormName.submit();" onmouseup="butt('up', 'b1', 40);">
</div>

</body>
</html>


Я вот так делаю. h - высота кнопки (1/3 высоты картинки). Картинка ниже

[attachment=37639:x.jpg]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 23.3.2011, 20:07; Ответить: pavelsc
Сообщение #9


Если твой вариант использовать:
<div id="search-box">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" class="search-area"></td>
<td width="10"><img src="/spacer.gif" width="10" height="1" alt=""></td>
<td width="72"><a href="javascript:yourFormName.submit();"><img src="/btn_search.png" width="72" height="29" alt=""></a></td>
</tr>
</table>
</div>


теги <b></b> тока убери, глюк какой-то
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Svir
Svir
Topic Starter сообщение 23.3.2011, 21:41; Ответить: Svir
Сообщение #10


не работает( совсем не функционирует (не реагирует)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Smmsearch.net - поиск самой дешевой накрутки в социальных сетях.
0 Professor7717 3270 13.8.2021, 19:53
автор: Professor7717
Открытая тема (нет новых ответов) Поиск кодера в команду. PHP, Pyton. На постоянку.
7 getsend_mw 2808 3.2.2021, 21:15
автор: getsend_mw
Открытая тема (нет новых ответов) Поиск копирайтера на игровую тематику
Поиск копирайтера на игровую тематику
4 a1ex777 1627 2.10.2020, 16:01
автор: AndreyBozhenko
Открытая тема (нет новых ответов) SmmBox - поиск, аналитика и отложенная публикация в соцсетях. Официально!
23 smmbox 11857 13.5.2020, 11:12
автор: smmbox
Открытая тема (нет новых ответов) Поиск, сбор информации, парсинг (недорого)
Предлагаю услуги по поиску, сбору информации, парсингу и т.д.
0 Kabardin 1334 11.3.2020, 14:59
автор: Kabardin


 



RSS Текстовая версия Сейчас: 28.3.2024, 19:41
Дизайн