Как при помощи изменения кода элемента в браузере изменить значение по умолчанию поля ввода?
В этой статье рассказывается как при помощи изменения кода элемента зарегистрироваться в одной из самых популярных социальных сетей при помощи мобильного номера любой страны, несмотря на то что разработчики там поставили ограничение только для американских номеров.
Я хочу проделать тоже самоей с украинским интернет магазином Розетка. Там можно регистрировать аккаунты только на украинские номера, но я хочу иметь возможность рагистрировать аккаунты на номера любых стран.
Как это сделать?
- Вопрос задан более года назад
- 55 просмотров
2 комментария
Простой 2 комментария
Максим Иванов @mikilikala
Ну так там же в статье все написано как и что делали.
Если на розетке такая же логика тогда пробуй

Сергей delphinpro @delphinpro Куратор тега CSS
Видимо самая популярная соцсеть не валидирует принадлежность номера телефона на сервере. Поэтому и прокатывает такая фигня.
Но далеко не факт, что у всех так. Если номер чекается в том числе и на сервере, то вы ничего сделать не сможете.
Решения вопроса 0
Ответы на вопрос 1

long cold winter
Ради интереса зашел на розетку. Форма регистрации принимает всего 9 символов. То есть код страны жестко закодирован в сервере, и любые махинации с номерами других стран невозможны.
Изменение общедоступного веб-сайта путем редактирования исходного кода
Примечание: Мы стараемся как можно оперативнее обеспечивать вас актуальными справочными материалами на вашем языке. Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Просим вас уделить пару секунд и сообщить, помогла ли она вам, с помощью кнопок внизу страницы. Для удобства также приводим ссылку на оригинал (на английском языке) .
Важно: Поддержка этой функции общедоступного веб-сайта SharePoint Online будет прекращена с 31 марта 2018 г. Ссылки на статьи о функциях, поддержка которых прекращена, будут удалены.
Если для изменения общего макета и внешнего вида своих общедоступных веб-страниц вы используете редактор веб-страниц или настроенную таблицу стилей, но добиться нужного результата никак не удается, одно из возможных решений — добавить на веб-страницу собственный код. Добавляя и редактируя код на HTML, JavaScript, JQuery и других языках, используемых для создания веб-страниц, вы можете настраивать общедоступный сайт в соответствии со своими вкусами и требованиями, чтобы он выглядел и работал именно так, как вы задумали.

- Изменить макет страницы, заключив блок текста в рамку.
- Придать нижнего колонтитула каждой страницы, добавив специальный стиль или размер шрифта.
Важно: При добавлении веб-страницу HTML-код не проверяется. Ошибки с кодом HTML может привести к веб-страницы для отображения неправильно.
- Если страница выглядит правильно, щелкните Страница >Сохранить >Сохранить, а затем для проверки откройте страницу в новом окне браузера.
- Если возникают проблемы, которые вы не можете устранить, не сохраняйте страницу. Вместо этого щелкните Страница > Сохранить>Остановить изменение >Отмена.
Как вносить изменения в код страниц и настраивать CSS в Рег.сайте
У страниц, которые созданы с помощью услуги Рег.сайт, закрытый код. Теоретически редактировать этот код можно. Однако если после редактирования вы воспользуетесь стандартным редактором Рег.сайта, все правки в коде будут сброшены. Поэтому полноценно работать с кодом в Рег.сайте нельзя. Если вы хотите создать сайт с нуля с помощью кода, рекомендуем вам приобрести обычный хостинг и установить на него пустой WordPress, где код страниц открыт.
Однако иногда нужно внести некоторые параметры, которые не предусмотрены в интерфейсе Рег.сайта. Кроме этого, многие сторонние сервисы требуют от владельца сайта разместить в коде сайта скрипты, метатеги и другие строки кода. Для таких нужд в Рег.сайте есть специальные инструменты. В этой статье мы сделали обзор возможностей работы с кодом и CSS в Рег.сайте.
Перед тем как мы перейдём к инструкциям, хотим отметить, что некоторые CSS настройки могут не работать или работать некорректно. Это связано с тем, что при создании шаблонов применяется множество стилей. Из-за этого некоторые ваши настройки в конструкторе Divi могут противоречить настройкам, указанным в коде шаблона, что приводит к некорректной работе. Рекомендуем использовать CSS только в крайних случаях и для несложных правок. Функционал Рег.сайта предлагает множество настроек без ручного внедрения в код.
Как добавить скрипт или другой код в Рег.сайте
Чтобы добавить необходимый код на сайт:

Совет Код для внедрения Google Analytics и Яндекс.Метрики лучше добавлять в область
.
Также скрипты можно добавлять на конкретную страницу сайта через модуль код. Подробнее об этом можно прочитать в статье Модуль «Код» в Рег.сайте.
Работа с CSS в Рег.сайте
Кроме вставок HTML-кода, в Рег.сайте можно работать и с CSS. Однако технология работы немного запутанная. Способ работы с CSS зависит от вашей задачи. Мы разберём несколько кейсов.
Как добавить CSS для конкретного модуля или элемента
Обратите внимание! Возможность добавить CSS-параметры есть у всех модулей, но не у всех элементов модуля. Чем больше элементов входит в модуль (текст, кнопки, картинки, стрелки и др.), тем больше риск, что для него нельзя будет применить CSS-настройку.
Рассмотрим, как настроить CSS модуля и элемента на примере модуля «Слайдер»:
-
1 Перейдите в настройки модуля во вкладку Дополнительно ― Пользовательский CSS:


Каждому полю автоматически присвоен нужный класс. Чтобы увидеть, какому классу соответствует блок, наведите курсор на поле и кликните на значок со знаком вопроса. Перед вами появится класс CSS. Для индивидуальной настройки CSS эта информация не нужна, но она может понадобиться при массовом изменении параметра для элементов. Об этом мы расскажем ниже:


