VPF::инкремент/декремент в поле при клике

Igor_K

Дата 23.6.2008, 21:36 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 166
Регистрация: 4.2.2008
Где: Kyiv

Репутация: нет
Всего: нет

Всем привет!
Ищу решение как сделать такую штуку:
user posted image

то есть перключатель такой. гдето видел скрипт, но не помню где. а в гугле не знаю по каким словам искать.
Может есть у когото? ПОделитесь пожалуйста!

Спасибо!

Это сообщение отредактировал(а) Igor_K - 23.6.2008, 21:38

Sniper

Дата 24.6.2008, 09:20 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 511
Регистрация: 8.5.2002

Репутация: нет
Всего: 2

такой переключатель скорее всего (читай: ИМХО) сделан при помощи двух картинок

я делал просто кнопки с двух сторон от поля + javascript.

Это сообщение отредактировал(а) Sniper - 24.6.2008, 09:26

--------------------

"Я испытываю отвращение к системе, разработаннной для "пользователя", если в слове "пользователь" закодировано уничижительное значение "тупой и примитивный".
Кен Томпсон, создатель Unix

comtat

Дата 24.6.2008, 09:44 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 4
Всего: 71

Я думаю вот ЭТО сможет тебе помочь
Нужно только внешний вид придать и немного подправить скрипт

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

bars80080

Дата 24.6.2008, 15:29 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

я помнится, пытался такой сделать, но совсем до ума довести не удалось. однако, работает:

Код


<script language="javascript">
var posary = Array(0, -22, -44, -66, -88);
function cnp(x) {
        document.getElementById('con').style.backgroundPosition = '80 ' + posary[x] + 'px';
        if(x == 3) { document.qw.inp.value++; }
        else if(x == 4) document.qw.inp.value--; }
</script>
<style>
body { margin: 0px; padding: 0px; border: 0px; }
div#con { width: 100px; height: 20px; background: url("updown.png") no-repeat top right; position: relative;
    float: left; left: 200px; top: 200px; }
div#abs { position: absolute; left: 80px; }
div#qwe { position: absolute; }
* html div#qwe { top: -1px; }
div#qwe .inpa { width: 80px; height: 20px; text-align: right; }
</style>
<body>
<form name="qw">
<div id="con" name="op">
<div id="qwe"><input type="text" name="inp" value="0" class="inpa" /></div>
<div id="abs">
<img width="20" height="20" border="0" usemap="#map1" src="empty.png" />
<map name="map1">
<area shape="poly" coords="0, 0, 20, 0, 0, 20" onmouseover="cnp(1)" onmouseout="cnp(0)" onmousedown="cnp(3)" onmouseup="cnp(1)" />
<area shape="poly" coords="0, 20, 20, 0, 20, 20" onmouseover="cnp(2)" onmouseout="cnp(0)" onmousedown="cnp(4)" onmouseup="cnp(2)" /></map>
</div></div>
</form>
</body>

Присоединённый файл ( Кол-во скачиваний: 10 )

updown.png 0,44 Kb

Igor_K

Дата 24.6.2008, 16:27 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 166
Регистрация: 4.2.2008
Где: Kyiv

Репутация: нет
Всего: нет

bars80080, спасибо большое. Это мне подойдет! smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »