Changeset 323 for trunk/grails-app/views/taskDetailed/show.gsp

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.

File:

• trunk/grails-app/views/taskDetailed/show.gsp (modified) (1 diff)

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

@@ -85 +85 @@
                                     <tr class="prop">
                                         <td valign="top" class="name">
-                                            <div id="modControlClosed">
-                                                <a href='' onclick="showElement('modifications');
-                                                                                    Element.hide('modControlClosed');
-                                                                                    Element.show('modControlOpened');
-                                                                                    return false">
-                                                    Modifications <img  src="${resource(dir:'images/skin',file:'bullet_toggle_plus.png')}" alt="Show" />
-                                                </a>
-                                            </div>
-                                            <div id="modControlOpened" style="display:none;">
-                                                <a href='' onclick="hideElement('modifications');
-                                                                                    Element.hide('modControlOpened');
-                                                                                    Element.show('modControlClosed');
-                                                                                    return false">
-                                                    Modifications <img  src="${resource(dir:'images/skin',file:'bullet_toggle_minus.png')}" alt="Hide" />
-                                                </a>
-                                            </div>
+
+                                            <jsUtil:toggleControl toggleId="modifications"
+                                                                                    imageId="modificationsImg"
+                                                                                    closedImgUrl="${resource(dir:'images/skin',file:'bullet_toggle_plus.png')}"
+                                                                                    openImgUrl="${resource(dir:'images/skin',file:'bullet_toggle_minus.png')}"
+                                                                                    effect="fade"
+                                                                                    text="Modifications"
+                                                                                    />
                                         </td>