Открытие ссылок во встроенном iFrame на новой вкладке или изменение их размера

#javascript #jquery #iframe

#javascript #jquery #iframe

Вопрос:

Я создал для своей компании сайт Squarespace (используя простой способ, а не версию для разработчиков), и я внедрил следующий код, чтобы открыть нашу доску объявлений. Однако ссылки для самих заданий открываются внутри iframe и имеют неправильный размер. Мне либо нужно, чтобы они автоматически изменяли размер, либо открывались на новой вкладке. Я пробовал предложения из других ответов на вопросы, Используя target = blank и т. Д., Но безуспешно. Я новичок в этом, так что либо я просто делаю это неправильно, либо, может быть, это неправильный способ сделать это? Примечание: я не контролирую, как ссылки открываются со стороны нашей системы соискателей.

<iframe frameborder="0" style="border-width:0;" id="iframe" width="100%" height="800" -webkit-overflow-scrolling: touch; overflow: auto></iframe>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
(function($){
$('#iframe').attr('src', 'https://recruit.zoho.com/recruit/Portal.na?iframe=falseamp;digest=FPpXqXyf2I6K.@Sy2hAtJ5sVcffXdNGHPB6QUPDd4l8-');
})(jQuery);
</script>

Комментарии:

1. если вы не можете редактировать CSS содержимого iframe (и он не реагирует), то вы мало что сможете сделать: вам придется адаптировать свой iframe и дизайн вашего сайта к контенту.

Ответ №1:

Итак, после поиска ответа Zoho смог предоставить мне довольно быстрое решение для открытия заданий на новой вкладке. Эта вкладка не такая отзывчивая, как хотелось бы, но более управляемая. Публикуем решение здесь на случай, если кто-нибудь еще столкнется с этой проблемой.

Измените значение iframe=false на true внутри предоставленной ссылки. https://recruit.zoho.com/recruit/Portal.na?iframe=falseamp;digest=FPpXqXyf2I6K .@Sy2hAtJ…….

для https://recruit.zoho.com/recruit/Portal.na?iframe=trueamp;digest=FPpXqXyf2I6K .@Sy2hAtJ……..