Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / сбор мозайки / 10 сообщений из 10, страница 1 из 1
04.11.2012, 20:57
    #38025172
Shiro-kuro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
помогите пожалуйста.=)
у меня два вопроса...
1 - как сделать пустую таблицу заданной ширины и высоты?точнее мне надо разделить страницу на фреймы,оидн из которых сделать в виде таблицы из 4 частей.высотой 160 и шириной 90 пикселей каждая часть.
2 - Есть форма с фреймами, слева один фрейм, справа разделенный на 4 рабочих квадрата для сбора картинки из разных частей. В левом фрейме надо реализовать так, чтобы можно было выбрать определенный (любой на выбор) файл картинки (например 1), и чтобы его можно было загрузить в правую сторону тоже в любой фрейм.как это организовать?
выбор я сделал:

Номер картинки
<form>
<select >
<option>r1</option>
<option>r2</option>
<option>r3</option>
<option>r4</option>
</select>
</form>

Номер фрейма
<form>
<select >
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</form>

но вот как сопоставить выбранную картинку в выбранный фрейм?как их сопоставить?
спасибо большое за помощь.=)))
...
Рейтинг: 0 / 0
06.11.2012, 10:38
    #38026343
mage.lan
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
Shiro-kuro,

1. учить HTML +CSS
2. учить JavaScript

оба вопроса настолько элементарны, что даже человек не знакомый с темой веда нагуглит на них ответ за 1-2 часа.
...
Рейтинг: 0 / 0
06.11.2012, 12:50
    #38026590
Shiro-kuro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
mage.lan, чем мне в 1 вопросе поможет CSS?
и могли бы не умничать,а подсказать раз тааак легко...

но спасибо за ответ.
...
Рейтинг: 0 / 0
06.11.2012, 13:33
    #38026676
mage.lan
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
Shiro-kuro,

т.к. вы поставили условие под которое можно сверстать любой HTML, отвечаю только на ваш вопрос зачем CSS:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<!DOCTYPE html>
<html>
<head>
<title>test frame</title>
<style>
.frame-set {width:320px;}
.my-frame {display:inline-block; width: 160px; height: 90px; margin: 0; border: 0}
</style>
</head>
<body>
<div class="frame-set>
<iframe class="my-frame" src="about:blank" />
<iframe class="my-frame" src="about:blank" />
<iframe class="my-frame" src="about:blank" />
<iframe class="my-frame" src="about:blank" />
</div>
</body>
</html>
...
Рейтинг: 0 / 0
06.11.2012, 15:16
    #38026925
Shiro-kuro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
mage.lan,
понял...и правда хороший вариант...просто нам не сказали с CSS сделать...спасибо большое!!!
а можете подсказать про сопоставление?нужно использовать форму <INPUT TYPE="button"> и обработчик событий OnClick="window.open(name.value)"> же?
...
Рейтинг: 0 / 0
06.11.2012, 19:05
    #38027384
mage.lan
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
Shiro-kuro,

это самая простая реализация. по хорошему надо по другому цеплять события, ставить всякие проверки, по другому выбирать iframe, ну и всякую прочую обертку, которую приносит с собой jQuery.

Код: html
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.
<!DOCTYPE html>
<html>
<head>
<title>test frame</title>
<style>
.frame-set {width:320px;}
.my-frame {display:inline-block; width: 160px; height: 90px; margin: 0; border: 0}
</style>
<script>
window.onload = function(){
	document.getElementById( 'button_loader' ).onclick = function(){
		var picture = document.getElementById( 'picture_name' ).value;
		var number = document.getElementById( 'frame_number' ).value;
		var iframes = document.getElementsByTagName( 'iframe');
		iframes[ number ].src = picture;
	}
}
</script>
</head>
<body>
<form>
<select id="picture_name">
<option value="r1.gif">r1</option>
<option value="r2.gif">r2</option>
<option value="r3.gif">r3</option>
<option value="r4.gif">r4</option>
</select>
<select id="frame_number">
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
</select>
<input type="button" value="Load" id="button_loader" />
</form>
<div class="frame-set>
<iframe class="my-frame" src="about:blank" />
<iframe class="my-frame" src="about:blank" />
<iframe class="my-frame" src="about:blank" />
<iframe class="my-frame" src="about:blank" />
</div>
</body>
</html>
...
Рейтинг: 0 / 0
06.11.2012, 19:19
    #38027396
Shiro-kuro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
mage.lan,
ничего себе.О................О*в шоке*
спасибо Вам!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*лучи добра))))))* *не думал что это настолько жуткое задание.ОО*
...
Рейтинг: 0 / 0
06.11.2012, 19:30
    #38027409
Shiro-kuro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
только загвоздка в том, что надо чтобы -выбор фрейма и изображения- были в одном фрейме, а загружалось изображение в другой фрейм.
...
Рейтинг: 0 / 0
07.11.2012, 12:08
    #38028263
mage.lan
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
Shiro-kuro,

зачем тут фреймы?
...
Рейтинг: 0 / 0
07.11.2012, 13:25
    #38028496
Shiro-kuro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
сбор мозайки
mage.lan,
кто знает.х) но дали такое задание.ХХ
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / сбор мозайки / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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