Я пытаюсь использовать resizer https://github.com/davidjbradshaw/iframe-resizer iframe, и пример (https://github.com/davidjbradshaw/iframe-resizer/tree/master/example), похоже, основан на JQuery. Кто-нибудь знает, как называть это с помощью JavaScript только без использования JQuery? Нужно ли загружать тело или я могу захватить событие onload iframe? Я смущен тем, как начать использовать его (Invoke it).Вызов github: davidjbradshaw/iframe-resizer с использованием JavaScript без JQuery?
Редактировать ... Чтобы добавить более подробную информацию по вопросам.
Почему? Динамический контент: Мне нужен мой iframe для динамической настройки его высоты на основе «изменяющегося» контента в iframe. Я пробовал ряд решений, подобных приведенным ниже, но они не «полностью« решают проблему в 100% случаев. Они устанавливают размер, основываясь только на «первой странице» содержимого IFrame:
<script type="text/javascript"> <!-- //Credit for script: http://th.atguy.com/mycode/100_percent_iframe/ <script language="JavaScript"> function resize_iframe() { var height=window.innerWidth;//Firefox if (document.body.clientHeight) { height=document.body.clientHeight;//IE } //resize the iframe according to the size of the //window (all these should be on the same line) document.getElementById("glu").style.height=parseInt(height- document.getElementById("glu").offsetTop-8)+"px"; } // this will resize the iframe every // time you change the size of the window. window.onresize=resize_iframe; //Instead of using this you can use: // <BODY onresize="resize_iframe()"> //--></script>Existing Docs./Not выяснить это: Я не следуя существующей документации, предоставленной DavidBradshaw о том, как сделать это: я попытался добавить этот код следующим образом. Но, видимо, это НЕ, как вы это делаете.
Тело файла:
<iframe src="http://www.domain.net/store20/StoreTop.aspx?StoreID=17" width="100%" scrolling="no" onload="iFrameResize()"></iframe>
Сценарий часть:
<script type="text/javascript" src="../src/iframeResizer.min.js"></script>
<script type="text/javascript">
<!--
<script language="JavaScript">
iFrameResize();
// this will resize the iframe every
// time you change the size of the window.
window.onresize=iFrameResize;
//Instead of using this you can use:
// <BODY onresize="resize_iframe()">
//--></script>
Также на вызываемом содержание в пределах фрейма, у меня есть эта строка кода. Я уверен, что эта часть правильная.
<script type="text/javascript" src="../js/iframeResizer.min.js"></script>
Заранее за помощь. Прошу прощения, если я кажусь плотным или его глупым вопросом, но я вижу пример прототипирования: iFrameResize ([{options}], [selector]);
Однако вам не нужно «событие» для запуска этой функции? Посмотрите мой код, и я использую событие onload, и оно не работает. Если установить идентификатор фрейма, чтобы установить [селектор]:
<iframe id="testframe" src="http://www.domain.net/store20/StoreTop.aspx?StoreID=17" width="100%" scrolling="no" onload="iFrameResize()"></iframe>
и называют это нравится:
iFrameResize(,testframe);
или это:
iFrameResize(,$("#testframe"));
Он по-прежнему не работает , У меня нет каких-либо параметров и вы хотите сохранить параметры по умолчанию.
И что ваша причина для этого? (Кроме того, чтобы сделать жизнь сложнее?) – Joseph
В примере используется jQuery для выполнения операций DOM. Вам это не нужно. – Blender
В документации также показано, как использовать его без jquery. ' –