source: ether_2012/trunk/web/project/slideActivities.jsp @ 356

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

<table class="slideTable">
    <tr>
        <td id="tdMimosa">
            <a href="http://ether.ipsl.jussieu.fr/ether/pubipsl/mimosa_uk.jsp">
                <div class="slideTableTitle">MIMOSA</div>
                <img id="logoMimosa" src="resources/images/logo_mimosa.png" width="80px" alt='<spring:message code="logo.mimosa.alt"/>' title='<spring:message code="logo.mimosa.alt"/>'/>
            </a>
        </td>

        <td id="tdReprobus">
            <a href="http://ether.ipsl.jussieu.fr/ether/pubipsl/reprobus_uk.jsp">
                <div class="slideTableTitle">REPROBUS</div>
                <img id="logoReprobus" src="resources/images/logo_O3_reprobus.png" width="80px" alt='<spring:message code="logo.reprobus.alt"/>' title='<spring:message code="logo.reprobus.alt"/>'/>
            </a>

        <td id="tdIasi">
            <a href="http://ether.ipsl.jussieu.fr/etherTypo/index.php?id=ether-exp&type=1&exp=IASI&view=MAIN&L=1">
                <div class="slideTableTitle">IASI</div>
                <img id="logoIasi" src="resources/images/logo_iasi.jpg" width="80px" alt='<spring:message code="logo.iasi.alt"/>' title='<spring:message code="logo.iasi.alt"/>'/>
            </a>
        </td>

        <td id="tdTropico">
            <a href="http://ether.ipsl.jussieu.fr/ether/pubipsl/mimosa_uk_trop.jsp">
                <div class="slideTableTitle">TRO-pico</div>
                <img id="logoTropico" src="resources/images/logo_tropico_small.jpg" width="80px" alt='<spring:message code="logo.tropico.alt"/>' title='<spring:message code="logo.tropico.alt"/>'/>
            </a>
        </td>

        <td id="tdGeisa">
            <div class="slideTableTitle">GEISA</div>
            <img id="logoGeisa" src="resources/images/logo_Geisa76-50deform.jpg" width="80px" alt='<spring:message code="logo.geisa.alt"/>' title='<spring:message code="logo.geisa.alt"/>'/>
        </td>

        <td id="tdMozaic">
            <div class="slideTableTitle">Mozaic</div>
            <img id="logoMozaic" src="resources/images/logo_mozaic.GIF" width="80px" alt='<spring:message code="logo.geisa.alt"/>' title='<spring:message code="logo.geisa.alt"/>'/>
        </td>

        <td id="tdEccad">
            <a href="http://ether.ipsl.jussieu.fr/eccad">
                <div class="slideTableTitle">ECCAD</div>
                <img id="logoEccad" src="resources/images/logo_ECCAD_small.gif" width="80px" alt='<spring:message code="logo.eccad.alt"/>' title='<spring:message code="logo.eccad.alt"/>'/>
            </a>
        </td>

        <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">
    $( "#tdMimosa" ).bind( "mouseover", function()
    {
        $( "#logoMimosa" ).attr( {src:"resources/images/logo_mimosa_hover.png"} );
    } );
    $( "#tdMimosa" ).bind( "mouseout", function()
    {
        $( "#logoMimosa" ).attr( {src:"resources/images/logo_mimosa.png"} );
    } );

    $( "#tdReprobus" ).bind( "mouseover", function()
    {
        $( "#logoReprobus" ).attr( {src:"resources/images/logo_O3_reprobus_hover.png"} );
    } );
    $( "#tdReprobus" ).bind( "mouseout", function()
    {
        $( "#logoReprobus" ).attr( {src:"resources/images/logo_O3_reprobus.png"} );
    } );

    $( "#tdIasi" ).bind( "mouseover", function()
    {
        $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi_hover.jpg"} );
    } );
    $( "#tdIasi" ).bind( "mouseout", function()
    {
        $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi.jpg"} );
    } );

    $( "#tdTropico" ).bind( "mouseover", function()
    {
        $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small_hover.jpg"} );
    } );
    $( "#tdTropico" ).bind( "mouseout", function()
    {
        $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small.jpg"} );
    } );

    $( "#tdGeisa" ).bind( "mouseover", function()
    {
        $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform_hover.jpg"} );
    } );
    $( "#tdGeisa" ).bind( "mouseout", function()
    {
        $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform.jpg"} );
    } );

    $( "#tdMozaic" ).bind( "mouseover", function()
    {
        $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic_hover.GIF"} );
    } );
    $( "#tdMozaic" ).bind( "mouseout", function()
    {
        $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic.GIF"} );
    } );

    $( "#tdEccad" ).bind( "mouseover", function()
    {
        $( "#logoEccad" ).attr( {src:"resources/images/logo_ECCAD_small_hover.gif"} );
    } );
    $( "#tdEccad" ).bind( "mouseout", function()
    {
        $( "#logoEccad" ).attr( {src:"resources/images/logo_ECCAD_small.gif"} );
    } );

    $( "#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>