0

голосов
0

ответ
6

Просмотры

How to prevent a spinner dropdown menu from closing after clicking an item?

Я хотел бы, чтобы в раскрывающемся меню спиннера открыт после того, как элемент был щелкнули. Его поведение по умолчанию, чтобы закрыть, когда выбран пункт. Вместо этого я хочу, чтобы оставаться открытыми, чтобы различные элементы, чтобы быть нажаты несколько раз, не закрывая вертушку. частный Spinner spinner_simple; spinner_simple = findViewById (R.id.spinner_simple); Окончательный ArrayAdapter adapter_simple = новый ArrayAdapter (MainActivity.this, android.R.layout.simple_spinner_item, 0) {@Override общественности Посмотреть GetView (интермедиат положение, Вид convertView, @NonNull ViewGroup родитель) {} обратный вид; } @Override общественное мнение getDropDownView (интермедиат положение, Вид convertView, ViewGroup родитель) {} возвратный вид; }}; adapter_simple.setDropDownViewResource (android.R.layout.simple_spinner_dropdown_item); spinner_simple. setAdapter (adapter_simple); spinner_simple.setOnItemSelectedListener (новый AdapterView.OnItemSelectedListener () {@Override общественных недействительный onItemSelected (AdapterView родитель, Вид вид, внутр позиция, длинный идентификатор) {// Примечание:. Когда деталь была нажата, не обновляйте вертушку} @ Переопределение общественной пустоты onNothingSelected (AdapterView родительской) {}}); Я не знаю, есть ли конкретный OnClick / onSelection слушатель, который может быть переопределен, чтобы предотвратить вертушку от закрытия. Большинство вопросов, которые я прочитал обсудить, как обновить или закрыть / открыть кок динамически, но я хотел бы, чтобы оставаться открытым, и сделать его закрываемой, выбрав первый пункт или нажав вне его тела, а активным. OnItemSelectedListener () {@Override общественной недействительный onItemSelected (AdapterView родитель, Вид вид, внутр позиция, длинный идентификатор) {// Примечание: Если элемент была нажата, не обновляйте вертушку. } @Override общественный недействительный onNothingSelected (AdapterView родитель) {}}); Я не знаю, есть ли конкретный OnClick / onSelection слушатель, который может быть переопределен, чтобы предотвратить вертушку от закрытия. Большинство вопросов, которые я прочитал обсудить, как обновить или закрыть / открыть кок динамически, но я хотел бы, чтобы оставаться открытым, и сделать его закрываемой, выбрав первый пункт или нажав вне его тела, а активным. OnItemSelectedListener () {@Override общественной недействительный onItemSelected (AdapterView родитель, Вид вид, внутр позиция, длинный идентификатор) {// Примечание: Если элемент была нажата, не обновляйте вертушку. } @Override общественный недействительный onNothingSelected (AdapterView родитель) {}}); Я не знаю, есть ли конкретный OnClick / onSelection слушатель, который может быть переопределен, чтобы предотвратить вертушку от закрытия. Большинство вопросов, которые я прочитал обсудить, как обновить или закрыть / открыть кок динамически, но я хотел бы, чтобы оставаться открытым, и сделать его закрываемой, выбрав первый пункт или нажав вне его тела, а активным. } @Override общественный недействительный onNothingSelected (AdapterView родитель) {}}); Я не знаю, есть ли конкретный OnClick / onSelection слушатель, который может быть переопределен, чтобы предотвратить вертушку от закрытия. Большинство вопросов, которые я прочитал обсудить, как обновить или закрыть / открыть кок динамически, но я хотел бы, чтобы оставаться открытым, и сделать его закрываемой, выбрав первый пункт или нажав вне его тела, а активным. } @Override общественный недействительный onNothingSelected (AdapterView родитель) {}}); Я не знаю, есть ли конкретный OnClick / onSelection слушатель, который может быть переопределен, чтобы предотвратить вертушку от закрытия. Большинство вопросов, которые я прочитал обсудить, как обновить или закрыть / открыть кок динамически, но я хотел бы, чтобы оставаться открытым, и сделать его закрываемой, выбрав первый пункт или нажав вне его тела, а активным.
Erlend K.H.
1

голосов
1

ответ
102

Просмотры

Как топ-выравнивать мелкие рядный блоковые элементы рядом с более крупными элементами?

Как я могу пополнить выравнивать рядный блоковые элементы? То, что я имею в виду, как я могу сделать инлайн-блочные элементы появляются выровнены с вершины самого большого элемента, а не из нижней части. Я сделал скрипку, чтобы проиллюстрировать это: https://jsfiddle.net/shzyku6u/ При расширении окна достаточно широко, 3 небольших синие изображений появляются рядным из нижней части большего синего изображения. Я хотел бы, чтобы они появились из верхней части большого, синего изображения - если это возможно. Вот HTML / CSS от Fiddle: .topwrapper {макс-ширина: 1000px; выравнивания текста: центр; } .Block {дисплей: встроенный блок; ширина: 400px; } .Listitem {дисплей: встроенный блок; ширина: 100px; }
Erlend K.H.
1

голосов
4

ответ
70

Просмотры

Удалить определенный вид макета с петлей

Я динамически создавать представления с методом, который я добавить в мой макет. Я пытаюсь выполнить еще одну кнопку, которая, как предполагается, чтобы получить доступ к раскладке и удалить их, используя цикл, но мое приложение, кажется, врезаться последовательно. Я пытаюсь сделать это с помощью цикла, потому что я не хочу, чтобы удалить все представления через методы removeAllViews () или removeAllViewsInLayout (). общественного недействительными RemoveViews () {ConstraintLayout компоновка = (ConstraintLayout) findViewById (R.id.constraintId); // Я хотел бы сохранить вид текста и кнопку, но удалить все остальное. TextView textView1 = (TextView) findViewById (R.id.textView1); INT textView1Id = textView1.getId (); FloatingActionButton FAB = (FloatingActionButton) findViewById (R.id.fab); INT fabId = fab.getId (); INT кол = layout.getChildCount (); для (INT I = 0; я
Erlend K.H.
2

голосов
4

ответ
106

Просмотры

Избегайте правильный прыжок элементов С помощью JavaScript и локальной переменной, когда скрывается вертикальная полоса прокрутки

Я хотел бы добавить левый край и правый край к телу, чтобы скрыть изменения ширины, когда я скрыть вертикальную полосу прокрутки. У меня этот код, который находит ширину вертикальной полосы прокрутки: переменные $ внешних = $ ( '') CSS. ({Видимости: 'скрытые', ширина: 100, переполнение: 'прокрутка'}). AppendTo ( 'тело') , widthWithScroll = $ ( ''). CSS ({ширина: '100%'}). appendTo ($ наружный) .outerWidth (); $ Outer.remove (); вар scrollbarwidth = 100 - widthWithScroll; Это дает значение "17" (в пикселях) для IE11, Chrome 45 и Firefox 39 (рабочий стол). Когда я скрыть вертикальную полосу прокрутки, все элементы, такие как изображения, прыгать ровно 17 пикселов вправо, что я хочу, чтобы скрыть. Я пробовал: document.body.style.marginRight = scrollbarwidth + "точки"; . $ ( 'Тело') CSS ( 'маржа-право', scrollbarwidth); $ (Тело) .css ( "marginRight", scrollbarwidth + "ПВ"); Последние из них могут быть неисправны в некотором роде, так как другие части функции перестают работать, когда он включены. Два других, кажется, не работает, либо, так как я не вижу никаких изменений полей. EDIT 1: Для облегчения понимания того, как я буду использовать его, я хотел бы отметить, что он должен вызвать на на функцию прокрутки, как это: вар Check1 = ложь; $ (Документ) .bind ( 'свитка', функция () {если (check1 === ложь && $ (окно) .scrollTop ()> = $ ( '# divscrolltester'). Смещение (). Верх + $ (» #divscrolltester ') outerHeight () - window.innerHeight) {check1 = TRUE; unloadScrollBars (); disableScroll (); вар $ внешняя = $ (' ') CSS ({видимость: 'скрытый', ширина: 100, переполнение. : 'свитка'}). appendTo ( 'тело'), widthWithScroll = $ ( ''). CSS ({ширина: '100%'}) appendTo ($ наружный) .outerWidth ();. $ Outer.remove (); вар scrollbarwidth = 100 - widthWithScroll; //document.body.style.paddingRight = scrollbarwidth + "ПВ"; Временные инвалиды. //$('body').css('padding-right», scrollbarwidth); Временные инвалиды. //$(body).css("marginRight», scrollbarwidth + "ПВ"); Временные инвалиды. SetTimeout (функция () {enableScroll (); reloadScrollBars (); //document.body.style.paddingLeft = scrollbarwidth + "точки";. Временные инвалиды //$('body').css('padding-left», scrollbarwidth); Временные инвалиды //$(body).css("marginLeft», scrollbarwidth + "ПВ");. Временные инвалиды}, 500). }}); EDIT 2: Вот Скрипки, чтобы показать большую часть JS, HTML и CSS: https://jsfiddle.net/tfnwj7dj/10/. Я не добавил изменения CSS через код все же, как я все еще пытаюсь решить эту проблему. Кроме того, прокрутка и полосы прокрутки должны быть повторно включен в секунду, но там, кажется, ошибка где-то там, извините. EDIT 3: Для вашей информации на данный момент, эти линии работают: document.body.style.paddingLeft = (scrollbarwidth) + "точки"; $ ( 'Тело') CSS ( 'обивка левый', scrollbarwidth). document.body.style.paddingRight = (scrollbarwidth) + "ПВ"; . $ ( 'Тело') CSS ( 'набивка-вправо', scrollbarwidth); document.body.style.marginLeft = (scrollbarwidth) + "ПВ"; $ ( 'Тело') CSS ( 'маржа налево', scrollbarwidth). document.body.style. marginRight = (scrollbarwidth) + "ПВ"; . $ ( 'Тело') CSS ( 'маржа-право', scrollbarwidth); Может быть, у вас есть достаточно информации, чтобы решить эту проблему, если у вас есть такая же проблема, но, к сожалению, это не было достаточно для меня. Это может быть важная информация, чтобы знать, что у меня есть мое содержание по центру с шириной / макс-ширина только 500px, и что я на самом деле не класс тела. Может быть, по конструкции с шириной = «100%», или элементами с абсолютным позиционированием, линия может быть достаточно. Оба Javascript и JQuery решения приветствуются. EDIT 4: я, наконец, решил это для моих собственных обстоятельств - не стесняйтесь читать ответ ниже. Он работает для предотвращения элементов прыгать скрытие вертикальной полосы прокрутки, и с каким-то мастерить, это, вероятно, может сделать для класса тела, или в других ситуациях. тело ') CSS (. Маржа-право», scrollbarwidth); Может быть, у вас есть достаточно информации, чтобы решить эту проблему, если у вас есть такая же проблема, но, к сожалению, это не было достаточно для меня. Это может быть важная информация, чтобы знать, что у меня есть мое содержание по центру с шириной / макс-ширина только 500px, и что я на самом деле не класс тела. Может быть, по конструкции с шириной = «100%», или элементами с абсолютным позиционированием, линия может быть достаточно. Оба Javascript и JQuery решения приветствуются. EDIT 4: я, наконец, решил это для моих собственных обстоятельств - не стесняйтесь читать ответ ниже. Он работает для предотвращения элементов прыгать скрытие вертикальной полосы прокрутки, и с каким-то мастерить, это, вероятно, может сделать для класса тела, или в других ситуациях. тело ') CSS (. Маржа-право», scrollbarwidth); Может быть, у вас есть достаточно информации, чтобы решить эту проблему, если у вас есть такая же проблема, но, к сожалению, это не было достаточно для меня. Это может быть важная информация, чтобы знать, что у меня есть мое содержание по центру с шириной / макс-ширина только 500px, и что я на самом деле не класс тела. Может быть, по конструкции с шириной = «100%», или элементами с абсолютным позиционированием, линия может быть достаточно. Оба Javascript и JQuery решения приветствуются. EDIT 4: я, наконец, решил это для моих собственных обстоятельств - не стесняйтесь читать ответ ниже. Он работает для предотвращения элементов прыгать скрытие вертикальной полосы прокрутки, и с каким-то мастерить, это, вероятно, может сделать для класса тела, или в других ситуациях. если у вас есть такая же проблема, но, к сожалению, это не было достаточно для меня. Это может быть важная информация, чтобы знать, что у меня есть мое содержание по центру с шириной / макс-ширина только 500px, и что я на самом деле не класс тела. Может быть, по конструкции с шириной = «100%», или элементами с абсолютным позиционированием, линия может быть достаточно. Оба Javascript и JQuery решения приветствуются. EDIT 4: я, наконец, решил это для моих собственных обстоятельств - не стесняйтесь читать ответ ниже. Он работает для предотвращения элементов прыгать скрытие вертикальной полосы прокрутки, и с каким-то мастерить, это, вероятно, может сделать для класса тела, или в других ситуациях. если у вас есть такая же проблема, но, к сожалению, это не было достаточно для меня. Это может быть важная информация, чтобы знать, что у меня есть мое содержание по центру с шириной / макс-ширина только 500px, и что я на самом деле не класс тела. Может быть, по конструкции с шириной = «100%», или элементами с абсолютным позиционированием, линия может быть достаточно. Оба Javascript и JQuery решения приветствуются. EDIT 4: я, наконец, решил это для моих собственных обстоятельств - не стесняйтесь читать ответ ниже. Он работает для предотвращения элементов прыгать скрытие вертикальной полосы прокрутки, и с каким-то мастерить, это, вероятно, может сделать для класса тела, или в других ситуациях. т на самом деле есть класс тела. Может быть, по конструкции с шириной = «100%», или элементами с абсолютным позиционированием, линия может быть достаточно. Оба Javascript и JQuery решения приветствуются. EDIT 4: я, наконец, решил это для моих собственных обстоятельств - не стесняйтесь читать ответ ниже. Он работает для предотвращения элементов прыгать скрытие вертикальной полосы прокрутки, и с каким-то мастерить, это, вероятно, может сделать для класса тела, или в других ситуациях. т на самом деле есть класс тела. Может быть, по конструкции с шириной = «100%», или элементами с абсолютным позиционированием, линия может быть достаточно. Оба Javascript и JQuery решения приветствуются. EDIT 4: я, наконец, решил это для моих собственных обстоятельств - не стесняйтесь читать ответ ниже. Он работает для предотвращения элементов прыгать скрытие вертикальной полосы прокрутки, и с каким-то мастерить, это, вероятно, может сделать для класса тела, или в других ситуациях.
Erlend K.H.
1

голосов
4

ответ
75

Просмотры

In scripts and css, do the symbols /* */ increase filesize like blankspaces?

Я пытаюсь Минимизировать CSS и код яваскрипта, и я просто интересно ли символы / * и * / и символы в них рассчитывать с точки зрения HTML, CSS и яваскрипта filesizes или если они просто игнорируются. что означало бы, что я мог бы заменить все одиночные blankspaces с / * * / для уменьшения общего размера файла? Например, какой из этих 3-х примеров было бы наиболее эффективным и самым неэффективным в связи с этим? Пример 1:. (Single blankspace между функциями) $ ( "# div1") нажмите (функция () {. $ ( "# Div2") slideToggle (); вернуться ложным;}); $ ( "# Button1") нажмите (функция () {$ ( 'HTML, тело') анимировать ({scrollTop:... $ ( "# Назначения") смещение () сверху}, 1000);}). Пример 2:. $ ( "# Div1") нажмите (функция () {. $ ( "# Div2") slideToggle (); вернуться ложным;}); / * * / $ ( "# Button1"). Нажмите (функция () {$ (» HTML, тело ') анимировать ({scrollTop: $ ( "# назначения").. смещение ()} сверху., 1000);}); . Пример 3: $ ( "# div1") нажмите (функция () {. $ ( "# Div2") slideToggle (); вернуться ложным;}); / * При нажатии на div2 slidetoggles div2. . * / / * * / $ ( "# Button1") нажмите (функция () {$ ( 'HTML, тело') анимировать ({scrollTop:.. $ ( "# Назначения") смещение () сверху}, 1000. );}); / * При нажатии на кнопку Button1 свитки вас к месту назначения. * / Я полагаю, что, имея весь код на 1 линию будет наиболее эффективными, но я включил эти примеры, так как я хотел бы сохранить некоторую читаемость для определенного кода и CSS. Я знаю, что есть много Минимизация инструментов в Интернете, но сейчас я предпочел бы не использовать один, так как я редактирую код ежедневно, и я по-прежнему очень много в процессе обучения. Будет пример 2-3 счетов имеют тот же эффект на размер_файле? Или на самом деле один blankspace быть более эффективным?
Erlend K.H.
2

голосов
1

ответ
40

Просмотры

Огонь событие, когда прокручивается к элементу на мобильный

У меня есть этот код, который определяет, когда пользователь прокручивает мимо нижней части элемента: вар scrolltriggered = ложь; $ (Документ) .он ( 'свитка', функция () {если (scrolltriggered === ложь && $ (окно) .scrollTop ()> = $ (». Elementclass '). Смещение (). Верх + $ (' . .elementclass') outerHeight () - window.innerHeight) {scrolltriggered = TRUE; / * Действия * /}}); Я добавил скрипку, чтобы продемонстрировать его в действии: https://jsfiddle.net/e54cmrvg/ Это работает для прокрутки мыши, но не для сенсорного скроллинга на мобильных устройствах. Любые предложения о том, как я могу включить функцию для мобильных устройств, а?
Erlend K.H.
2

голосов
2

ответ
194

Просмотры

Как определить, когда п-й изображение внутри DIV (слайдер изображений) показан

У меня есть ползунок изображения, как это: Это слайд 1. Это слайд 2. Это ползун 3. Нажмите на скрипке, чтобы увидеть его в действии с помощью CSS и JavaScript: https://jsfiddle.net/9xm2c9er/2/ Как вы можете увидеть, что все эти элементы показаны: «Это слайд 1.», «Это слайд 2.», «Это слайд 3.», и маленький, черный квадрат изображения. Как можно скрыть «Это слайд 1.» и черный квадрат изображение, когда я скольжу к «slideimage2», и Vica verca с «slideimage1» и «slideimage3»? Я думал о добавлении своего рода, если заявление в «Next» и «Назад» JavaScript, но как я могу определить, когда энный слайд изображение скользили к? . $ (». Следующий ') нажмите (функция () {$ (' inner_wrapper пер.: первый-ребенок '...) Затухание () следующий () FadeIn () конец () appendTo (.' inner_wrapper. '); если ($ ( 'inner_wrapper IMG:. эк (0) ')). {$ (' # text1id') показывают (); $ ( '# SmallImage') шоу (). } Еще {$ ( '# text1id') скрыть (). $ ( '# SmallImage') скрыть (). }}); Я считаю, что если заявление я здесь не работает, так как она мешала бегунок появляться. Я ценю все вклады - спасибо большое! Edit: Для разъяснения, я хотел бы отметить, что слайдер имеет более чем 2 изображения, и что у меня есть несколько различных элементов тегов, которые я хотел бы, чтобы скрыть / показать; <Р> (текст), <а> (ссылки), и <IMG> (уменьшенные изображения более слайдов). Я уже включил основной ползунок изображения в скрипке, что вы можете использовать эту работу с изображениями, и любые абсолютные элементы расположены в нем. Тем не менее, в моей скрипке, они будут видны на всех слайдах. На основе этих двух ответов я в настоящее время получил, они оба могут изменить один тип элементов для каждого из отдельных слайдов (в этих ответах, р-теги), по индексации общего класса. Они оба работают аналогичным образом. Тем не менее, я до сих пор выбрать решение, так как мне еще нужно выяснить, как сделать это с помощью нескольких различных элементов для каждого слайда, с точки зрения количества и типов. Например, на первом слайде, я могу иметь 2 <а> ссылки и 4 <р> текстовые метки и 1 кнопку <>, а на втором слайде, я может иметь различное число элементов. Изменить 2: Вот скрипку с решением: https://jsfiddle.net/n0z6u07p/1/. К оберточной элементы в дивы, вы можете показать / скрыть их в зависимости от изображения скользил в ползунком.
Erlend K.H.
5

голосов
1

ответ
1.2k

Просмотры

Как сделать заказ музыкальный плеер, основанный на звуковом тег с HTML, CSS и JS

Я пытаюсь сделать пользовательский музыкальный плеер без использования «управления» тег внутри тега аудио. Прежде всего, я хочу, чтобы создать что-то похожее на SCM Music Player. Я не буду использовать один предоставленный SCM, потому что он каким-то образом использует большое количество пространства при добавлении на мой сайт, я не понял, как скрыть / показать это, так как это все внутри тега сценария, и это на самом деле оказывает влияние на Y-медленной скорости. Вот образ того, что я хотел бы создать: И это то, что я до сих пор: https://jsfiddle.net/e13gs8qg/6/ (Обновлено) HTML (Обновлено) Предыдущая игра Следующая CSS: .playermenuwrapper {текст -align: центр; Маржа: 0px автомобиль; макс-ширина: 100%; } .Previoussongclass {дисплей: встроенный блок; ширина: 80px; } .Playpauseclass {дисплей: встроенный блок; ширина: 80px; } .Nextsongclass {дисплей: встроенный блок; ширина: 80px; } .Mediaplayerclass {дисплей: блок; ширина: 150px; высота: 50px; Маржа: 0px автомобиль; } .Titleclass {дисплей: встроенный блок; выравнивания текста: центр; Маржа: 0px автомобиль; ширина: 250px; } JS: (обновление) window.player = document.getElementById ( 'Игрок'); вар PlayPause = document.getElementById ( 'PlayPause'); вар songtitle = document.getElementById ( 'songtitle'); changesongtitle (); player.volume = 0,3; playpause.onclick = функция () {если (player.paused) {changesongtitle (); player.play (); playpause.innerHTML = 'пауза'; } Еще {player.pause (); playpause.innerHTML = 'играть'; changesongtitle (); }} Функция changesongtitle () {вар songtitle = document.getElementById (» название песни'); если (player.src = "https://cdn.shopify.com/s/files/1/0804/2449/files/fruityloops_own_track_copy.mp3") {songtitle.innerHTML = "Fruity Loops Принадлежит Track Copy"; } Если (player.src = "https://cdn.shopify.com/s/files/1/0804/2449/files/fruityloops_own_track_copy_2.mp3") {songtitle.innerHTML = "Fruity Loops собственный трек Copy 2"; }} Я посмотрел на многие вопросы по StackOverflow на это, но я до сих пор не нашли ответы на то, что я пытаюсь сделать. Как я могу получить название источника воспроизведения файла? (Обновлено) Как я могу закодировать «влево» и кнопки «вправо», чтобы изменить исходные файлы? Как я могу создать ползунок громкости? Как я могу создать график текущей длительности звука воспроизводимого? И наконец, Как я могу отобразить текущее время и полную длительность звука воспроизводимого? Как использовать CURRENTTIME и свойства продолжительности в этом.
Erlend K.H.