Блог

Хорошо, это немного сложно объяснить, но, пожалуйста, потерпите меня!

Я хочу создать игровой веб-сайт, предназначенный для тайного использования в школе, основываясь на идее этого веб-сайта: http://nyanit.com

Если вы еще не видели его сами, введите ссылку в текстовое поле. Допустим, мы вставляем www.google.com . Он генерирует ссылку что-то вродеhttp://nyanit.com/www.google.com . Перейдя по этой ссылке, вы увидите обычный веб-сайт, но с кошкой nyan, бегущей по экрану.

Я хотел бы выполнить тот же процесс, за исключением того, что вместо cat всплывающее окно Facebook типа, подобное тем, которые вы бы увидели, если бы просматривали картинку. Вы знаете, что-то, что не открывает новую вкладку или браузер, просто элемент на экране, который можно скрыть. Затем я хочу, чтобы веб-сайт игр отображался там внутри (я смогу сделать это без проблем, как я делал это раньше).

Что я хотел бы знать: как я могу наложить свое пользовательское всплывающее окно на уже существующий веб-сайт, такой как Google, точно так же, как nyanit.com так ли это? — И не только Google, я ищу ту же концепцию, что и Nyanit.com . Пользователь может зайти на любой веб-сайт по своему желанию.

Редактировать: Если это не слишком сложно, попробуйте сохранить предложения, совместимые с IE 🙂

Один из возможных методов — создать iframe, который покрывает весь экран и загружается на веб-сайте по вашему выбору, тогда у вас будет фактический игровой контент в элементах с более высоким z-index значением.

Вы можете использовать другой тег div и задать для него высоту и ширину основного текста на 100%, а также position:absolute; display: none. когда наступает событие, вы устанавливаете div с более высоким z-индексом и отображаете:block. затем заполните div полученным контентом. innerHTML сделает это за вас. Я думаю, что это ответ на ваш вопрос.

Удачи!