Удалить Iframe с помощью javascript?

Question

[Gлеb]

Всем привет.
вывожу форму авторизации с помощью iframe на javascript.

var el = document.createElement("iframe");
document.body.appendChild(el);
el.id = 'iframe';
el.style.position = 'absolute';
el.style.top = 0;
el.style.width = "100%";
el.style.height = "100%";
el.src = 'login.php';

В файле логине php есть два поля ввода: логин и пароль и кнопка войти.
Можно каким-то образом скрыть или вообще удалить форму после нажатия кнопки войти. С помощью javascript удалить iframe после нажатия кнопки.
В javascript не очень силен, помогите как это можно сделать.
Заранее благодарен.

Comments

[riot26]

ну блин, может сначала русский подтянуть? браузеры же подсвечивают ошибки

Answer 1

[fsockopen]

ты можешь убрать код который вызывает фрэйм :

var el = document.createElement("iframe");
document.body.appendChild(el);
el.id = 'iframe';
el.style.position = 'absolute';
el.style.top = 0;
el.style.width = "100%";
el.style.height = "100%";
el.src = 'login.php';

и вместо него поставить html тэг:

<iframe id="iframe" width="100%" height="100%" style="position:absolute;top:0;width:100%;height:100%" src="login.php"></iframe>

сделай скажи как работает
потом дальше пойдем.

Comments

[Gлеb]

Я не оконца понял, мне это подставить на кнопку войти на onclick ?

[fsockopen]

да вешай на onclick

[Gлеb]

я делаю вот так <..button.. type="submit" onclick='вашь код'>
<..img.. sr.c="btn_apply.png">
<../...button> . Это все делаю на страницы фрейма и после отправки формы она заного вылазит.

[Gлеb]

наверное после перезагрузки страницы javascript код выполняется заного и iframe заного вылазит

[Gлеb]

Не знаете что можно с этим сделать ?

[fsockopen]

если страница перезагружается тогда дела плохи)...Можно в куки записать что кнопка нажата.и будет радость. сначало скажи для чего это все конткретно.

[Gлеb]

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

[fsockopen]

а как проверяется что успешно авторизирован?

[Gлеb]

в самой странички фрейма все проверяется и после того как он все правильно ввел. и за фреймом уже перезагружается страница пользователя но поверх всего этот фрейм остается. Не знаете может какимто образом ему стать прозрачным или z-index поставить меньше чем у основной страницы ?

[fsockopen]

нет у тебя после перезагрузки страницы невозможно будет применить стиль....на через куку только...открой консоль браузера и введи тама document.cookie перед авторизации и после скажи что вывелось

[Gлеb]

Мне кажется это слишком сложно будет. Можно сделать так что после нажатие кнопки просто закрыть страницу которая в фрейме или просто перекинуть на другую страницу ?

[fsockopen]

понимаешь можно конечно..но от куда ты узнаешь что пользователь ввел правильные данные...например я зашел на страницу ввел что попало нажал на кнопку и меня перекинула на защищенную страницу

[fsockopen]

это в том случай когда у тебя будет стоять скрипт на странице при клике на кнопку убрать iframe...просто при клике...не важно что он там вводил

[Gлеb]

Мне какраз это и надо, я только учусь это делать. Пуская будет даже без проверки данных. Я со временем до работаю это. Мне нужно просто после ввода както убрать ее любыми способоми

[Gлеb]

Мне какнибуть бы это сделать. Поможете пожалуйста

[fsockopen]

смотри выше отредактировал

[Gлеb]

работает только вот фрейм остается опять по верх страницы

[fsockopen]

смотри выше

[Gлеb]

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

[fsockopen]

таак это уже хорошо

[Gлеb]

<.form act.ion="profit.php" method="POST">
<.input ty.pe=text name="name">
<.input t.ype=text name="email">
<.button type="submit" onclick="setCookie('login',true,{expires:3600})">
<.img sr.c="btn_apply.png">
<./button>
<./form>

[Gлеb]

может тут что не так ?

[fsockopen]

смотри выше

[Gлеb]

Может я туплю. Я весь код добавил на страницу фрейма. а на странице на которой вызывается фрейм установлен javascript который вызывает фрейм. и при заходе на страницу фрейм сразуже вызывается при заходе на страницу. Тоесть когда данные отправляются он перезагружает страницу и фрейм заного вызываетя как при первом заходе.

[Gлеb]

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

[fsockopen]

весь код добав туда от куда фрейм вызывается

[fsockopen]

вообще когда на кнопку нажимаешь выходит надпись залогинен?

[Gлеb]

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

[fsockopen]

вообще страница не показывает или фрейм не вылазииет