Как изменить CSS для всей страницы
Также можно вносить общие CSS для одной страницы. Все вписанные параметры будут применяться только на одной странице, а не на всём сайте. Для этого:


Как настроить CSS сразу для нескольких элементов
На сайте могут использоваться одинаковые элементы, которые должны быть идентичны по дизайну. Например, все кнопки должны быть одинакового цвета и размера. Настраивать их по отдельности долго. Однако можно указать общие настройки для некоторых элементов и просто применять их при необходимости.
Сделать это можно через настройщик темы Divi.
-
1 Откройте админку WordPress и перейдите в Divi ― Настройщик темы:



В настройщике темы Divi можно указать разные параметры для текста, который находится в header, body или footer. Также здесь есть удобная массовая настройка кнопок. Все настройки, которые вы укажете здесь, будут автоматически применяться на добавленный модуль «Кнопка». Таким образом, вам не понадобится настраивать его вручную.

Это поле настроек стилей дублируется в поле, которое находится в разделе Divi ― Настройки темы ― Основное ― Общее. Всё, что добавлено в одно из этих полей, автоматически отображается в другом:

Как создать новый класс и добавить его в модуль
Ещё один вариант быстро применять параметры к модулям и элементам ― создать новый класс в общих настройках CSS и применить его к нужному элементу.
Обратите внимание! Не во всех модулях есть возможность добавить класс.
Для примера у слайдера сделаем внешний отступ и зальём его цветом.
- 1 Сначала перейдите в Divi ― Настройки темы ― Основное ― Общее или в Дополнительные стили в «Настройщике темы». Мы используем первый вариант.
- 2 В поле Пользовательский CSS задайте новый класс и укажите его параметры. В примере мы добавили класс .slider_color_indent:



Помогла ли вам статья?
Спасибо за оценку. Рады помочь
Как массово изменить структуру кода и проитерировать числа в нем?
Таких строк есть порядка 800 штук (все они однотипны) меняется только «Подсказка», «/images.png» и «Текст» Сейчас возникла необходимость изменить структуру, на такую:
#1
ТекстПодсказка
Возможно ли это сделать на автомате? или придется все переделывать ручками?
Отслеживать
2,503 8 8 серебряных знаков 25 25 бронзовых знаков
задан 28 янв 2017 в 23:19
179 13 13 бронзовых знаков
Да можно, скриптик просто написать и прогнать через него твои 800 строк. Он распарсит и вставит что надо и куда надо. Пхп причем тут неизвестно, возможно связано с тем, что что-то недосказано.
29 янв 2017 в 0:10
Да вроде это можно в обычном notepad++ поиск-замена регуляркой
29 янв 2017 в 5:30
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
Я так понял, что #1 — это итерационный элемент, т.е. для него нужно в каждом последующем случае делать +1.
Написал вам скрипт, где некий файл file.html (вы можете самостоятельно изменить название файла) приводится к нужной вам структуре и сохраняется в файл fileNew.html . Для того, чтобы запустить скрипт, нужно, чтобы у вас был установлен пхп, далее вам нужно в папку где содержится этот file.html поместить этот скрипт (к примеру, создать файл php.php) и запустить его (например, вызвать через браузер адрес типа: http://ваш_сайт.ру/папка_где_лежит_хтмл/php.php .
(
]+>)(.*?)/imsu'; $_GET['i'] = 0; $textNew = preg_replace_callback($pattern, 'myReplace', $text); function myReplace($matches) < $_GET['i']++; return '#'.$_GET['i'].''.$matches[2].''.$matches[3].''.$matches[1].''; > $fileNew = __DIR__.'/fileNew.html'; file_put_contents($fileNew, $textNew);
Отслеживать
ответ дан 29 янв 2017 в 5:33
1,590 13 13 серебряных знаков 14 14 бронзовых знаков
Большое спасибо. Проблема решена
29 янв 2017 в 10:02
В общем случае есть два варианта, как вы можете попробовать сделать это, и оба они будут зависеть от того, каким редактором вы пользуетесь. Я бы посоветовал использовать либо notepad++, либо PHPStorm, во втором случае это уже не просто текстовый редактор, а полноценная IDE (Integrated Development Environment, Интегрированная среда разработки). Либо любой другой редактор, поддерживающий замену текста и/или мультикурсор.
Первый вариант: использовать замену текста, например в notepad++ она вызывается по Ctrl+H, и последовательно заменить все блоки в коде, например первым делом можно поменять на .
Но в этом варианте у вас не получится к примеру сделать автоматически нумерацию (цифры после #), только лишь сделать новую структуру кода.
Второй вариант: использовать мультикурсор. Прочитать про него подробнее в случае PHPStorm можно здесь, а в случае с np++ делается это так:
Первым делом эту функцию нужно активировать, в русской версии это делается по такому пути: Опции / Настройки / Правка / Мультиредактирование. Далее с помощью либо функции замены текста, либо самой функции мультикурсора видоизменяете структуру кода, в вашем случае я бы посоветовал использовать замену. И потом делаете нумерацию следующим образом. Выделяете тот кусок текста, после которого должна стоять увеличивающаяся цифра и нажимаете Alt+C, в результате вы увидите окно, где будет два варианта работы, либо «текст для вставки», либо «числа для вставки». Вам нужно будет настроить все вот так:

Обратите внимание, что цифры будут вставляться там, где у вас расположен курсор во время выделения текста. После чего нажимаете ОК и получаете уже такой текст:

Это если вы оставили курсор справа от #. Если вы оставите курсор с левой стороны, то получите такую картину, не запутайтесь: