source: ether_2012/trunk/web/project/slideDataBases.jsp @ 374

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<table class="slideTable">
    <tr>
        <td id="tdRamces">
            <a href="http://ether.ipsl.jussieu.fr/etherTypo/index.php?id=1321&type=1&L=1">
                <div class="slideTableTitle">RAMCES</div>
                <img id="logoRamces" src="resources/images/logo_ramces.gif" width="80px" alt='<spring:message code="logo.ramces.alt"/>' title='<spring:message code="logo.ramces.alt"/>'/>
            </a>
        </td>

        <td id="tdKinetics">
            <a href="http://www.era-orleans.org/eradb">
                <div class="slideTableTitle">Kinetics</div>
                <img id="logoKinetics" src="resources/images/logo_cine-chim.jpg" width="80px" alt='<spring:message code="logo.kinetics.alt"/>' title='<spring:message code="logo.kinetics.alt"/>'/>
            </a>

        <td id="tdMegapoli">
            <a href="http://ether.ipsl.jussieu.fr/megapoli">
                <div class="slideTableTitle">MEGAPOLI</div>
                <img id="logoMegapoli" src="resources/images/logo_Megapoli.png" width="80px" alt='<spring:message code="logo.megapoli.alt"/>' title='<spring:message code="logo.megapoli.alt"/>'/>
            </a>
        </td>
    </tr>
</table>
&nbsp;

<script type="text/javascript">
    $( "#tdRamces" ).bind( "mouseover", function(){ $( "#logoRamces" ).attr( {src:"resources/images/logo_ramces_hover.gif"} ); } );
    $( "#tdRamces" ).bind( "mouseout", function(){ $( "#logoRamces" ).attr( {src:"resources/images/logo_ramces.gif"} ); } );

    $( "#tdKinetics" ).bind( "mouseover", function(){ $( "#logoKinetics" ).attr( {src:"resources/images/logo_cine-chim_hover.jpg"} ); } );
    $( "#tdKinetics" ).bind( "mouseout", function(){ $( "#logoKinetics" ).attr( {src:"resources/images/logo_cine-chim.jpg"} ); } );

    $( "#tdMegapoli" ).bind( "mouseover", function(){ $( "#logoMegapoli" ).attr( {src:"resources/images/logo_Megapoli_hover.png"} ); } );
    $( "#tdMegapoli" ).bind( "mouseout", function(){ $( "#logoMegapoli" ).attr( {src:"resources/images/logo_Megapoli.png"} ); } );
</script>