[Gлеb]

нет все как всегда фрейм вылазит постоянно а страница за фреймом обновляется

[fsockopen]

давай тогда код страницы от куда вызывается фрейм и код самого фрейма

[Gлеb]

Может какимто образом удалить код который вызывает фрейм

[Gлеb]

или вообще файл со всем js файлом с фреймом

[fsockopen]

я просто непонимаю о чем идет щас разговор...из з этого надо код посмотреть

[Gлеb]

Сейчас Обьясню : У меня есть страница при заходе на которую вылазит автоматически фрейм. И после отправки данных с формы страница обновляется а это значит код фрейма заного вызывается. Так вот можно ли какимто образом после нажатия на кнопку вообще удолить javascript код который вызывает фрейм или фообще файл с javascript кодом который вызывает фрейм

[fsockopen]

как выглядит вся страница который вызывает фрейм можешь показать?

[Gлеb]

Кстати а возможно сделать так чтобы при нажатии кнопки войти назначить тегу body - opaciti:0 тоесть сделать прозрачным

[fsockopen]

и где там iframe?

[Gлеb]

это сама страница ифрейма

[Gлеb]

а там где вызывается iframe вот код javascript
var el = document.createElement("iframe");
document.body.appendChild(el);
el.id = 'iframe';
el.style.position = 'absolute';
el.style.top = 0;
el.style.width = "100%";
el.style.height = "100%";
el.src = 'kaminnaneve.ru/vareeble/scr/profit.php';

[fsockopen]

а где родная страница

[Gлеb]

и при заходе или обновлении страницы он постоянно вызывается

[fsockopen]

а где мой код который ставил?

[Gлеb]

if (getCookie("login"))
{

alert("Фрейм исчез");
document.getElementById("iframe").style.display = "none";
}
function getCookie(name) {
var matches = document.cookie.match(new RegExp(
"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
));
return matches ? decodeURIComponent(matches[1]) : undefined;
}

function setCookie(name, value, options) {
options = options || {};

var expires = options.expires;

if (typeof expires == "number" && expires) {
var d = new Date();
d.setTime(d.getTime() + expires * 1000);
expires = options.expires = d;
}
if (expires && expires.toUTCString) {
options.expires = expires.toUTCString();
}

value = encodeURIComponent(value);

var updatedCookie = name + "=" + value;

for (var propName in options) {
updatedCookie += "; " + propName;
var propValue = options[propName];
if (propValue !== true) {
updatedCookie += "=" + propValue;
}
}

document.cookie = updatedCookie;
alert("Залогинен");
}

var el = document.createElement("iframe");
document.body.appendChild(el);
el.id = 'iframe';
el.style.position = 'absolute';
el.style.top = 0;
el.style.width = "100%";
el.style.height = "100%";
el.src = 'kaminnaneve.ru/vareeble/scr/profit.php';

[Gлеb]

это весь код

[Gлеb]

Это может зависить от того что у меня 2 домена и 1 домен для авторизации из которой вызывается ифрейм а 2 уже для сайта

[Gлеb]

?

[fsockopen]

var el = document.createElement("iframe");
document.body.appendChild(el);
el.id = 'iframe';
el.style.position = 'absolute';
el.style.top = 0;
el.style.width = "100%";
el.style.height = "100%";
el.src = 'kaminnaneve.ru/vareeble/scr/profit.php';

это на самый верх поставь

[Gлеb]

всеравно форма остается по верх всего

[fsockopen]

когда на кнопку нажимаешь выскакивает окошко с текстом залогинен??

[Gлеb]

нет

[Gлеb]

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

[Gлеb]

Спасибо огромное за все твои старания, очень благодарен, если всеже нечего нельзя с этим сделать, всеравно спасибо

[fsockopen]

можешь показать код где у тебя ....button type="submit" onclick = "...."

[Gлеb]

В теме выше написал весь код

[Gлеb]

Можно попробовать фрейму поставить высоту и ширину по 1 px ?

[fsockopen]

блин все понятно

[fsockopen]

выше посмотри

[Gлеb]

Можно сделать так -- document.write("код фруйма"); ?

[fsockopen]

а зачем?

[Gлеb]

просто интересно было будет разница ли какая. Дай минуту

[Gлеb]

все сделал как сказал, но всеравно появляется

[Gлеb]

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

[fsockopen]

тебе на почту отправил как можно связатся со мной

Answer 2

[Алексей]

stackoverflow.com/questions/6754935/how-to-close-a...
Тут пишут что сам себя iframe удалить не может, нужно вызвать функцию в родительской странице, которая уже уделить iframe. Пример там прилагается.