При активном чекбоксе добавлять класс к фрейму, а при его неактивности удалять этот класс

@densd · Регистрация: 20.12.2018

Студворк — интернет-сервис помощи студентам

Привет, есть проблема, нужно при активном чекбоксе добавлять класс к фрейму, а при его неактивности удалять этот класс не пойму как реализовать, накидал пару скриптов, но они не работают
Чекбокс

HTML5
1
<input type="checkbox" id="hmt" class="hidden-menu-ticker"><label class="btn-menu" for="hmt"></label>

Нужно проверять его на предмет активности и добавлять класс к фрему

HTML5
1
<iframe class="closering" for="hmt" id="advanced_iframe" name="advanced_iframe" src="http://wasabi22.com/product-category/вок/#viewframe" width="100%" height="850" frameborder="0" allowtransparency="true" style=";width:100%;height:850px;" onload=";aiShowElementOnly(&quot;#advanced_iframe&quot;,&quot;#viewframe&quot;);"></iframe>

Вот попытка это сделать

JavaScript
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
$(function() {
    var $temp = document.getElementsById('advanced_iframe');
$( "#hmt input" ).on( "click", function() {
            if($(this).is(":checked")) { $temp.addClass("showing");}
   else {$temp.removeClass("showing");}
})
});
</script>

@amr-now · 28.02.2020, 10:36

densd,

Политика «Одинакового источника» (Same Origin) ограничивает доступ окон и фреймов друг к другу.
Идея заключается в том, что если у пользователя открыто две страницы: john-smith.com и gmail.com, то у скрипта со страницы john-smith.com не будет возможности прочитать письма из gmail.com. Таким образом, задача политики «Одинакового источника» – защитить данные пользователя от возможной кражи.

Политика "Одинакового источника"
Два URL имеют «одинаковый источник» в том случае, если они имеют совпадающие протокол, домен и порт.

https://learn.javascript.ru/cr... munication

В этой ветке форума недавно попался вопрос по доступу между фреймами внутри единого сайта. Вот там доступ был.

А если мы создадим внешнюю страницу не на _http://wasabi22.com/, то доступа не будет

@densd · 28.02.2020, 16:47 **[ТС]**

Вы не правильно видимо поняли, я гружу фрейм со своего сайта на свой же сайт, так что никаких конфликтов со стороны браузера не должно быть

@amr-now · 28.02.2020, 17:15

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
    <input type="checkbox" id="hmt" class="hidden-menu-ticker" /> <label class="btn-menu" for="hmt">Чекбокс</label>
    <iframe class="closering" for="hmt" id="advanced_iframe" name="advanced_iframe"
        src="http://wasabi22.com/product-category/вок/#viewframe" width="100%" height="850" frameborder="0"
        allowtransparency="true" style="width:100%;height:850px;"></iframe>
    <script>
        $("#hmt").change(hmt_change);
 
        function hmt_change(e) {
            var $frame = $("#advanced_iframe");
            if ($(this).prop("checked"))
                $frame.addClass("showing");
            else
                $frame.removeClass("showing");
        }
    </script>
</body>
</html>

Добавлено через 8 минут
---
У вас $temp должен был быть настоящим элементом DOM, а не контейнером jQuery.
var temp = document.getElementById('advanced_iframe'); // без лишнего s
Для настоящего элемента DOM надо так:

JavaScript
1
temp.classList.add("showing");

Знак доллара предназначен как раз для имени контейнера jQuery.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@densd 0 / 0 / 0 Регистрация: 20.12.2018 Сообщений: 23
	28.02.2020, 16:47 [ТС]
	Вы не правильно видимо поняли, я гружу фрейм со своего сайта на свой же сайт, так что никаких конфликтов со стороны браузера не должно быть 0