4

Здравствуйте! Имеется список приложений, на мобильных устройствах предусмотрено появление кнопки при длительном нажатии любого из пунктов списка. До этого с версткой подобных элементов не сталкивался, прошу подсказать как такие вещи реализуются.

введите сюда описание изображения

7
  • 1
    покажите ваш layout для одного элемента. (ваш код) так легче будет вам это объяснить.
    – Saidolim
    19 окт 2016 в 8:00
  • 1
    У вас точно Android? А то ответы на JavaScript'ах пошли. Что за технологию используете? Phonegap?
    – Saidolim
    19 окт 2016 в 8:06
  • Saidolim, речь идет о мобильной версии сайта, тег android поставил так как, мне кажется, он делает описание проблемы более точной)
    – Игорь
    19 окт 2016 в 8:11
  • 1
    @Игорь мобильная версия сайта может быть разной - через webView(простой браузер с подгрузкой всего хтмл и жс кода) или нативным, обращаясь напрямую к бд.
    – Silento
    19 окт 2016 в 8:18
  • 1
    @Игорь вам помог один из ответов?
    – Silento
    19 окт 2016 в 8:39

3 ответа 3

2

$(document).ready(function(){
  var shows = 0;
  $('#longClick').mousedown(function(){
    shows = setTimeout(function(){
      $('#shower').show();
    }, 2000);
});
  
  $('#longClick').mouseup(function(){ 
     clearTimeout(shows);
   });
   $('*').not($('#shower')).mousedown(function(){
         $('#shower').hide();
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div id='longClick'>Click me 2 second</div>
<ul id='shower' style='display:none'>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>
<div class='other'>Click for close</div>
<div class='other'>Click for close</div>

2
  • Mojito, благодарю за ответ. Если вас не затруднит, пожалуйста, дополните скрипт - нужно чтобы при нажатии на сторонние области это окошко исчезало..
    – Игорь
    19 окт 2016 в 8:15
  • 1
    попробуйте так...
    – Mojito
    19 окт 2016 в 8:45
2

Для этого в item_layout который есть дизайн одной строки, поставте дизайт внутри RelativeLayout и потом кнопку и прозрачным фоном поставте поверх всех других элементов. и установите

visibility="GONE"

а при нажатии поменяйте его на VISIBLE

2
public static final int IDM_OPEN = 101; 
public static final int IDM_SAVE = 102; 

final TextView textview = (TextView)findViewById(R.id.textView);
registerForContextMenu(textview); 

@Override
public void onCreateContextMenu(ContextMenu menu, View v,
        ContextMenuInfo menuInfo) 
{
    super.onCreateContextMenu(menu, v, menuInfo);
    menu.add(Menu.NONE, IDM_OPEN, Menu.NONE, "Открыть");
    menu.add(Menu.NONE, IDM_SAVE, Menu.NONE, "Сохранить");
}

Источник

Такую кнопку можно вызвать еще и так. Это называется контекстное меню.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.