Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116

Открыть новую тему     Написать ответ в эту тему

fanmas



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Сейчас проверил, удалил select $price1<?=$win?>.select2, ничего не изменилось, select2 вообще не работает для price1

Всего записей: 62 | Зарегистр. 07-07-2005 | Отправлено: 09:29 03-01-2021 | Исправлено: fanmas, 09:31 03-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fanmas

Цитата:
удалил select $price1<?=$win?>.select2, ничего не изменилось, select2 вообще не работает для price1

повторюсь - покажите конечный код, что там получается.
иначе сами смотрите лог ошибок в браузере, может подскажет.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 09:39 03-01-2021
Kaber



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Сделал список ul li с управлением клавишами вверх/вниз + выбор на ентер.  Остался один вопрос, как прокручивать это окошко со стилем overflow-y: scroll?
   
 
Добавлено:
Просьба направить в нужную сторону)
Mavrikii
Спс большое)

Всего записей: 1356 | Зарегистр. 14-03-2014 | Отправлено: 22:28 06-01-2021 | Исправлено: Kaber, 23:02 06-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaber

Цитата:
Остался один вопрос, как прокручивать это окошко со стилем overflow-y: scroll?

выставлять scrollTop свойство
https://developer.mozilla.org/ru/docs/Web/API/Element/scrollTop

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:58 06-01-2021 | Исправлено: Mavrikii, 23:00 06-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, как получить title из ссылки в картинке? Пробовал несколько коротких примеров, которые есть в инете, но то ли не так применяю, то ли они не работают.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 11:46 12-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
из ссылки в картинке

Код покажите

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 13:12 12-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здесь пример. Картинка находится внутри контейнера с ballloon tooltip. Сейчас у него текст тот, который задан для balloon, хотелось бы иметь возможность, чтобы текст брался из title ссылки для картинки.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 17:20 12-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
так как данный тултип на чистом css, то единственный способ - брать title и назначать его значение атрибуту aria-label

Код:
$(function() {
  $('[data-balloon-pos]').each(function() {
     $(this).attr('aria-label', $('a', this).attr('title'));
  });
})

что то типа такого

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 19:39 12-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ и пример! Вроде работает, но после balloon tooltip появляется ещё и простой. Я чуть позже дам ссылку на пример другого решения.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 20:05 12-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
но после balloon tooltip появляется ещё и простой

значит нужно использовать у ссылки не title, а что то иное, например data-title.
либо удалять атрибут после использования для инициализации шарика.
для data-title

Цитата:
$(this).attr('aria-label', $('a', this).data('title'));

для удаления

Цитата:
$(this).attr('aria-label', $('a', this).attr('title')); $('a', this).removeAttr('title');


Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 20:09 12-01-2021 | Исправлено: Mavrikii, 20:10 12-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за второй код, простой подсказки не появляется.
 
Вот два примера на странице. Понятно, что реализация разная, и у верхней большой код, но там берётся title из каждой ссылки. Там, что ниже (для которого и нужно), титл берётся почему-то только из первой ссылки.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 20:49 12-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
 титл берётся почему-то только из первой ссылки.

потому что код не предназначен для нескольких ссылок внутри. иначе как понять чей title использовать? либо формулируйте тогда задачу внятнее. если для того, над которым мышь, то там сложнее - код выше нужно применять по hover или mouseenter над ссылкой.
ну и удалять старый title нельзя, лучше хранить в data-title
 

Цитата:
$(function() {
  $('[data-balloon-pos] a').mouseenter(function() {
     $(this).closest('[data-balloon-pos]').attr('aria-label', $(this).data('title'));
  });
})

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:42 12-01-2021 | Исправлено: Mavrikii, 22:48 12-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за подробный ответ, но так теперь вообще не работает.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 23:16 12-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
но так теперь вообще не работает.

я же сказал, использовать надо data-title, а не title

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 00:42 13-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Да, спасибо, так работает. Но при этом подсказка показывается не для каждого элемента со ссылкой (если их несколько), а для всего блока.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 09:33 13-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Да, спасибо, так работает. Но при этом подсказка показывается не для каждого элемента со ссылкой (если их несколько), а для всего блока

потому что вы прописали balloon для блока, а не конкретного элемента.
неужели и такое нужно объяснять? для кого указали, для того и показывает.
так как на css нужно или руками или скриптом применять код от balloon к каждому элементу.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 09:42 13-01-2021 | Исправлено: Mavrikii, 09:43 13-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Просьба подсказать, как в этом скрипте сделать (куда и что написать), чтобы этот скрипт действовал только для (или внутри) одного класса .images ? Этот скрипт раскладывает файл SVG на код, когда он вставляется посредством <img src=......svg>.

Код:
$(document).ready(function() {
$('img[src$=".svg"]').each(function() {
var $img = jQuery(this);
var imgURL = $img.attr('src');
var attributes = $img.prop("attributes");
 
$.get(imgURL, function(data) {
// Get the SVG tag, ignore the rest
var $svg = jQuery(data).find('svg');
 
// Remove any invalid XML tags
$svg = $svg.removeAttr('xmlns:a');
 
// Remove ID tags
$svg = $svg.removeAttr('id');
 
// Remove title
$svg.find('title').remove();
 
// Loop through IMG attributes and apply on SVG
$.each(attributes, function() {
$svg.attr(this.name, this.value);
});
 
// Replace IMG with SVG
$img.replaceWith($svg);
}, 'xml');
});
});

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 00:07 23-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
только для (или внутри) одного класса .images

для
$('img[src$=".svg"].images')
внутри
$('.images img[src$=".svg"]')

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 02:47 23-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ! Попробовал оба варианта, при их применении скрипт не работает, не преобразует файл SVG в код.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 03:09 23-01-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
не преобразует файл SVG в код

html код показывайте.
https://jsfiddle.net/8q3egoz9/

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 03:24 23-01-2021 | Исправлено: Mavrikii, 03:41 23-01-2021
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru