Я работаю над html-страницей, где у меня есть два iframe.
Первый Iframe - это блок с кучей входов внутри него.
, а второй Iframe - этопрямоугольник с кучей ползунков в нем.
У меня есть один файл js, который я хочу контролировать все, но по какой-то причине он может получить доступ только к первому iframe, которыйэто большой фрейм с входными данными в нем.
Что делает файл js, так это то, что когда пользователь вводит что-то во входные данные и нажимает сохранить, этот текст сохраняется в локальном хранилище и остается внутри входных данных до тех пор, пока не будет очищен.
Я хочу сделать то же самое с меньшей рамкой.Поэтому, когда пользователь нажимает на ползунок, он становится отмеченным, а затем пользователь нажимает кнопку сохранения, затем ползунки сохраняются для проверки в локальном хранилище и остаются проверенными, пока пользователь не нажмет кнопку очистки данных.
вот HTML для страницы с iframes:
<div class="container">
<div class="title">AUTOFILL</div>
<iframe src="AmericaFrame.html" style="width: 667px; height: 436px; border: 0;background-color:transparent;" id="frame">
</iframe>
<div class="typed_container">
<!--<div class="type_title">Type Selector</div> -->
<div class="typed_label">
<span id="input_name" class="type_location">Input Name</span>
<span id="input_typed" class="type_location">Typed</span>
(couple html here that is irrelevant to the question)
<iframe src="type_select.html" style= "width: 210px; height: 460px; border:0;background-color: transparent;" id="type_selectors">
</iframe>
<script src="jquery.js"></script>
</body>
</html>
Вот HTML пример для слайдера:
<input id="test_input" ></input>
<label for="slider_name">name</label>
<label id="slider_name" class="switch">
<input id="checkbox_name" type="checkbox">
<span id="name-slider" class="slider"></span>
</label>
Я знаю, что $ ("# name-slider") .click () проверяет слайдер.Но когда я помещаю его в основной файл js, он ничего не делает.Я также попробовал это в консоли, и все, что он возвращает, является
jQuery.fn.init {}
, где объект 0. 0. 1025 *
В обоих сценариях iframes у меня есть:
<script src="jquery.js"></script>
<script src="checkout.js"></script>
Я даже пытался поместить туда тестовый ввод, чтобы я мог поместить test_input .val ("test");и он не работал в файле JS или консоли.Я поместил .val для ввода имени в большой iframe и .val для синего тестового ввода, и он вводил только текст для ввода имени, а не синий.
Может кто-нибудь сказать мне, кто яне так?
Буду очень признателен за вашу помощь.Спасибо.