Как убрать ошибку валидатора «The frameborder attribute on the iframe element is obsolete. Use CSS instead»?

Question

[ligisayan]

Всем привет! Есть сайт на wordpress, в котором установлена контактная форма contact form 7 с модулем внутри папки recaptcha.php, где есть такой код:

<noscript>
	<div style="width: 302px; height: 422px;">
		<div style="width: 302px; height: 422px; position: relative;">
			<div style="width: 302px; height: 422px; position: absolute;">
				<iframe src="<?php echo esc_url( $url ); ?>" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;">
				</iframe>
			</div>
			<div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
				<textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;">
				</textarea>
			</div>
		</div>
	</div>
</noscript>

Прогоняю сайт через валидатор и он выбивает ошибки в этом месте

Error: The frameborder attribute on the iframe element is obsolete. Use CSS instead.
From line 271, column 5; to line 271, column 194
te;">↩

Error: The scrolling attribute on the iframe element is obsolete. Use CSS instead.
From line 271, column 5; to line 271, column 194
te;">↩ ↩

Знаю, что можно заменить соответственно frameborder="0" на style="border:0;" и scrolling="no" на style="overflow:hidden;" , но как сделать так, чтобы при обновлении плагина эти изменения не слетели? Загвоздка в том, что код не расположен в какой-либо функции..

Answer 1

[Exploding]

В общий файл css всю эту свою style= вынесите и наверно все...
А всякие там frameborder, border, width, height и т.д. как атрибуты тегов уже давно считаются не валидными.

Comments

[ligisayan]

Exploding спасибо, но ведь валидатор будет по-прежнему срабатывать на фрейм в html, а если из него удалить атрибуты, то при обновлении этот файл будет перезаписываться.
Плохо, что сам contact form этот устаревший подход не исправляет..

[Exploding]

ligisayan: при обновлении чего? и какой файл?

[ligisayan]

Exploding: при обновлении contact form 7 внутри которого модуль
recaptcha.php где это проблема и существует

[Exploding]

ligisayan: Ну, а независимый css файл со стилями то тут причем? Что-то я не могу понять...

[ligisayan]

Exploding: предположим, что независимый css файл сделали, куда вынесли стили. А дальше?
ругается-то на html блок внутри recaptcha.php

[Exploding]

ligisayan: Ну, так не на сам блок, а на то что в параметрах используется frameborder! Сносим параметр и готово!

[ligisayan]

Exploding: вот со сносом параметра и загвоздка.
при обновлении contact form 7 а с ним и модуля recaptcha.php обновятся и атрибуты внутри iframe и снова будет показывать ошибку - понимаете?
или вы предлагаете постоянно держать это в памяти и при каждом обновлении лезть в код и сносить? Я вот и интересуюсь, как от этого геморра избавиться.
Заменить или вынести в стили не проблема, но так, чтобы больше она не возникала, как прыщи - как сделать?

[Exploding]

ligisayan: ах вот оно что за зверь такой...
Эммм, ну тогда вам, батенька, к jq:
$('iframe').removeAttr('frameborder scrolling');

Где-то в главном-приглавном месте, где выполняются методы невиданной важности, вот как раз после них и этот вставить:)

[ligisayan]

Exploding: ага, да, вариант, только перед этим проверить наличие фрейма на странице, чтобы не выбивалась ошибка в консоли и не тормозился дом

[Exploding]

ligisayan: Ошибки в консоли не будет, если нет такого элемента.
А вот на счет DOM: проверка существования элемента на странице типа

if ($('iframe').length) {
//....
}

ведь тоже подразумевает "проход" по дереву :/
А поэтому нафиг надо проверять в данном случае?
Другое дело, если бы нам нужно было знать наверняка о присутствии элемента для того чтобы запустить последующий код зависящий от существования этого элемента...