Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Выпадающие строки таблицы, помогите написать 
V
    Опции темы
MisterCleric
Дата 30.6.2006, 10:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1043
Регистрация: 16.2.2006
Где: Харьков, Украина

Репутация: нет
Всего: 38
Привет всем!
Стоит такая задача:
Отобзазить список групп таблицей и по клику на стрелочке слева раскрыть юзеров этой группы: фамилия, имя, е-майл. Да так что бы список групп при этом раздвигался и сохранялось выравнивание во всех колонках, как будто все юзеры в одной таблице. 
помогите плз. Я с ЯваСкриптингом только начинаю 


--------------------
ПРИШЕЛ, УВИДЕЛ - ПЕРЕПИСАЛ...
PM MAIL ICQ   Вверх
Sardar
Дата 30.6.2006, 10:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317
MisterCleric, сверстай страницу, со скриптами поможем. Также с такими просьбами можно обратиться в раздел работа если и ничего сам делать не хочешь, либо в начинающие если есть надежда, что тебе всё сверстают полностью. Здесь помогают, но не выполняют твою работу за тебя smile 


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
MisterCleric
Дата 30.6.2006, 11:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1043
Регистрация: 16.2.2006
Где: Харьков, Украина

Репутация: нет
Всего: 38
Ок.  smile понял. буду пробовать 


--------------------
ПРИШЕЛ, УВИДЕЛ - ПЕРЕПИСАЛ...
PM MAIL ICQ   Вверх
MisterCleric
Дата 1.7.2006, 15:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1043
Регистрация: 16.2.2006
Где: Харьков, Украина

Репутация: нет
Всего: 38
Люди. У меня кое-что получаеться, но как-то частично. Псмотрите, что не так
Код

<head>
      <script type="text/javascript">
            function showUsers(id){
                status = document.all[id].style.display;
                if(status == 'none') document.all[id].style.display = '';
                else document.all[id].style.display = 'none';
            }
      </script>
</head>
<body>
     <table border="0" cellpadding="5" cellspacing="0" width="100%" align="center">
                    <tr>
                        <th>First name</th>
                        <th>Last Name</th>
                        <th>Email</th>
                    </tr>
               <tr>
                           <td id="2" style="cursor:pointer" onClick="showUsers('admin');">
                                <b>admin&nbsp;</b>
                           </td>
                        </tr>
              <tr>
                 <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" id="admin" style="display:none;">
                        <tr>
                           <td>
                                Elijah&nbsp;
                           </td>
                            <td>
                                dgfgdfgdfg&nbsp;
                           </td>
                            <td>
                                g@m&nbsp;
                           </td>
                        </tr>
                  </table>
              </tr>           
               <tr>
                   <td id="1" style="cursor:pointer" onClick="showUsers('sales');">
                          <b>sales&nbsp;</b>
                   </td>
                </tr>
              <tr>
                 <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" id="sales" style="display:none;">                    
                        <tr>
                           <td>
                                Derek&nbsp;
                           </td>
                            <td>
                              dfgdfgdfg  &nbsp;
                           </td>
                            <td>
                                medfgdfgd5@mdfgdfgcbcvb&nbsp;
                           </td>
                        </tr>                    
                  </table>
              </tr>                  
           </table>
   </body>
 


--------------------
ПРИШЕЛ, УВИДЕЛ - ПЕРЕПИСАЛ...
PM MAIL ICQ   Вверх
Messenger
Дата 1.7.2006, 16:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 29
Регистрация: 16.2.2006

Репутация: нет
Всего: 1
Цитата(MisterCleric @  1.7.2006,  15:15 Найти цитируемый пост)
<tr>
                 <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" id="admin" style="display:none;">
                        <tr>


По моему надо:
Код

...
<tr>
                    <td colspan="3"><!--другие елементы должны находится в ячейках-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" id="admin" style="display:none;">
....
</td>
...

И в css задать дизайн/верстку th, td, table. 
PM MAIL   Вверх
zera
Дата 2.7.2006, 00:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 19.1.2006
Где: saint-petersburg

Репутация: 2
Всего: 9
а это нормально, что с таким скриптом оно даже в файрфоксе не работает?
может все-таки 
Код

document.getElementById(id).style.display

?
и id с цифры начинать - тоже некузяво
по сути, если правильно понял 
сие в хед
Код

<style type="text/css">
html, body, table {
padding:0;
margin:0;
}
</style>
 
PM MAIL   Вверх
MisterCleric
Дата 3.7.2006, 09:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1043
Регистрация: 16.2.2006
Где: Харьков, Украина

Репутация: нет
Всего: 38
Задача решиласью. Кому интересно вот исходник:
Код

<html>
    <script type="text/javascript">
            function showUsers(id){
                status = document.all[id].style.display;
                if(status == 'none') document.all[id].style.display = '';
                else document.all[id].style.display = 'none';
            }
      </script>
</head>
<body>
  <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
       <thead>
                    <tr>
                        <th  align="center"  width="33%">First name</th>

                        <th align="center"  width="33%">Last Name</th>
                        <th  align="center">Email</th>
                    </tr>
        </thead>
          
              
              
              <tbody>
                        <tr>
                           <td width="33%" style="cursor:pointer" onClick="showUsers('sales')">
                                <b>sales&nbsp;</b>
                           </td>
                            <td width="33%" >&nbsp;</td>
                           <td>&nbsp;</td>
                        </tr>
               </tbody>
              <tbody align="center" id="sales" style="display:none;">
                         <tr>
                           <td width="33%">
                                Wayman&nbsp;
                           </td>
                            <td width="33%">
                                dfgdfgdfg&nbsp;
                           </td>
                            <td >
                                megdfgdfgdfs1@dfgdfgce&nbsp;
                           </td>
                        </tr>
             </tbody>
              <tbody>
                        <tr>
                           <td width="33%" style="cursor:pointer" onClick="showUsers('admin')">
                                <b>admin&nbsp;</b>
                           </td>
                            <td width="33%">&nbsp;</td>
                           <td >&nbsp;</td>
                        </tr>
               </tbody>
              <tbody align="center" id="admin" style="display:none;">
                    
                        <tr>

                           <td width="33%">
                                Gary&nbsp;
                           </td>
                            <td  width="33%">
                                hgdfghdfgdfg&nbsp;
                           </td>
                            <td class="zebra text_black">
                                gdfgdfgdfle@adfgdfgdfgdfgm29&nbsp;
                           </td>
                        </tr>                                    
                        <tr>
                           <td  width="33%">
                                Elijah&nbsp;

                           </td>
                            <td width="33%">
                                sdfsdfsdf&nbsp;
                           </td>
                            <td class="zebra text_black">
                                eliffgffffnbmctor@gdgdfm&nbsp;
                           </td>
                        </tr>                   
             </tbody>
</table>
</body>
</html>

Всем спасибо за внимание 


--------------------
ПРИШЕЛ, УВИДЕЛ - ПЕРЕПИСАЛ...
PM MAIL ICQ   Вверх
Sardar
Дата 3.7.2006, 11:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317
MisterCleric, заменяй all[id] на getElementById(id), а то не красиво.

Хорошо бы ещё при наводе мышой открывать, если удерживаеться мышь над секцией в течении 2-3 секунд. Также если мышь убегает из секции, то через 2 секунды секцию закрыть. При клике секция должна оставаться открытой как у тебя сейчас. Хорошей фишкой будет плавное открытие, но это заморочки smile 


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0515 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.