Форум программистов [Powered by Invision Power Board]

Цитата

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

Код


<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>

Код


<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>

Код


      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);
        }
       });