Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / IFRAME / 9 сообщений из 9, страница 1 из 1
05.07.2007, 17:19
    #34641899
lt123
lt123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
Необходимо реализовать следующую вещь:
изменение размеров (ширины) iframe с помощью JavaScript. JavaScript не знаю - не поможете примерами кодов??
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.07.2007, 06:04
    #34642665
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
Код: 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, 10:29
    #34643047
lt123
lt123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
а если рассматривать случай когда мышкой нужно изменить размер фрейма ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.07.2007, 10:36
    #34643065
Хрюхрюшкин.
Хрюхрюшкин.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
Тоже несложно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.07.2007, 11:00
    #34643137
lt123
lt123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
а случайно нет примера?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.07.2007, 11:13
    #34643180
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
Товарищ, для этого вам таки прийдется изучить жабаскрипт.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.07.2007, 12:53
    #34643644
Хрюхрюшкин.
Хрюхрюшкин.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
С 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, 13:54
    #34643875
lt123
lt123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
СПАСИБО БОЛЬШОЕ!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.07.2007, 16:10
    #34644395
Хрюхрюшкин.
Хрюхрюшкин.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IFRAME
Кстати, основная засада и сложность — исключительно из-за использования IFRAME. При обычном DIV'е всё гораздо проще.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / IFRAME / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 273ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1458008]:
 0ms
get settings:
 11ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 164ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 2ms
others: 11ms
total:  273ms
x
x
Закрыть


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