Changeset 362


Ignore:
Timestamp:
01/24/12 15:28:34 (12 years ago)
Author:
vmipsl
Message:

slides

Location:
ether_2012/trunk/web
Files:
25 added
8 edited

Legend:

Unmodified
Added
Removed

  • ether_2012/trunk/web/init.jsp

    r356 r362  
    1414        <ether:htmlJs jsFile="craftedpixelz-Craftyslide-4cd0adb/js/craftyslide.min"/> 
    1515        <ether:htmlJs jsFile="classesForJQuery/VerticalSlide"/> 
     16        <ether:htmlJs jsFile="vTicker/jquery.vticker"/> 
     17        <ether:htmlJs jsFile="jquery-slicing/slicing/js/jquery.easing.1.3"/> 
    1618 
    1719        <ether:htmlJsp jspFile="init_script"/> 
    … …  
    3436        <div id="newsTexts" class="containerEther containerNewsTexts"> 
    3537            <div class="containerNewsTextsTitle"><spring:message code="home.news"/></div> 
     38            <div id="scrollNews" class="containerScrollNews"> 
     39                <ul> 
     40                    <li><a href="http://ether.ipsl.jussieu.fr/etherTypo/?id=1399&L=1">Record Ozone loss in the Arctic this winter</a></li> 
     41                    <li><a href="http://ether.ipsl.jussieu.fr/etherTypo/index.php?id=1283&L=1">ETHER Newsletter</a></li> 
     42                    <li><a href="http://ether.ipsl.jussieu.fr/etherTypo/index.php?id=1283&L=1">ADOMOCA Newsletter</a></li> 
     43                    <li>News 4 </li> 
     44                </ul> 
     45            </div> 
    3646        </div> 
    3747 

  • ether_2012/trunk/web/init_script.jsp

    r358 r362  
    77            this.containerSlideshow = $( "#slideshow" ); 
    88            this.containerSlides = $( "#slides" ); 
     9            this.containerScrollNews = $( "#scrollNews" ); 
    910 
    1011            /** ************ EVENTS ************ **/ 
    1112            this.launchSlideShow(); 
     13            this.launchScrollNews(); 
    1214            this.createSlides(); 
    1315        }, 
    … …  
    2224 
    2325            var slideEther = new VerticalSlide( {title:initTexts["home.main.activities"], parent:this.containerSlides, id:"slide_activities", titleId:"slide_activities_title", contentId:"slide_activities_content", 
    24                 contentPage:contentSlideActivities, timeToSlide:100, 
    25                 onClick:this.onClickSlideActivities} ); 
     26                contentPage:contentSlideActivities, timeToSlide:100 } ); 
    2627            var slideData = new VerticalSlide( {title:initTexts["home.data"], parent:this.containerSlides, id:"slide_data", titleId:"slide_data_title", contentId:"slide_data_content", 
    27                 contentPage:contentSlideData, 
    28                 onClick:this.onClickSlideData} ); 
     28                contentPage:contentSlideData} ); 
    2929            var slideDataBases = new VerticalSlide( {title:initTexts["home.databases"], parent:this.containerSlides, id:"slide_databases", titleId:"slide_databases_title", contentId:"slide_databases_content", 
    30                 contentPage:contentSlideDataBases, 
    31                 onClick:this.onClickSlideDataBases} ); 
     30                contentPage:contentSlideDataBases} ); 
    3231            var slideServices = new VerticalSlide( {title:initTexts["home.services"], parent:this.containerSlides, id:"slide_services", titleId:"slide_services_title", contentId:"slide_services_content", 
    33                 contentPage:contentSlideServices, 
    34                 onClick:this.onClickSlideServices} ); 
     32                contentPage:contentSlideServices} ); 
    3533 
    36             slideEther.onClickTitle(); 
     34//            slideEther.onClickTitle(); 
     35            slideData.onClickTitle(); 
    3736        }, 
    3837 
    3938        // EVENTS ******************************************************** 
    40         onClickSlideActivities: function() 
    41         { 
    42  
    43         }, 
    44  
    45         onClickSlideData: function() 
    46         { 
    47  
    48         }, 
    49  
    50         onClickSlideDataBases: function() 
    51         { 
    52  
    53         }, 
    54  
    55         onClickSlideServices: function() 
    56         { 
    57  
    58         }, 
    5939 
    6040        // OTHERS ******************************************************** 
    … …  
    7050            } ); 
    7151        } 
     52        , 
    7253 
    73     } ); 
     54        launchScrollNews: function() 
     55        { 
     56            this.containerScrollNews.vTicker( { 
     57                speed: 500, 
     58                pause: 2500, 
     59                showItems: 4, 
     60                animation: 'fade', 
     61                mousePause: true, 
     62                height: 0, 
     63                direction: 'down' 
     64            } ); 
     65        } 
     66 
     67    } ) 
     68            ; 
     69 
    7470</script> 

  • ether_2012/trunk/web/project/slideData.jsp

    r358 r362  
    11<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> 
    22 
    3 <table class="slideTable"> 
     3<div id="logos"> 
     4<table id="logosTable" class="slideTable"> 
    45    <tr> 
    56        <td id="tdBalloons"> 
    … …  
    1112 
    1213        <td id="tdSatellites"> 
    13             <a href=""> 
     14            <a href="http://ether.ipsl.jussieu.fr/etherTypo/index.php?id=29&type=1&L=1"> 
    1415                <div class="slideTableTitle"><spring:message code="label.satellites"/></div> 
     16                <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"/>'/> 
    1517            </a> 
     18        </td> 
    1619 
    1720        <td id="tdCampaigns"> 
    18             <a href=""> 
    19                 <div class="slideTableTitle"><spring:message code="label.campaigns"/></div> 
    20             </a> 
     21            <div class="slideTableTitle"><spring:message code="label.campaigns"/></div> 
     22            <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"/>'/> 
    2123        </td> 
    2224 
    … …  
    2426            <a href=""> 
    2527                <div class="slideTableTitle"><spring:message code="label.models"/></div> 
     28                <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"/>'/> 
    2629            </a> 
    2730        </td> 
    … …  
    2932        <td id="tdMeteo"> 
    3033            <div class="slideTableTitle"><spring:message code="label.meteo"/></div> 
     34            <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"/>'/> 
    3135        </td> 
    3236 
    3337        <td id="tdLinks"> 
    3438            <div class="slideTableTitle"><spring:message code="label.links"/></div> 
     39            <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"/>'/> 
    3540        </td> 
    3641    </tr> 
    3742</table> 
    3843&nbsp; 
     44</div> 
    3945 
    4046<script type="text/javascript"> 
    … …  
    4248    $( "#tdBalloons" ).bind( "mouseout", function(){ $( "#logoBalloons" ).attr( {src:"resources/images/logo_ballon_s.gif"} ); } ); 
    4349 
    44 //    $( "#tdSatellites" ).bind( "mouseover", function(){ $( "#logoReprobus" ).attr( {src:"resources/images/logo_O3_reprobus_hover.png"} ); } ); 
    45 //    $( "#tdSatellites" ).bind( "mouseout", function(){ $( "#logoReprobus" ).attr( {src:"resources/images/logo_O3_reprobus.png"} ); } ); 
     50    $( "#tdSatellites" ).bind( "mouseover", function(){ $( "#logoSatellites" ).attr( {src:"resources/images/logo_choixParExp_hover.jpg"} ); } ); 
     51    $( "#tdSatellites" ).bind( "mouseout", function(){ $( "#logoSatellites" ).attr( {src:"resources/images/logo_choixParExp.jpg"} ); } ); 
    4652 
    47 //    $( "#tdCampaigns" ).bind( "mouseover", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi_hover.jpg"} ); } ); 
    48 //    $( "#tdCampaigns" ).bind( "mouseout", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi.jpg"} ); } ); 
     53    $( "#tdCampaigns" ).bind( "mouseover", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi_hover.jpg"} ); } ); 
     54    $( "#tdCampaigns" ).bind( "mouseout", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi.jpg"} ); } ); 
    4955 
    50 //    $( "#tdModels" ).bind( "mouseover", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small_hover.jpg"} ); } ); 
    51 //    $( "#tdModels" ).bind( "mouseout", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small.jpg"} ); } ); 
     56    //    $( "#tdModels" ).bind( "mouseover", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small_hover.jpg"} ); } ); 
     57    //    $( "#tdModels" ).bind( "mouseout", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small.jpg"} ); } ); 
    5258 
    53 //    $( "#tdMeteo" ).bind( "mouseover", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform_hover.jpg"} ); } ); 
    54 //    $( "#tdMeteo" ).bind( "mouseout", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform.jpg"} ); } ); 
     59    //    $( "#tdMeteo" ).bind( "mouseover", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform_hover.jpg"} ); } ); 
     60    //    $( "#tdMeteo" ).bind( "mouseout", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform.jpg"} ); } ); 
    5561 
    56 //    $( "#tdLinks" ).bind( "mouseover", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic_hover.GIF"} ); } ); 
    57 //    $( "#tdLinks" ).bind( "mouseout", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic.GIF"} ); } ); 
     62    //    $( "#tdLinks" ).bind( "mouseover", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic_hover.GIF"} ); } ); 
     63    //    $( "#tdLinks" ).bind( "mouseout", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic.GIF"} ); } ); 
     64 
     65    $( "#logoCampaigns" ).click( 
     66            function () 
     67            { 
     68                $( "#logosTable" ).animate( {width: 'toggle'}, 5000 ); 
     69 
     70                var divSubTitle = $( document.createElement( "div" ) ); 
     71                divSubTitle.html( "toto" ); 
     72                divSubTitle.addClass( "containerSlideTitle_subMenu_text" ); 
     73                $( "#slide_data_title" ).append( divSubTitle ); 
     74 
     75                var divSubTitleImage = $( document.createElement( "img" ) ); 
     76                divSubTitleImage.src( "resources/icons/back.png" ); 
     77                divSubTitleImage.width( "20px" ); 
     78                divSubTitleImage.height( "20px" ); 
     79                divSubTitleImage.addClass( "containerSlideTitle_subMenu_image" ); 
     80                $( "#slide_data_title" ).append( divSubTitleImage ); 
     81            } 
     82            ); 
    5883</script> 

  • ether_2012/trunk/web/resources/css/ether.css

    r356 r362  
    157157} 
    158158 
     159.containerScrollNews { 
     160    margin-top: 8px; 
     161    margin-left: 31px; 
     162    color: #165076; 
     163} 
     164 
     165.containerScrollNews ul li a { 
     166    color: #165076; 
     167} 
     168 
     169.containerScrollNews ul li:hover, .containerScrollNews ul li a:hover { 
     170    font-weight: bold; 
     171    color: #165076; 
     172} 
     173 
    159174/** ***************************************************** **/ 
    160175 
    … …  
    205220/** ***************************************************** **/ 
    206221 
     222/** ***************************************************** **/ 
     223/** *********************** SLIDES ********************** **/ 
    207224/** ***************************************************** **/ 
    208225.roundTable { 
    … …  
    241258} 
    242259 
    243 .slideTable td a:hover { 
     260.slideTable td a:hover, .slideTable td:hover a { 
    244261    color: #708090; 
    245262} 
    … …  
    260277    margin-top: 10px; 
    261278} 
     279 
     280#logos { 
     281    min-height: 193px; 
     282} 
     283 
     284/** ***************************************************** **/ 

  • ether_2012/trunk/web/resources/css/verticalSlide.css

    r356 r362  
    4747    margin-top: -2px; 
    4848    margin-left: 7px; 
     49} 
     50 
     51.containerSlideTitle_subMenu_image { 
     52    float: right; 
     53    margin-top: -2px; 
     54    margin-right: 7px; 
     55} 
     56 
     57.containerSlideTitle_subMenu_text { 
     58    float: right; 
     59    margin-top: -2px; 
     60    margin-right: 7px; 
    4961} 
    5062 

  • ether_2012/trunk/web/resources/js/classesForJQuery/VerticalSlide.js

    r353 r362  
    2222        this.contentPage = objectParameter.contentPage ? objectParameter.contentPage : false; 
    2323        this.timeToSlide = objectParameter.timeToSlide ? objectParameter.timeToSlide : 100; 
     24        this.onClick = objectParameter.onClick ? objectParameter.onClick : false; 
    2425 
    2526        // Slide div 
    … …  
    7576        if( this.contentPage ) 
    7677            this.divSlideContent.load( this.contentPage ); 
     78 
     79        if( this.onClick ) 
     80            this.onClick(); 
    7781    } 
    7882} ); 

  • ether_2012/trunk/web/src/messages_en.properties

    r358 r362  
    4444logo.megapoli.alt=Megacities: Emissions, urban, regional and Global Atmospheric POLlution and climate effects, and Integrated tools for assessment and mitigation 
    4545logo.balloons.alt=Balloon experiments 
    46 logo.satellites.alt=Satellites 
     46logo.satellites.alt=Available data in ETHER 
    4747logo.campaigns.alt=Campaigns 
    4848logo.models.alt=Models 

  • ether_2012/trunk/web/src/messages_fr.properties

    r358 r362  
    4444logo.megapoli.alt=Megacities: Emissions, urban, regional and Global Atmospheric POLlution and climate effects, and Integrated tools for assessment and mitigation 
    4545logo.balloons.alt=Ballons 
    46 logo.satellites.alt=Satellites 
     46logo.satellites.alt=Données disponibles dans ETHER 
    4747logo.campaigns.alt=Campagnes 
    4848logo.models.alt=ModÚles 
Note: See TracChangeset for help on using the changeset viewer.