Увеличение каждого числа в коде hml на целое число X - PullRequest
Новая
       26

Увеличение каждого числа в коде hml на целое число X

0 голосов
/ 27 мая 2018

У меня есть статическая HTML-страница с МНОГО поля формы, размещенного на изображении.Теперь мне передали новое изображение, где каждое поле было перемещено на 3 пикселя вниз.

Как мне выбрать несколько тегов "top: xyz" в файле и добавить 3 к каждому?В настоящее время я использую notepad ++, sublime и phpstorm, исходя из своих потребностей, но я вполне могу загрузить другую для этой цели.

Примеры полей могут выглядеть следующим образом: 

<input [disabled_customer_0_Nr] class="basic inputfield" type="text" id="input_customer_0_Nr" tabindex="13" value="[customer_0_Nr_Value]" title="" name="customer_0_Nr" style="position: absolute;left: 365px;top: 772px; height: 19px; width: 125px;">

или 

<input [disabled_car_0_name] class="basic inputfield" type="text" id="input_car_0_name" tabindex="13" value="[car_0_name_Value]" title="" name="car_0_name" style="position: absolute;left: 12px;top: 1234px; height: 19px; width: 15px;">

Ответы [ 2 ]

0 голосов
/ 27 мая 2018

Ну, этот случай должен быть покрыт скриптом, скорее всего JavaScript для доступных инструментов вокруг него.Но я ленивый человек и люблю ярлыки IDE.Вот мое решение: Вы можете использовать Код Visual Studio , чтобы помочь вам в этом.Исходя из вашего варианта использования:

  • Все поля начинаются с "top:"
  • У вас есть разные значения, и каждое значение варьируется от 2 до 4 цифр.

Предположение : Я надеюсь, что у вас есть свойство высоты с одним пробелом после каждого "top: xyz".Если это не так, приведенные ниже команды не помогут.

После установки VSCode, откройте файл и проверьте, что Emmet там, используя Ctrl + Shift + P и введите Emmet.Если вы можете найти команды там, то мы в порядке.Теперь:

  1. Выберите одну «вершину:» с помощью мыши.
  2. Используйте Ctrl + D для выбора дубликатов.
  3. Переместите курсор перед «вершиной»:«используя стрелку вправо.
  4. Ударьте несколько пробелов и напишите« 3 + »
  5. Нажмите Escape, чтобы вернуться в режим с одним курсором.
  6. Теперь выберите один« px;h "перед случайной" вершиной: 3+ xyz "с помощью мыши.
  7. Используйте Ctrl + D для выбора дубликатов.
  8. Переместите курсор назад, используя стрелку влево.
  9. Выберите все цифры, используя Shift + стрелка влево («3+ xyz»).
  10. Нажмите Ctrl + Shift + P, чтобы открыть меню команд, и введите «Math».

  11. Выбор«Эммет: оцените математическое выражение» и нажмите Enter.

    И там происходит волшебство.Emmet оценит числовое выражение и заменит его значением результата.

PS : другое решение будет использовать CSS calc() вместо предоставления статических значений.

0 голосов
/ 27 мая 2018

Вот, пожалуйста!

Примените этот код JQuery к вашему html-файлу, он сделает все остальное за вас. 

$('.inputfield').css('top', '+='+3 +'px');

$('.dropdownfield').css('top', '+='+3 +'px');

где inputfield & dropdownfield - ваши классы входных тегов

...