Changeset 26216

Show
Ignore:
Timestamp:
19.09.2012 15:33:31 (7 years ago)
Author:
sjm84
Message:

Removed the option to resize the zoom window and made it the same as other view options. Also made the back to top links a gsf:option

Location:
main/trunk/greenstone3/web/interfaces/default
Files:
1 added
3 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/greenstone3/web/interfaces/default/style/core.css

    r26203 r26216  
    168168    padding: 20px 20px 10px; 
    169169    min-height: 300px; 
     170} 
     171 
     172#gs-document { 
     173    /*width:67%; 
     174    overflow:auto;*/ 
    170175} 
    171176 
     
    210215#viewOptions li { 
    211216    list-style:none; 
     217    float:left; 
    212218    padding: 5px; 
    213 } 
    214  
    215 #zoomOptions { 
    216     margin: 0px; 
    217     padding: 0px; 
    218     width: 100%; 
    219 } 
    220  
    221 #zoomOptions li { 
    222     margin:5px; 
    223     list-style:none; 
    224     display: inline-block; 
    225219} 
    226220 
     
    658652.tableOfContentsContainer { 
    659653    padding:1px; 
     654    max-height:500px; 
     655    overflow:auto; 
    660656} 
    661657 
  • main/trunk/greenstone3/web/interfaces/default/transform/layouts/toc.xsl

    r26203 r26216  
    286286                    </li> 
    287287                </xsl:if><xsl:text> </xsl:text> 
    288             </ul> 
    289             <ul id="zoomOptions"> 
    290                 <!-- This is invisible unless it is made visible by Javascript controlling the image zooming --> 
    291                 <xsl:attribute name="style">display: none;</xsl:attribute> 
    292                 <li style="width:10%;"> 
    293                     <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoom')"/> 
    294                 </li> 
    295                 <li style="width:5%;"> 
     288                 
     289                <li id="zoomOptions" style="display:none;"> 
     290                    <img> 
     291                        <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'zoom_image')"/></xsl:attribute> 
     292                    </img> 
    296293                    <input id="zoomToggle" type="checkbox"/> 
    297294                    <script type="text/javascript"> 
     
    304301                    </script> 
    305302                </li> 
    306                 <li style="width:15%;"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoom_size')"/><xsl:text>:</xsl:text></li> 
    307                 <li id="zoomSlider" style="width:50%; height:5px;"><xsl:text> </xsl:text></li> 
    308                 <script type="text/javascript"> 
    309                     <xsl:text disable-output-escaping="yes"> 
    310                         $("#zoomSlider").slider( 
    311                         { 
    312                             change: function(event, ui) 
    313                             { 
    314                                 var sliderValue = ui.value; 
    315                                 var divs = document.getElementsByTagName("DIV"); 
    316                                 for(var i = 0; i &lt; divs.length; i++) 
    317                                 { 
    318                                     if(divs[i].getAttribute("id") &amp;&amp; divs[i].getAttribute("id").search(/^mover.*/) != -1) 
    319                                     { 
    320                                         divs[i].style.height = 400 + (2 * sliderValue) + "px"; 
    321                                         divs[i].style.width = 400 + (2 * sliderValue) + "px"; 
    322                                     } 
    323                                 } 
    324                             } 
    325                         }); 
    326                     </xsl:text> 
    327                 </script> 
    328                 <style>.ui-slider .ui-slider-handle{height:0.8em; width:1.0em;}</style> 
    329303            </ul> 
     304            <div style="clear:both;"><xsl:text> </xsl:text></div> 
    330305        </div> 
    331306    </xsl:template> 
  • main/trunk/greenstone3/web/interfaces/default/transform/pages/document.xsl

    r26205 r26216  
    156156             
    157157            <!-- "back to top" link --> 
    158             <xsl:if test="util:hashToDepthClass(@nodeID) != 'sectionHeaderDepthTitle'"> 
     158            <xsl:if test="util:hashToDepthClass(@nodeID) != 'sectionHeaderDepthTitle' and not(/page/pageResponse/format[@type='display']/gsf:option[@name='backToTopLinks']) or /page/pageResponse/format[@type='display']/gsf:option[@name='backToTopLinks']/@value='true'"> 
    159159                <td class="backToTop headerTD"> 
    160160                    <a href="javascript:scrollToTop();"> 
     
    481481                                }); 
    482482 
    483                                 $("#zoomOptions").css("display", "block"); 
     483                                $("#zoomOptions").css("display", null); 
    484484                            } 
    485485                        </xsl:text>