Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Флеш поверх страницы

Автор: Areostar 6.8.2011, 19:17

Здраствуйте! Видел в сети такую фишку: вводиш вворме адрес сайта, скрипт вызывает этот сайт и накладывает поверх него флеш ролик! Я понимаю как внедрить ролик(или ссылку на него в код страницы), но как наложить его поверх!??? Я слышал ято это делается с помощью JS ? Расталькуйте плиз по подробнее!!

Автор: Amphiluke 6.8.2011, 19:28

Если сайт чужой, то внедрить в код его страниц свой ролик вам вряд ли удастся законными методами и без соизволения на то владельцев стороннего ресурса. Возможно, вы видели открытие страницы сайта в iframe, тогда повешать свой flash поверх своего же iframe с чужим сайтом в нем можно и при помощи CSS. Хотя многие сайты имеют известную защиту от открытия их в iframe, так что метод тоже не 100%-ный.

Автор: Areostar 6.8.2011, 20:35

немогли бы вы проиллюстрировать кратко или ссылоку полезную дать! пардон но с жабой не работал почти!

Автор: Amphiluke 6.8.2011, 20:39

А вы разъясните сначала, как конкретно у вас открывается страница сайта? В iframe? И чужой ли это сайт или ваш?

Автор: Areostar 6.8.2011, 20:50

Ну хотябы в айфрейм! Сайт скорей всего не мой! но с согласия владельца! это так сказать в рекламных целях

Автор: Amphiluke 6.8.2011, 20:55

Ну тогда не проблема. smile

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
.flash {
    position:absolute;
    top:150px;
    left:50%;
    width:300px;
    height:200px;
    text-align:center;
    margin-left:-150px;
    border:3px double #080;
    background:#603;
    color:#ff0;
    font:bold 2em/200px Arial, Helvetica, sans-serif;
    z-index:100;
}
</style>
</head>

<body>
<form action="#" onsubmit="this.action=this.url.value;" target="iframe">
    <input type="text" value="http://www.google.ru/" id="url" name="url" />
    <input type="submit" value="go" />
</form>
<iframe id="iframe" name="iframe" style="width:100%; height:500px; border:1px solid;"></iframe>
<div class="flash">Flash here!</div>
</body>
</html>

Автор: Areostar 6.8.2011, 21:01

Я так понял пример накладывает флешку на http://www.google.ru/ ?? и ещё Фрейм надо в новомокне отурывать!?

Автор: Amphiluke 6.8.2011, 21:15

Цитата(Areostar @ 7.8.2011, 01:01

)

ещё Фрейм надо в новомокне отурывать!?

Зачем? Нет, не надо.

Автор: Areostar 6.8.2011, 21:18

Извените! Знак перепутал! Имел введу можноли токрывать его в новом окне!?

Автор: Amphiluke 6.8.2011, 21:30

Какой смысл открывать фрейм в новом окне? smile

Можно открыть новое окно, в котором iframe будет растянут на 100% по ширине и высоте, если сильно нужно. Только, на мой взгляд, некрасиво всё это и немного смахивает на одурачивание пользователей.

Автор: Areostar 7.8.2011, 11:03

Использовал ваш код вот результат http://www.walkonscreen.com/viewIfreim.php

проблем 2! немогу порять что это за малиновый преугольник
и второе почему Айфрейм не застягивается во весь эгран вроде 100% задал

Автор: Areostar 7.8.2011, 11:41

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