Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Подскажите как реализовать такое.. (https://javascript.ru/forum/jquery/19146-podskazhite-kak-realizovat-takoe.html)

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

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

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

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

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

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

???
problems, developer?

phenom 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 27.07.2011 15:10
ты только начал, не дописал. дописывай до конца. если не знаешь, читай мануалы. если возникнут проблемы, когда все написано, обращайся на форум. удачи!


Часовой пояс GMT +3, время: 05:11.