Ignore:
Timestamp:
Feb 8, 2010, 3:23:01 AM (15 years ago)
Author:
gav
Message:

Add toggleWithImgAndEffect to JsUtil.
Replace control divs with our new JsUtil toggleControl taglib.
Small CSS adjustment to asset tree pane close.

Location:
trunk/grails-app/views/taskDetailed
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/grails-app/views/taskDetailed/search.gsp

    r262 r323  
    4343            </div>
    4444
    45             <div id="resultsControlClosed">
    46                 <a href='' onclick="showElement('results');
    47                                                     Element.hide('resultsControlClosed');
    48                                                     Element.show('resultsControlOpened');
    49                                                     return false">
    50                     Options <img  src="${resource(dir:'images/skin',file:'bullet_arrow_right.png')}" alt="Show" />
    51                 </a>
    52             </div>
    53 
    54             <div id="resultsControlOpened" style="display:none;">
    55                 <a href='' onclick="hideElement('results');
    56                                                     Element.hide('resultsControlOpened');
    57                                                     Element.show('resultsControlClosed');
    58                                                     return false">
    59                     Options <img  src="${resource(dir:'images/skin',file:'bullet_arrow_down.png')}" alt="Show" />
    60                 </a>
    61             </div>
    62 
    63 
    64             <div id="results" style="display:none;">
     45            <jsUtil:toggleControl toggleId="options"
     46                                                    imageId="optionsImg"
     47                                                    closedImgUrl="${resource(dir:'images/skin',file:'bullet_arrow_right.png')}"
     48                                                    openImgUrl="${resource(dir:'images/skin',file:'bullet_arrow_down.png')}"
     49                                                    text="${g.message(code: 'default.options.text')}"
     50                                                    />
     51
     52            <div id="options" style="display:none;">
    6553                <g:form method="post" >
    6654                    <g:hiddenField name="params" value="${filterParams}" />

  • trunk/grails-app/views/taskDetailed/show.gsp

    r263 r323  
    8585                                    <tr class="prop">
    8686                                        <td valign="top" class="name">
    87                                             <div id="modControlClosed">
    88                                                 <a href='' onclick="showElement('modifications');
    89                                                                                     Element.hide('modControlClosed');
    90                                                                                     Element.show('modControlOpened');
    91                                                                                     return false">
    92                                                     Modifications <img  src="${resource(dir:'images/skin',file:'bullet_toggle_plus.png')}" alt="Show" />
    93                                                 </a>
    94                                             </div>
    95                                             <div id="modControlOpened" style="display:none;">
    96                                                 <a href='' onclick="hideElement('modifications');
    97                                                                                     Element.hide('modControlOpened');
    98                                                                                     Element.show('modControlClosed');
    99                                                                                     return false">
    100                                                     Modifications <img  src="${resource(dir:'images/skin',file:'bullet_toggle_minus.png')}" alt="Hide" />
    101                                                 </a>
    102                                             </div>
     87
     88                                            <jsUtil:toggleControl toggleId="modifications"
     89                                                                                    imageId="modificationsImg"
     90                                                                                    closedImgUrl="${resource(dir:'images/skin',file:'bullet_toggle_plus.png')}"
     91                                                                                    openImgUrl="${resource(dir:'images/skin',file:'bullet_toggle_minus.png')}"
     92                                                                                    effect="fade"
     93                                                                                    text="Modifications"
     94                                                                                    />
    10395                                        </td>
    10496
Note: See TracChangeset for help on using the changeset viewer.