Как отследить изменение переменной?

Question

[game802]

Добрый день, уважаемые знатоки. По ходу работу, у меня возник следующий вопрос:
При клике на input, у меня появляется модальное окно со встроенным iframe.
В этом встроенном iframe есть картинки, при клике на одну из которых, ссылка(этой картинки) записывается в переменную.

$('iframe').contents().find('.uploadfile').on('click', function () {
  url = $(this).attr('href');
});

Далее, у меня есть input(а их на странице много), в который и должна эта переменная перелезть...
И в итоге у меня получается вот такой вот гавнокодец:

$('.slider_url_image input').on('click', function() {
  $('iframe').contents().find('.uploadfile').on('click', function () {
    url = $(this).attr('href');
  });
  
  $(this).val(url);
});

Большая проблема в том, что $(this).val(url); отработает только один раз, так как мы считываем click.
Так вот... каким образом мне отследить изменение переменной и передать ее в нужный input?
Буду рад любой помощи! Большое спасибо!

Comments

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[bob_cody]

var url;

$('iframe').contents().find('.uploadfile').on('click', function() {
  url = $(this).attr('href');
});

$('.slider_url_image input').on('click', function() {
  $(this).val(url);
});

Нажали на .uploadfile в iframe - записали в общую область видимости url значение её атрибута href.
Нажали на '.slider_url_image input' - взяли значение из общей области видимости и записали в value.
Если нужно хранить только одно значение href, то этого хватит.

Comments

[game802]

Тут суть в том, что при нажатии на input появляется модалка со встроенным iframe...

[bob_cody]

А как это связано? В чем теперь выражается проблема?

Answer 2

[Stalker_RED]

$('input').on('change', function(){ ... }) Чем вам не угодил?

Comments

[game802]

не совсем понятен принцип применения change в данной ситуации....

[Stalker_RED]

HackOwnB: событие change генерируется когда в input меняется value. Вы ведь это и хотите отслеживать?

[game802]

Stalker_RED: у меня вопрос стоял несколько иначе...
Каким образом передать в value input'a измененную переменную(ссылку выбранной картинки)?

[Stalker_RED]

У вас там какая-то каша, что в коде, что в постановке вопроса. Вы пишете о клике на картинку, но в коде у вас href, как у ссылки. И почему-то то, что клик отрабатывает при клике а не многократно, становится вдруг "большой проблемой".

$('img').on('click', function(){
  let src = $(this).attr('src')
  $('input').val(src)
})

Так ведь тоже не подойдет?

Выкладывайте уже внятное описание того, что там происходит на самом деле и чего вы хотите.

Answer 3

[AlexWolfGod]

Попробуй вот это: https://github.com/DmitryTitov89/FLOSS

Библиотека как раз дает возможность отслеживать и навешивать функции на изменения переменных.