NiceIce
@NiceIce
lamer

Inline js не видит инпуты в админке WP, в чем может быть проблема?

Здравствуйте все!
Столкнулся с проблемой в работе со скриптом, а точнее с WP.
Сделал скрипт который создает инпут на странице админки, что бы вписать в него число, а он прописал юрл в другие инпуты по шаблону
пример:
JS
$('body').append('<input type="text" name="mod" id="mod" placeholder="URL" >')
  $("#mod").css("position", "absolute").css("top", 643).css("left", 281);
  $("#mod").on( "change",function () {
  $('#widget-sow-button-c52-url').val($('[name="mod"]').val());
  $('#widget-sow-button-c60-url').val($('[name="mod"]').val());
  $('#widget-sow-button-c50-url').val($('[name="mod"]').val());
  $('#widget-sow-button-c50-url').val("/wp-content/uploads/2018/02/Graphics_and_illustrations/Soc_media_WEB/gs" + $('[name="mod"]').val() + "_original.zip");
  $('#widget-sow-button-c52-url').val("/wp-content/uploads/2018/02/Graphics_and_illustrations/Soc_media_WEB/gs" + $('[name="mod"]').val() + "_eng.jpg");
  $('#widget-sow-button-c60-url').val("/wp-content/uploads/2018/02/Graphics_and_illustrations/Soc_media_WEB/gs" + $('[name="mod"]').val() + "_ua.jpg");
  $('#dcmsefi_url').val("/wp-content/uploads/2018/02/Graphics_and_illustrations/Soc_media_WEB/gs" + $('[name="mod"]').val() + "_ua.jpg");
  $('[name="post_title"]').val("gs" + $('[name="mod"]').val());
 });

Он все делает НО когда вписываю число он меняет value только в видимых инпутах, а те которые нужно открыть он не менает. (хотя они есть на странице
f12
5ab241acef5e8927634795.png
)
пример:
spoiler
5ab23d86bbab3370564439.png5ab23d8eb88b7264830579.png

Он не заполняет так как не видит их, решил все костылем:
костыль
$('body').append('<input type="button" value="Н" id="btn6" accesskey="ф" style="border-width: 0px; background: url(images/opacity.png);">')
  $("#btn6").css("position", "absolute").css("top", 300).css("left", 600).css({ color: "red" });
  $('#btn6').click(function(){
      $('#widget-sow-button-c52-url').val($('[name="mod"]').val());
  $('#widget-sow-button-c60-url').val($('[name="mod"]').val());
  $('#widget-sow-button-c50-url').val($('[name="mod"]').val());
  $('#widget-sow-button-c50-url').val("/wp-content/uploads/2018/02/Graphics_and_illustrations/Soc_media_WEB/gs" + $('[name="mod"]').val() + "_original.zip");
  $('#widget-sow-button-c52-url').val("/wp-content/uploads/2018/02/Graphics_and_illustrations/Soc_media_WEB/gs" + $('[name="mod"]').val() + "_eng.jpg");
  $('#widget-sow-button-c60-url').val("/wp-content/uploads/2018/02/Graphics_and_illustrations/Soc_media_WEB/gs" + $('[name="mod"]').val() + "_ua.jpg");
   });

Итог:
  1. открываю страницу
  2. вписываю число в инпут
  3. прохожусь по всем "языкам" кнопок, открываю и нажимаю alt+ф чтоб изменить валуе
  4. сохраняю

в идеале должно быть 3 пункта и 2сек дела.

Хотел упростить заполнение контента, но всеравно нужно открывать каждую кнопку чтоб изменить юрл, упростил только на уровне копипаста, а хотелось бы просто вписать цыфру и сохранить, а не нажимать кучу кнопок, так как контента много.
Вот как выглядят кнопки на уровне клиента:
spoiler
5ab23e8a67a22338104647.png


Если нужна дополнительная информация я напишу, а то не знаю какие входящие параметры нужны для решения задачки.
Спасибо!
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы