VPF::richui accordion selected - Форум программистов

17dufa

Дата 29.11.2010, 20:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

Репутация: нет
Всего: 5

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

Vasay

Дата 29.11.2010, 21:36 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2097
Регистрация: 8.3.2006

Репутация: 3
Всего: 73

Цитата

В описании плагина такого нет.

Думаю несложно через js сделать. Но сам по себе подобный контрол делается несколькими строчками JS - не думаю, что ради accordion стоит ставить доп плагин в приложение.

--------------------

Придумать идеальную защиту от дурака невозможно, дураки, наудивление, изобретательны.

17dufa

Дата 29.11.2010, 23:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

Репутация: нет
Всего: 5

Vasay, более легковесные аккордеоны оказались сыроватыми, самому писать - я еще не настолько силен в веб программировании. есть идеи куда копать в js, чтоб это реализовать? пробовал посылать onclick в body::onload - ничего не получилось(

Vasay

Дата 30.11.2010, 00:14 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2097
Регистрация: 8.3.2006

Репутация: 3
Всего: 73

17dufa,

У Вас страничка с этим аккордионом где-нибудь доступна? Посмотрел бы JS.

Думаю через id можно легко сделать, только надо видеть что в генерится на выходе.

Это сообщение отредактировал(а) Vasay - 30.11.2010, 00:17

--------------------

Придумать идеальную защиту от дурака невозможно, дураки, наудивление, изобретательны.

17dufa

Дата 30.11.2010, 13:08 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

Репутация: нет
Всего: 5

к сожалению, не доступна.
сюда кину:

Код


<html>
    <head>
        <title>Правила генерации</title>
        <link rel="stylesheet" href="/RegistrationInterface/css/main.css" />
        <link rel="shortcut icon" href="/RegistrationInterface/images/favicon.ico" type="image/x-icon" />
        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="layout" content="main"/>
        
        <link rel='stylesheet' type='text/css' href='/RegistrationInterface/plugins/richui-0.8/css/accordion.css' />
<script type='text/javascript' src='/RegistrationInterface/plugins/richui-0.8/js/yui/yahoo-dom-event/yahoo-dom-event.js'></script>

<script type='text/javascript' src='/RegistrationInterface/plugins/richui-0.8/js/yui/connection/connection-min.js'></script>
<script type='text/javascript' src='/RegistrationInterface/plugins/richui-0.8/js/yui/animation/animation-min.js'></script>
<script type='text/javascript' src='/RegistrationInterface/plugins/richui-0.8/js/accordion/accordion-menu-v2.js'></script>


    </head>
    <body>
        <div id="spinner" class="spinner" style="display:none;">
            <img src="/RegistrationInterface/images/spinner.gif" alt="Loading..." />
        </div>
        <div id="grailsLogo"><a href="http://grails.org"><img src="/RegistrationInterface/images/grails_logo.png" alt="Grails" border="0" /></a></div>
        
    
    <dl class='accordion-menu null' style='width: 900px'>

      
        <dt class='a-m-t' id='thisSelected'>каждый день</dt>
<dd class='a-m-d'>
  <div class='bd'>
          <form action="/RegistrationInterface/rules?id=130" method="post" >
....
            </form>
        </div>
</dd>
      
        <dt class='a-m-t' id=''>СР</dt>
<dd class='a-m-d'>
  <div class='bd'>
          <form action="/RegistrationInterface/rules?id=130" method="post" >
......
            </form>
        </div>
</dd>
</dl>
    </body>
</html>

gsp выглядит так:

Код


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="layout" content="main" />
        <title><g:message code="rules.label"/></title>
        <resource:accordion skin="default" />
    </head>
    <body>
    <richui:accordion style="width: 900px">
      <g:each in="${allNodes}" var="oneRule" status="nodeIndex">
        <richui:accordionItem caption="${PeriodWorker.getPeriod(oneRule.attribute('period'))}"
                id="${nodeIndex==selIndex? 'thisSelected' : ''}"
                >
          <g:form id="${id}">
....
            </g:form>
        </richui:accordionItem>
      </g:each>
    </richui:accordion>
    </body>
</html>

js файлы в аттаче

Присоединённый файл ( Кол-во скачиваний: 3 )

Scripts.rar 23,47 Kb

17dufa

Дата 10.12.2010, 17:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

Репутация: нет
Всего: 5

арбайтен

индекс выбранного элемента у меня передается через GET параметр 'selected':

Код


      function gup( name )
      {
        name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
        var regexS = "[\\?&]"+name+"=([^&#]*)";
        var regex = new RegExp( regexS );
        var results = regex.exec( window.location.href );
        if( results == null )
          return "";
        else
          return results[1];
      }
      YAHOO.util.Event.onDOMReady(function() {
        var indexString = gup('selected');
        if (indexString == '')
          indexString = '0';
        var index = parseFloat(indexString);
        var node = document.getElementsByTagName("dt")[index];
        try
        {
          var evObj = document.createEvent('MouseEvents');
          evObj.initMouseEvent( 'click', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null );          
          node.dispatchEvent(evObj);
        }
        catch (err)
        {
          alert('error');
          alert(err);
        }
       });

Vasay

Дата 10.12.2010, 17:10 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2097
Регистрация: 8.3.2006

Репутация: 3
Всего: 73

Вот простейший аккордеон. Не использует никаких фреймворков:
http://www.dezinerfolio.com/2007/07/19/sim...ipt-accordions/

Демо:
http://www.dezinerfolio.com/wp-content/upl...cordemo/01.html
За то, какая вкладка открыта - отвечает параметр "header_highlight"

--------------------

Придумать идеальную защиту от дурака невозможно, дураки, наудивление, изобретательны.

17dufa

Дата 13.12.2010, 12:31 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

Репутация: нет
Всего: 5

Vasay, благодарю. пока буду пользоваться тем что уже есть, будут конфликты из-за richui - попробую предложенный вариант.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Java: Groovy & Grails \| Следующая тема »