Javascript-форум - Удалить определенные фреймы после отправки формы

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Удалить определенные фреймы после отправки формы (https://javascript.ru/forum/misc/60622-udalit-opredelennye-frejjmy-posle-otpravki-formy.html)

kimxan

11.01.2016 19:00

Удалить определенные фреймы после отправки формы

Всем привет!
Я начинающий в этом деле.
Нужно чтобы после отправки формы (только при правильном вводе логина и пароля), удалялись ненужные фреймы.
Что то не работает(
Посмотрите, что не так?

<script type="text/javascript">
 function Hide() {
   var iframe = document.getElementById(child);
	if (iframe.style.display == '') {
     iframe.style.display = 'none';
   }   
 }
</script>
<body>
	<iframe id="parent" style="width:100%; height:100%; position:absolute; top:0px; left:0px;" src="https://mysite.ru/" onsubmit="Hide()"></iframe>
	<iframe id="child" style="width:51%; height:100%; position:absolute; top:0px; left:0px;" src="2.html" scrolling="no" frameborder="0" style="display:'';"></iframe>
	<iframe id="child" style="width:100%; height:25%; position:absolute; top:480px; left:0px;" src="2.html" scrolling="no" frameborder="0" style="display:'';"></iframe>
	<iframe id="child" style="width:100%; height:20%; position:absolute; top:300px; left:0px;" src="2.html" scrolling="no" frameborder="0" style="display:'';"></iframe>
</body>

Keramet

11.01.2016 19:09

var iframe = document.getElementById("child");

может, "child" кавычки нужны?

Keramet

11.01.2016 19:15

Но на сколько я знаю, на странице может быть только один элемент с конкретным id. При разборе страницы следующие элементы с таким же id будут игнорироваться (сами элементы будут, только без id, как-будто вы его и не задавали)

kimxan

11.01.2016 19:23

Попробовал так, но тоже не работает:blink:

<script type="text/javascript">
function Hide() {
var div = document.getElementById('child');
if (div.style.display == '') {
div.style.display = 'none';
}
}
</script>
<body>
<iframe id="parent" style="width:100%; height:100%; position:absolute; top:0px; left:0px;" src="https://my.mobiletool.ru/" onsubmit="Hide()"></iframe>
<iframe id="child" style="width:51%; height:100%; position:absolute; top:0px; left:0px; display:'';" src="2.html" scrolling="no" frameborder="0"></iframe>
</body>

Keramet

11.01.2016 19:42

Цитата:

Сообщение от kimxan (Сообщение 403303)

...Нужно чтобы после отправки формы ...

А зачем тогда onsubmit устанавливаете для элемента iframe ?

<iframe id="parent" style="width:100%; height:100%; position:absolute; top:0px; left:0px;" src="https://my.mobiletool.ru/" onsubmit="Hide()"></iframe>

kimxan

11.01.2016 19:45

Цитата:

Сообщение от Keramet (Сообщение 403311)

А зачем тогда onsubmit устанавливаете для элемента iframe ?

<iframe id="parent" style="width:100%; height:100%; position:absolute; top:0px; left:0px;" src="https://my.mobiletool.ru/" onsubmit="Hide()"></iframe>

Потому что в этом фрейме форма авторизации
Простите за нубство
Вы поняли мою идею? Сможете помочь реализовать ее?
Буду очень вам признателен:)

Keramet

11.01.2016 20:18

НУ попробуйте обычную кнопку вставить и по клику убирать iframe. Когда с обычной кнопкой получиться - тогда пробовать с onsubmit

kimxan

11.01.2016 21:14

Цитата:

Сообщение от Keramet (Сообщение 403321)

Вот так работает:

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="" content="">
</head>
<style>
#child {
display:block;
}
</style>
<script type="text/javascript">
function hide(){
var iFrame = document.getElementById('child')
iFrame.style.display = 'none'
var iFrame1 = document.getElementById('child1')
iFrame1.style.display = 'none'
var iFrame2 = document.getElementById('child2')
iFrame2.style.display = 'none'
}

</script>
<body>
<input type="submit" onclick="hide()" />
<iframe id="parent" style="width:100%; height:100%; position:absolute; top:100px; left:0px;" src="https://my.mobiletool.ru/" onclick="hide()"></iframe>

<iframe id="child" style="width:51%; height:100%; position:absolute; top:100px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
<iframe id="child1" style="width:100%; height:25%; position:absolute; top:480px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
<iframe id="child2" style="width:100%; height:20%; position:absolute; top:300px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
</body>
</html>

Но нужно чтобы срабатывало после авторизации.
Подскажите а?:cray: :cray: :cray: :cray:

Keramet

11.01.2016 21:21

ваш код читать не удобно. оформляйте код правильно: http://javascript.ru/formatting#ofor...-i-zapusk-koda

kimxan

11.01.2016 21:22

Цитата:

Сообщение от Keramet (Сообщение 403330)

ваш код читать не удобно. оформляйте код правильно: http://javascript.ru/formatting#ofor...-i-zapusk-koda

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="" content="">
</head>

<style>
#child {
display:block;
}
</style>

<script type="text/javascript">
function hide(){
var iFrame = document.getElementById('child')
iFrame.style.display = 'none'
var iFrame1 = document.getElementById('child1')
iFrame1.style.display = 'none'
var iFrame2 = document.getElementById('child2')
iFrame2.style.display = 'none'
}
</script>

<body>
<input type="submit" onclick="hide()" />
<iframe id="parent" style="width:100%; height:100%; position:absolute; top:100px; left:0px;" src="https://my.mobiletool.ru/" onclick="hide()"></iframe>

<iframe id="child" style="width:51%; height:100%; position:absolute; top:100px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
<iframe id="child1" style="width:100%; height:25%; position:absolute; top:480px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
<iframe id="child2" style="width:100%; height:20%; position:absolute; top:300px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
</body>
</html>

Часовой пояс GMT +3, время: 19:36.