23.06.2010, 11:33
|
|
Аспирант
|
|
Регистрация: 01.07.2009
Сообщений: 31
|
|
|
Раздвижение ячеек
Как сделать так.
1) Контейнер в виде таблицы (table или div не имеет значение) 3 строки 3 столбца (к примеру). в каждой яейки будет ссылка, при наведении на которую будет появляться подменю. Но нужно сделать именно так, что-бы выпадающее подменю не уходило на нижнюю строку и не перекрывало ее, а раздвигала свою строку?
|
|
23.06.2010, 11:41
|
 |
.
|
|
Регистрация: 30.03.2010
Сообщений: 1,813
|
|
Вот сырой код, смотри:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function show(elem)
{
var div = document.createElement('div');
div.innerHTML = " - first 2";
elem.parentNode.appendChild(div);
}
</script>
</head>
<body>
<div><div onclick="show(this)">first</div></div>
<div>two</div>
</body>
</html>
__________________
.
|
|
23.06.2010, 11:57
|
|
Аспирант
|
|
Регистрация: 01.07.2009
Сообщений: 31
|
|
|
Классно. А как сделать что-бы это было при наведении.
При чем при наведении выпадал весь блок (к примеру будет 3 подменю
first
- first 2
- first 2
- first 2), а не по отдельности при каждом нажатии?
|
|
23.06.2010, 12:00
|
|
.
|
|
Регистрация: 30.03.2010
Сообщений: 1,813
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function show(elem)
{
var div = document.createElement('div');
div.innerHTML = " - first 1";
elem.parentNode.appendChild(div);
var div = document.createElement('div');
div.innerHTML = " - first 2";
elem.parentNode.appendChild(div);
var div = document.createElement('div');
div.innerHTML = " - first 3";
elem.parentNode.appendChild(div);
}
</script>
</head>
<body>
<div><div onmouseover="show(this)">first</div></div>
<div>two</div>
</body>
</html>
__________________
.
|
|
23.06.2010, 12:10
|
|
Аспирант
|
|
Регистрация: 01.07.2009
Сообщений: 31
|
|
|
Ну и последний вопрос.
А как сделать, что-бы при наведении выпадал только один болк подменю
first
- first 1
- first 2
- first 3,
а после убирания все возвращалось к
first
и все вновь сужалось?
|
|
23.06.2010, 12:37
|
|
.
|
|
Регистрация: 30.03.2010
Сообщений: 1,813
|
|
Мендыбаев Игорь,
А может начнёте уже учить js?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function show(elem)
{
var div = document.createElement('div');
div.innerHTML = " - first 1";
elem.parentNode.appendChild(div);
var div = document.createElement('div');
div.innerHTML = " - first 2";
elem.parentNode.appendChild(div);
var div = document.createElement('div');
div.innerHTML = " - first 3";
elem.parentNode.appendChild(div);
}
function del(elem)
{
var fel = elem.parentNode.firstChild;
while(fel.tagName != "DIV")
fel = fel.nextSibling;
var lel = elem.parentNode.lastChild;
while(fel != lel)
{
elem.parentNode.removeChild(lel);
lel = elem.parentNode.lastChild;
}
}
</script>
</head>
<body>
<div><div onmouseover="show(this)" onmouseout="del(this)">first</div></div>
<div>two</div>
</body>
</html>
__________________
.
|
|
23.06.2010, 12:46
|
|
Аспирант
|
|
Регистрация: 01.07.2009
Сообщений: 31
|
|
|
Очень благодарен.
Так я учу его, просто очень медленно)))
Синтаксис понятен еле еле, плюс сами условия не знаю, типа "document.getElementById" . Вот беру ваши примеры и разбираю досканально, при чем со словарем. А если бы был справочник. В котором указывалось бы, что "document.getElementById" это извлечение элемента по идентификатору, а не приходилось бы самому переводить дословно было бы вообще круто. Еще раз спасибо, очень помогло)))
|
|
23.06.2010, 14:03
|
 |
Профессор
|
|
Регистрация: 03.04.2009
Сообщений: 1,263
|
|
Сообщение от Мендыбаев Игорь
|
Очень благодарен.
Так я учу его, просто очень медленно)))
Синтаксис понятен еле еле, плюс сами условия не знаю, типа "document.getElementById" . Вот беру ваши примеры и разбираю досканально, при чем со словарем. А если бы был справочник. В котором указывалось бы, что "document.getElementById" это извлечение элемента по идентификатору, а не приходилось бы самому переводить дословно было бы вообще круто. Еще раз спасибо, очень помогло)))
|
Бред. Хотели бы, давно уже выучили. Справочник по методам есть на этом сайте. |
|
23.06.2010, 16:31
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,068
|
|
|
Skipp,
Вопрос, если конечно есть желание голову поломать, как воспользоваться таким выпадающим меню? )))))))
Немного поясню: скажем "- first 1" это ссылка, как умудриться её нажать?
|
|
23.06.2010, 16:39
|
|
.
|
|
Регистрация: 30.03.2010
Сообщений: 1,813
|
|
рони,
не знаю) что меня просили, то я и написал 
Точнее знаю, но не таким путём.
Можно допустим ловить таргеты.
__________________
.
Последний раз редактировалось Skipp, 23.06.2010 в 16:42.
|
|
|
|
