| ksa | 23.01.2014 13:19 |
Цитата:
|
Сообщение от copenhagen
На я.маркете кнопка появляется слоем поверх, а у вас для нее сразу место оставлено просто она скрыта сначала. И кнопка должна появляться всего одна.
|
Всплывающая кнопка рядом с чекбоксом
Вложений: 1
Нужна кнопка, которая бы появлялась слева от чекбокса при его выборе. В точности как на яндекс.маркете.
Смотрел код на нем и нескольких других сайтах, но в силу малых знаний js не понял суть. Как сделать такую кнопку? Можно jquery. |
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
button {
visibility: hidden;
}
</style>
<script type="text/javascript">
$(function (){
$('input:checkbox').click(function (){
var val=(this.checked)? 'visible': 'hidden';
$(this).prev().css('visibility',val);
});
});
</script>
</head>
<body>
<div>
<button>Info</button>
<input type='checkbox' />
</div>
<div>
<button>Info</button>
<input type='checkbox' />
</div>
</body>
</html>
|
На маркете появляется не подсказка, а результат запроса
GET /gate/filter-modelmeter.xml?CMD=-RR=0,0,0,0-VIS=70-CAT_ID=108206-EXC=1-PG=10&hid=90639&CAT_ID=108206&1801946=1870007&1801 946=1871499&1801946=1871023&2142557774=-4959349&2141345289=select&2142557703=select&214255 7695=select&2142557773=40&2142557773cmp=gt&2142557 773=70&2142557773cmp=lt¤cy=RUR&r=13904644193 69&sk=ua78bcc052145d3a2192d09074873eb51&_=13904644 19376 HTTP/1.1 вот такого. То есть ajax возвращает результ, js рисует панельку. Выбор чек-бокса задействован до запроса. |
kostyanet,
Мне нужно именно отображение кнопки ksa, Вы правильно поняли, но ваш вариант не такой. На я.маркете кнопка появляется слоем поверх, а у вас для нее сразу место оставлено просто она скрыта сначала. И кнопка должна появляться всего одна. |
Цитата:
В чем проблема не пойму. Щелкнули чек-бокс, открыли панельку, поставили таймер. У меня подсказки по ошибчному вводу так работают, но без таймера. Юзер должен щелкнуть по ней чтобы скрылась с глаз долой. На blur'е
e = e || window.event;
var elem = e.target || e.srcElement;
// elem name is column[index]
var index = elem.name.replace(/\]/g, '').split('[')[1];
var value = elem.value.trim();
try {
value = this.check_value(index, value);
} catch(err) {
var span = document.getElementById('error_message');
if(!span) {
span = document.createElement("SPAN");
span.id = 'error_message';
span.style.position='absolute';
span.style.backgroundColor='hsl(40, 90%, 90%)';
span.style.border='1px solid grey';
span.style.padding='2px';
span = document.body.appendChild(span);
span.onclick=function(){this.style.display="none"};
}
span.innerHTML = err;
span.style.left = elem.offsetLeft + 10 + 'px';
span.style.top = elem.offsetTop + 10 + 'px';
span.style.display="block";
elem.value = elem.data;
return false;
}
|
Цитата:
|
Для меня основная трудность не показать кнопку, а понять как ее расположить. В рассмотренных мной сайтах для всплывающей плашки с кнопкой в html коде позиция задается через "style="display: block; top: 477px;"". Явно это значение расчитывается через js.
|
Еще не заметили как рассчитывается через js?
|
| Часовой пояс GMT +3, время: 11:05. |