Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.11.2011, 17:24
Аватар для Алинка
Новичок на форуме
Отправить личное сообщение для Алинка Посмотреть профиль Найти все сообщения от Алинка
 
Регистрация: 29.11.2011
Сообщений: 1

Соединение элементов линией
Здравствуйте :-)
Может вопрос и простой, но я только недавно начала программировать, так что не судите строго.
Суть задачи такова: на экране есть элементы, при клике на одном из них, а затем на другом между ними должна рисоваться линия. Эта линия не должна идти по диагонали через экран, т.е. прямая не подойдет. Линия должна состоять только из горизонтальных и вертикальных прямых.
К сожалению, у меня нет идей как это сделать :-(

Буду очень благодарна за помощь.
Ответить с цитированием
  #2 (permalink)  
Старый 29.11.2011, 17:37
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

Вряд ли тебе с этим помогут, тут просто так не помогают, тебе придётся приложить для начала свои усилия к решению своей задачи. Тем более задача не такая и простая, помучатся с ней точно придётся и не мало, по этому никто просто так и не возьмётся.
__________________
.
Ответить с цитированием
  #3 (permalink)  
Старый 29.11.2011, 18:55
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от Алинка
т.е. прямая не подойдет. Линия должна состоять только из горизонтальных и вертикальных прямых.
это как раз легче

можно просто html элементами линии делать

например, нужно кликнуть на сером блоке

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>demo</title>
  
	<script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
 
	<style>
	div {
		position: absolute;
	}
	.box {
		width: 50px; height: 20px;
		background: gray;
		z-index: 10;
		cursor: pointer;
	}
	.line {
		display: none;
		border-left: 1px solid gray;
		border-bottom: 1px solid gray;
		background: transparent;
	}
	.line1 { 
		width: 140px; height: 50px;
		left: 25px; top: 10px;
	}
	.box1 { left: 0; top: 0;}
	.box2 { left: 140px; top: 50px;}

	</style>

	<script>
	$(function(){
		$('.box1, .box2').click(function () {
			$('.line1').show();
		});
	}) 
	</script>
</head>
<body>
	<div class="line line1"></div>
	<div class="box box1"></div>
	<div class="box box2"></div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Суммирование значений всех элементов div frolvict jQuery 1 11.07.2011 17:05
Как ограничить количество элементов (списков <li>) массивов Naum Элементы интерфейса 2 04.04.2011 11:56
Никак не могу достучаться до элементов DeeSoft jQuery 0 14.02.2011 20:05
Сделать список multiple select с сортировкой элементов Nargiza Элементы интерфейса 2 17.08.2010 14:44
Быстрый разбор списка элементов. B~Vladi Общие вопросы Javascript 31 14.07.2010 15:52