powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамическое формирование iframe в нужном месте страницы
21 сообщений из 21, страница 1 из 1
Динамическое формирование iframe в нужном месте страницы
    #35274102
SweetApple
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
На странице имеется кнопка, при нажатии которой на странице отображается iframe:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
//кнопка
<input type="button" value="Выбрать" name="vibor" onclick="openIt();">

//код JavaScript для формирования iframe

function openIt()
{
ifrm=document.createElement("iframe");
ifrm.setAttribute("src","kat.php");
ifrm.style.width = "400px";
ifrm.style.height = "200px";
ifrm.frameBorder = 0;

document.body.appendChild(ifrm);

}

Iframe отображается в конце страницы, а мне необходимо, чтобы он отображался сразу под кнопкой. Подскажите, пожалуйста, как его можно "привязать" к этой кнопке или же каким образом указать необходимые координаты для отображения в нужном месте.
Заранее спасибо!
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274116
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не надо аппендЧилд. Положи его в див дисплай:ноне;позишын:абсолюте;
И на онклик позиционируй по эвенту.
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274277
SweetApple
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ShSergeНе надо аппендЧилд. Положи его в див дисплай:ноне;позишын:абсолюте;
И на онклик позиционируй по эвенту.
Не совсем ясен смысл. Поясните, пожалуйста, подробнее.
К примеру, я создаю

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
<STYLE TYPE="text/css">
<!--
#ifr {
  position:absolute;
  left: 100px;
  top: 50px;
}
-->
</STYLE>

Как при фомировании iframe "привязать" к нему этот стиль?
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274341
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
чтобы стили с позиционированием заранее создавать, нужно заранее абсолютно точно знать, где будет находиться кнопка. Учитывая возможное смещение при ресайзе страницы это будет затруднительно сделать.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<input type="button" value="Выбрать" name="vibor" onclick="openIt(event);">

function openIt(evt)
{
ifrm=document.createElement("iframe");
ifrm.setAttribute("src","kat.php");
ifrm.style.width = "400px";
ifrm.style.height = "200px";
ifrm.frameBorder =  0 ;

var evt = window.event || evt;
var leftPos = evt.clientX;
var topPos  = evt.clientY +  15 ; //т.к. привязываемся не к кнопке, а к клику, то + 15  чтобы фрейм на кнопку не наехал

ifrm.style.position = 'absolute';
ifrm.style.left = leftPos + 'px';
ifrm.style.top = topPos + 'px';

document.body.appendChild(ifrm);
}
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274379
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
или можно привязаться к той кнопке, на которую кликнули

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
var evt = window.event || evt;
var obj = evt.target || evt.srcElement;
var leftPos =  0 ;
var topPos = obj.offsetHeight;
while( obj.tagName != "BODY" && obj.tagName != "HTML")
{
      leftPos += objParent.offsetLeft;
      topPos += objParent.offsetTop;
      obj = obj.offsetParent;
}
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274385
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
поправка:
Код: plaintext
1.
2.
      leftPos += obj.offsetLeft;
      topPos += obj.offsetTop;
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274392
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
SweetApple
Вообще-то я о другом. Можно положить ифрейм в див. А вот ему уже присваивать стили
...style.display='none;' / 'block;'
При этом, если не надо абсолютно позиционировать - то и не надо.
Только в этом случае не
document.body.appendChild(ifrm); , а document.getElementById("ifrm").appendChild(ifrm);

Вообще-то я о том, что не надо криэйтить ифрейм динамически. А если я на кнопку без конца кликать буду?
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274401
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пардон, описался
document.getElementById("мой див").appendChild(ifrm);
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274427
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
illion
Ух ты! Красиво. Где ж ты была, когда я пасьянс на яваскрипт писал?
Код: plaintext
1.
2.
var evt = window.event || evt;
var obj = evt.target || evt.srcElement;
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274542
Burm
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ShSergeПардон, описался
document.getElementById("мой див").appendChild(ifrm);

А зачем делать appendChild(ifrm) ? Не проще ли в div-е прописать innerHTML со всеми аттрибутами ifame
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274563
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
BurmА зачем делать appendChild(ifrm) ? Не проще ли в div-е прописать innerHTML со всеми аттрибутами ifame
Проще.
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274595
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSergeГде ж ты была, когда я пасьянс на яваскрипт писал?

[оффтоп] да мне и в голову раньше не могло прийти, что кто-то будет пасьянс писать, да еще и на жабаскрипте :-) [/оффтоп]
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274637
SweetApple
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Спасибо вам! С формированием iframe разобралась, но возникла следующая проблема... :)
Пользователь кликает на кнопку "Выбрать", появляется этот iframe, в iframe он выбирает кое-какие данные, нажимает в iframe кнопку "ОК", после чего выбранные данные передаются в поля родительского документа, а сам iframe закрывается. Передачу данных в родительский документ организовала, а как закрыть/удалить iframe (чтобы его больше не было на родительском документе) кнопкой, которая расположена в iframe?
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274677
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Да точно также:
Код: plaintext
window.parent.getElementById("мой див").innerHTML="";
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274815
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Наврал. Вот так:
Код: plaintext
window.parent.document.getElementById("мой див").innerHTML="";
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274967
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
не страдайте хернёй, на jQuery или на ExtJs это делается одной строчкой
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35274989
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ZeusTheTrueGodне страдайте хернёй, на jQuery или на ExtJs это делается одной строчкой
Ты что предлагаешь из-за такой простенькой штучки ExtJs подключать?
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35275601
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
нет , jQuery
а если человек пишет для интранета - то тогда да
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35275604
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
JQuery, конечно, можно.
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35277580
SweetApple
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Если б ещё знать, что такое JQuery... :) Не приходилось раньше сталкиваться с этим.
Пишу для локальной сети (пользоваться будут несколько человек).
...
Рейтинг: 0 / 0
Динамическое формирование iframe в нужном месте страницы
    #35278584
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я попользовался - знаю - говно. Не пользуйся. Хочешь знать яваскрипт, дом и цсс - сюда. По остальным вопросам даже не знаю... .
...
Рейтинг: 0 / 0
21 сообщений из 21, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамическое формирование iframe в нужном месте страницы
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]