source: ether_eccad/trunk/ECCAD_INTERFACE/JSF/page_em_landcover.jsp @ 68

Last change on this file since 68 was 68, checked in by cbipsl, 14 years ago

commit v1 eccad
  • Property svn:executable set to *
File size: 7.7 KB
Line 
1<%@ page contentType="text/html" %>
2<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
3<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
4<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
5<%@ taglib uri="http://java.sun.com/jstl/core" prefix="jstl" %>
6
7<f:view>
8<script language="JavaScript" src="../JavaScript/global.js"> </script>
9
10<script type="text/javascript">
11        function selectIt(valeur) {
12                var tableau = document.getElementsByName("select_" + valeur);
13               
14                var div = document.getElementById("select_" + valeur)
15                var tab_input = tableau[0].parentNode.parentNode.getElementsByTagName("input");
16//              var tab_input = div.parentNode.parentNode.getElementsByTagName("input");
17               
18                if (tableau[0].parentNode.parentNode.className != "liste_select") {
19                        tableau[0].parentNode.parentNode.className = "liste_select";           
20                        tab_input[0].value = "true";
21                        }
22                       
23                else {
24                        tableau[0].parentNode.parentNode.className = "valeur"; 
25                        tab_input[0].value = "false";
26                        }
27               
28                //alert(tab_input + " " + tab_input.length + " " + tab_input[0].value);
29
30        for (var i=0; i<tableau.length ; i++) {
31                tableau[i].className = "liste_out";
32        }
33       
34        //document.getElementById("action:target_selected").value = valeur;
35        }
36       
37        function mouseIn(valeur) {
38       
39        var tableau = document.getElementsByName("select_" + valeur);
40        //alert(tableau.length + " select_" + valeur);
41        for (var i=0; i<tableau.length ; i++) {
42                tableau[i].className = "liste_over";
43        }
44       
45        document.getElementById("select_" + valeur).className = "liste_over";
46       
47        }
48       
49        function mouseOut(valeur) {
50               
51        var tableau = document.getElementsByName("select_" + valeur);
52       
53        for (var i=0; i<tableau.length ; i++) {
54                tableau[i].className = "liste_out";
55        }
56        document.getElementById("select_" + valeur).className = "liste_out";   
57        }
58       
59        function init() {
60       
61                tab = document.getElementById("form_pageCritere:tableau_vegetation");
62                tableau_input = tab.getElementsByTagName("input");
63       
64       
65                for (var i=0; i<tableau_input.length; i++) {
66       
67                        if (tableau_input[i].value == "true")
68                                tableau_input[i].parentNode.parentNode.className = "liste_select";
69                }
70               
71        }
72</script>
73
74
75<head>
76                <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
77                <title>Eccad - land cover page</title>
78                <link rel="stylesheet" 
79                          href="../css/Eccad.css"
80                          type="text/css"
81                      media="all">
82                <link rel="stylesheet" href="../css/carte.css" type="text/css" media="all"/>
83        <link rel="stylesheet" href="../css/land.css" type="text/css" media="all"/>
84</head>
85
86<body onload="javascript:init();">
87        <h:form id="form_pageCritere">
88                <div id="page">
89                        <jstl:import url="./commun/bandeauhaut.jsp"/>
90
91       
92                   <div id="centre">
93                        <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" align="left" style="border: none; border-width: 0px">
94                        <tr><td width="115px">
95                                <div class="navigV">
96                                        <div style="width: 100%; margin-top: 10px" align="center">
97                                                <h:graphicImage value="/images/ECCAD_small.gif" width="100px"></h:graphicImage>
98                                        </div>
99                                        <div class="nom" style="width: 100%;">
100                                                <h:outputLink value="./page_emission.jsf"><f:verbatim>Emission Factor</f:verbatim></h:outputLink>
101                                        </div>
102                                        <div class="valeur">
103                                                Product Name : <h:commandLink styleClass="valeur" onclick="javascript:window.open('./page_metadata.jsf?produit=#{emissionBean.facteur.produit.id_item}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="#{emissionBean.facteur.produit.name_item}"/>
104                                        </div>
105                                        <div class="valeur">
106                                                Emission :<h:outputText value="#{emissionBean.facteur.gaz.name_item}"></h:outputText>
107                                        </div>
108                                        <div class="nom" style="width: 100%;">
109                                                <h:outputLink value="./page_em_landcover.jsf"><f:verbatim>Land Cover</f:verbatim></h:outputLink>
110                                        </div>
111                                        <div class="valeur">
112<h:commandLink styleClass="valeur" onclick="javascript:window.open('./page_metadata.jsf?produit=#{emissionBean.landcover.landproduit.id_item}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="#{emissionBean.landcover.landproduit.name_item}"/>
113                                        </div>
114                                        <div class="valeur">
115                                                <h:dataTable var="classSelection" value="#{emissionBean.landcover.selectedClass}" styleClass="recap" rowClasses="recap">
116                                                        <h:column>
117                                                        <h:outputText escape="false" value="- &nbsp;"/><h:outputText value="#{classSelection}" />
118                                                        </h:column>
119                                                </h:dataTable>
120                                        </div>
121                                        <div class="nom" style="width: 100%;">
122                                                Burnt Area
123                                        </div>
124                                        <div class="valeur">
125                                                none
126                                        </div>
127                                       
128                           </div><!-- ferme navigV -->
129
130                        </td><td valign="top">
131                                <div class="contenu">
132                                        <div class="pageEccad">
133                                                <div class="selection">
134                                                        <div class="bloc" style="width: 80%; margin-left: 5px">
135                                                                <div class="legendbloc">Product Selection</div>
136                                                                <table width="100%">
137                                                                        <tr><td class="valeur" width="30%">
138                                                                            <h:outputText value="Product"/>
139                                                                        </td><td class="valeur" width="70%" align="left">
140                                                                                <h:selectOneMenu style="width: 70%;" value="#{emissionBean.landcover.landproduit.id_item}">
141                                                                                        <f:selectItems value="#{emissionBean.landcover.landproduit.liste_item}"/>
142                                                                                </h:selectOneMenu>
143                                                                        </td></tr>
144                                                                        <tr>
145                                                                        <td class="valeur" width="30%" valign="top">
146                                                                                <h:outputText value="Description"/>
147                                                                                <div align="center" style="width: 100%; padding-top: 10px;">
148                                                                                        <h:commandLink onclick="javascript:window.open('./page_metadata.jsf?produit=#{emissionBean.landcover.landproduit.id_item}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="More information"/>
149                                                                                </div>
150                                                                        </td>
151                                                                        <td>
152                                                                                <div class="valeur" style="width: 70%; height: 80px; overflow: auto;">
153                                                                                <h:outputText value="#{emissionBean.landcover.landproduit.header_item}" />
154                                                                        </div>
155                                                                        </td></tr>
156                                                                </table>
157                                                        </div>
158                                                       
159                                                        <div class="bloc" style="width: 80%; margin-left: 5px;">
160                                                                <div class="legendbloc" >Class Selection</div> 
161                                                               
162                         <h:dataTable width="99%" styleClass="valeur" style="text-align: left; margin-top: 15px;"
163                         value="#{emissionBean.landcover.liste_vegetation}" var="vegetation" 
164                         cellpadding="5" cellspacing="1px"
165                         id="tableau_vegetation"
166                         >
167                         
168                         <h:column rendered="true">
169                            <h:inputHidden value="#{vegetation.selected}" valueChangeListener=""/>
170                            <h:outputText escape="false" value="<div class=\"liste_out\" onmouseout=\"mouseOut(#{vegetation.id});\" onmouseover=\"mouseIn(#{vegetation.id});\" style=\"width=100%;\" onclick=\"selectIt(#{vegetation.id});\" name=\"select_#{vegetation.id}\" id=\"select_#{vegetation.id}\">"></h:outputText>
171                            <h:outputText value="#{vegetation.nom}" />
172                            <h:outputText escape="false"  value="</div>"></h:outputText>
173                         </h:column>
174                                         
175                         
176                        </h:dataTable>
177                        <div style="color: red; font-weight: bold;"><h:outputText value="#{emissionBean.landcover.message}"></h:outputText> </div>
178                                                        </div>
179                                        <div class="bloc" style="position: relative; margin-left: 5px; width: 80%; height: 50px; margin-top: 40px; border-style: none;background-color: transparent;">
180                                                <div style="position: absolute; right: 10px">
181                                                        <h:commandButton action="#{emissionBean.nextBurntArea}" styleClass="commandbouton" style="width: 150px; height: 30px;" value="next step" ></h:commandButton>
182                                                </div>
183                                        </div><!-- ferme conteneur bouton -->   
184                                       
185                                                </div><!-- ferme selection -->
186                                                <p style="clear: both"/>       
187                                       
188                                        </div><!-- ferme page eccad -->
189                                <div id="force_largeur" style="position:relative; width: 730px; height: 1px; background-color: transparent;"></div>
190                                </div><!-- ferme contenu -->
191                                </td></tr>
192                                </table>
193                        </div><!-- ferme centre -->
194                </div><!-- ferme page -->
195        </h:form>       
196               
197</body> 
198</f:view>
199
200
201
202
Note: See TracBrowser for help on using the repository browser.