Форум

phenom · #1 (**permalink**) 27.07.2011, 14:39

Есть сайт,в нем таблица которая заполняется данными,в одной из ячеек хочу сделать так:
В ячейке есть текст,которые выбирается из бд,и при клике на него сам текст должен скрываться,и появляться выпадающий список,в котором я выбираю нужный пункт,и при выборе,список скрывается,а текстовое поле появляется....Может есть примеры какие то?Спасибо....
Проблема в том что ячеек с текстом много,может нужно написать фукцию и при клике на тексте(span-е) передавать сам спан в функцию?Что то на подобие такого:
<span onClick="Hide(this)" >Data</span>

melky · #2 (**permalink**) 27.07.2011, 14:43

на списки вешаешь обработчик изменения..назначаешь таблице обработчик клика.

в обработчике отслеживаешь, на кто кликнули.

если на текст (или на ячейку), то прячешь текст и показываешь список

список будет спрятан через style="display:none" и должен лежать в каждой ячейке

когда список будет изменен, сохраняешь его значение, прячешь (или наоборот), меняешь текст в ячейке и показываешь текст.

???
problems, developer?

phenom · #3 (**permalink**) 27.07.2011, 14:56

Код:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript" >
function myHide(object)
{
	object.style.visibility = "hidden";
}
</script>
</head>
<body>
<span onclick="myHide(this);"> 
Текст1
</span>

<span> 
	<select onchange="myHide(this);">
	<option>Текст1</option>
	<option>Текст2</option>
	<option>Текст3</option>
	</select>
</span>
</body>
</html>

Вот я так пробую,но мне нужно что бы они по очереди скрывались и показывались,на первом span-не жмем,он скрывается и появляется второй span со списком,как только в списке выбрали элемент,span со списком скрывается,появляется первый span с текстом....

melky · #4 (**permalink**) 27.07.2011, 15:10

ты только начал, не дописал. дописывай до конца. если не знаешь, читай мануалы. если возникнут проблемы, когда все написано, обращайся на форум. удачи!

Форум

Справочник

Discord чат

Курсы javascript