ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / IFRAME
9 сообщений из 9, страница 1 из 1
IFRAME
    #34641899
lt123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lt123
Гость
Необходимо реализовать следующую вещь:
изменение размеров (ширины) iframe с помощью JavaScript. JavaScript не знаю - не поможете примерами кодов??
...
Рейтинг: 0 / 0
05.07.2007, 17:19
| Ответить | Цитировать | Написать  
IFRAME
    #34642665
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
<iframe id="ifr" ...></iframe>
<script>
var ifr=document.getElementById("ifr");
ifr.style.width="200px";
ifr.style.height="100px";
</script>
...
Рейтинг: 0 / 0
06.07.2007, 06:04
| Ответить | Цитировать | Написать  
IFRAME
    #34643047
lt123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lt123
Гость
а если рассматривать случай когда мышкой нужно изменить размер фрейма ?
...
Рейтинг: 0 / 0
06.07.2007, 10:29
| Ответить | Цитировать | Написать  
IFRAME
    #34643065
Фотография Хрюхрюшкин.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Хрюхрюшкин.
Участник
Тоже несложно.
...
Рейтинг: 0 / 0
06.07.2007, 10:36
| Ответить | Цитировать | Написать  
IFRAME
    #34643137
lt123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lt123
Гость
а случайно нет примера?
...
Рейтинг: 0 / 0
06.07.2007, 11:00
| Ответить | Цитировать | Написать  
IFRAME
    #34643180
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SkyLight
Участник
Товарищ, для этого вам таки прийдется изучить жабаскрипт.
...
Рейтинг: 0 / 0
06.07.2007, 11:13
| Ответить | Цитировать | Написать  
IFRAME
    #34643644
Фотография Хрюхрюшкин.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Хрюхрюшкин.
Участник
С Prorotype.
В IE и Opere работает. В Firefox - глючит страшно. Лениво было разбираться, почему. Всё больше огорчает энтот Firefox.

9.html

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<META content="text/html; charset=windows-1251" http-equiv="Content-Type">
<title>Test page</title>
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>


<iframe id="myiframe" style="width: 300px; height: 300px; border: 4px red solid; cursor: se-resize;" src="11.html"></iframe>

<script type="text/javascript">
var Resizer = Class.create();
Resizer.prototype = {
	initialize : function (htmlElement, frameElement) {
		//
		this.startDrag = false;
		this.pos = Position.cumulativeOffset(htmlElement);
		this.htmlElement = $(htmlElement);

		this.halfBorder = this.htmlElement.getStyle("border-right-width");
		this.halfBorder = this.halfBorder.substr( 0 , this.halfBorder.length -  2 ) /  2 ;

		Event.observe(htmlElement , "mousedown", this._startDownEvent.bindAsEventListener(this));
		Event.observe(window.document , "mouseup", this._stopDownEvent.bindAsEventListener(this));
		Event.observe(window.document , "mousemove", this._startMoveEvent.bindAsEventListener(this));
		this.lastWidth = - 1 ;
		this.lastHeight = - 1 ;
	},
	_startDownEvent: function(event) {
		this.startDrag = true;
	},
	_startMoveEvent: function(event, external) {
		if (this.startDrag == true) {
			this.lastWidth = (Event.pointerX(event) - (external ? -this.halfBorder :this.pos[ 0 ])) + "px";
			this.lastHeight = (Event.pointerY(event) - (external ? -this.halfBorder : this.pos[ 1 ])) + "px";
			if (this.lastWidth != this.htmlElement.style.width) {
				this.htmlElement.style.width = this.lastWidth;

			}
			if (this.lastHeight != this.htmlElement.style.height) {
				this.htmlElement.style.height = this.lastHeight;
			}
			Event.stop(event);
		}


	},
	_stopDownEvent: function(event) {
		this.startDrag = false;
	}
	
};

var myResize = new Resizer($('myiframe'));
</script>

</body>
</html>





11.html
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<META content="text/html; charset=windows-1251" http-equiv="Content-Type">
<title>Test page</title>
</head>
<body onmouseMove="if (window.parent && window.parent.myResize) {window.parent.myResize._startMoveEvent(event,true)}"
onmouseUp="if (window.parent && window.parent.myResize) {window.parent.myResize._stopDownEvent(event)}">
Hello, it's me in a frame
</body>
</html>
...
Рейтинг: 0 / 0
06.07.2007, 12:53
| Ответить | Цитировать | Написать  
IFRAME
    #34643875
lt123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lt123
Гость
СПАСИБО БОЛЬШОЕ!
...
Рейтинг: 0 / 0
06.07.2007, 13:54
| Ответить | Цитировать | Написать  
IFRAME
    #34644395
Фотография Хрюхрюшкин.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Хрюхрюшкин.
Участник
Кстати, основная засада и сложность — исключительно из-за использования IFRAME. При обычном DIV'е всё гораздо проще.
...
Рейтинг: 0 / 0
06.07.2007, 16:10
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / IFRAME
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34642665&tid=1458008]:
 0ms
get settings:
 9ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 55ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 221ms
total:  365ms
созд. / загр.: 365ms
x
x
Закрыть


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