Changeset 362 for ether_2012/trunk/web/project/slideData.jsp

Timestamp:

01/24/12 15:28:34 (12 years ago)

Author:

vmipsl

Message:

slides

File:

• ether_2012/trunk/web/project/slideData.jsp (modified) (5 diffs)

ether_2012/trunk/web/project/slideData.jsp

@@ -1 +1 @@
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
 
-<table class="slideTable">
+<div id="logos">
+<table id="logosTable" class="slideTable">
     <tr>
         <td id="tdBalloons">
@@ -11 +12 @@
 
         <td id="tdSatellites">
-            <a href="">
+            <a href="http://ether.ipsl.jussieu.fr/etherTypo/index.php?id=29&type=1&L=1">
                 <div class="slideTableTitle"><spring:message code="label.satellites"/></div>
+                <img id="logoSatellites" src="resources/images/logo_choixParExp.jpg" width="80px" alt='<spring:message code="logo.satellites.alt"/>' title='<spring:message code="logo.satellites.alt"/>'/>
             </a>
+        </td>
 
         <td id="tdCampaigns">
-            <a href="">
-                <div class="slideTableTitle"><spring:message code="label.campaigns"/></div>
-            </a>
+            <div class="slideTableTitle"><spring:message code="label.campaigns"/></div>
+            <img id="logoCampaigns" src="resources/images/logo_choixParExp.jpg" width="80px" alt='<spring:message code="logo.campaigns.alt"/>' title='<spring:message code="logo.campaigns.alt"/>'/>
         </td>
 
@@ -24 +26 @@
             <a href="">
                 <div class="slideTableTitle"><spring:message code="label.models"/></div>
+                <img id="logoModels" src="resources/images/logo_choixParExp.jpg" width="80px" alt='<spring:message code="logo.models.alt"/>' title='<spring:message code="logo.models.alt"/>'/>
             </a>
         </td>
@@ -29 +32 @@
         <td id="tdMeteo">
             <div class="slideTableTitle"><spring:message code="label.meteo"/></div>
+            <img id="logoMeteo" src="resources/images/logo_choixParExp.jpg" width="80px" alt='<spring:message code="logo.meteo.alt"/>' title='<spring:message code="logo.meteo.alt"/>'/>
         </td>
 
         <td id="tdLinks">
             <div class="slideTableTitle"><spring:message code="label.links"/></div>
+            <img id="logoLinks" src="resources/images/logo_choixParExp.jpg" width="80px" alt='<spring:message code="logo.links.alt"/>' title='<spring:message code="logo.links.alt"/>'/>
         </td>
     </tr>
 </table>
 &nbsp;
+</div>
 
 <script type="text/javascript">
@@ -42 +48 @@
     $( "#tdBalloons" ).bind( "mouseout", function(){ $( "#logoBalloons" ).attr( {src:"resources/images/logo_ballon_s.gif"} ); } );
 
-//    $( "#tdSatellites" ).bind( "mouseover", function(){ $( "#logoReprobus" ).attr( {src:"resources/images/logo_O3_reprobus_hover.png"} ); } );
-//    $( "#tdSatellites" ).bind( "mouseout", function(){ $( "#logoReprobus" ).attr( {src:"resources/images/logo_O3_reprobus.png"} ); } );
+    $( "#tdSatellites" ).bind( "mouseover", function(){ $( "#logoSatellites" ).attr( {src:"resources/images/logo_choixParExp_hover.jpg"} ); } );
+    $( "#tdSatellites" ).bind( "mouseout", function(){ $( "#logoSatellites" ).attr( {src:"resources/images/logo_choixParExp.jpg"} ); } );
 
-//    $( "#tdCampaigns" ).bind( "mouseover", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi_hover.jpg"} ); } );
-//    $( "#tdCampaigns" ).bind( "mouseout", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi.jpg"} ); } );
+    $( "#tdCampaigns" ).bind( "mouseover", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi_hover.jpg"} ); } );
+    $( "#tdCampaigns" ).bind( "mouseout", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi.jpg"} ); } );
 
-//    $( "#tdModels" ).bind( "mouseover", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small_hover.jpg"} ); } );
-//    $( "#tdModels" ).bind( "mouseout", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small.jpg"} ); } );
+    //    $( "#tdModels" ).bind( "mouseover", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small_hover.jpg"} ); } );
+    //    $( "#tdModels" ).bind( "mouseout", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small.jpg"} ); } );
 
-//    $( "#tdMeteo" ).bind( "mouseover", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform_hover.jpg"} ); } );
-//    $( "#tdMeteo" ).bind( "mouseout", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform.jpg"} ); } );
+    //    $( "#tdMeteo" ).bind( "mouseover", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform_hover.jpg"} ); } );
+    //    $( "#tdMeteo" ).bind( "mouseout", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform.jpg"} ); } );
 
-//    $( "#tdLinks" ).bind( "mouseover", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic_hover.GIF"} ); } );
-//    $( "#tdLinks" ).bind( "mouseout", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic.GIF"} ); } );
+    //    $( "#tdLinks" ).bind( "mouseover", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic_hover.GIF"} ); } );
+    //    $( "#tdLinks" ).bind( "mouseout", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic.GIF"} ); } );
+
+    $( "#logoCampaigns" ).click(
+            function ()
+            {
+                $( "#logosTable" ).animate( {width: 'toggle'}, 5000 );
+
+                var divSubTitle = $( document.createElement( "div" ) );
+                divSubTitle.html( "toto" );
+                divSubTitle.addClass( "containerSlideTitle_subMenu_text" );
+                $( "#slide_data_title" ).append( divSubTitle );
+
+                var divSubTitleImage = $( document.createElement( "img" ) );
+                divSubTitleImage.src( "resources/icons/back.png" );
+                divSubTitleImage.width( "20px" );
+                divSubTitleImage.height( "20px" );
+                divSubTitleImage.addClass( "containerSlideTitle_subMenu_image" );
+                $( "#slide_data_title" ).append( divSubTitleImage );
+            }
+            );
 </script>