tutorials.de Buch-Aktion 05/2012
Seite 2 von 2 ErsteErste 12
ERLEDIGT
NEIN
ANTWORTEN
17
ZUGRIFFE
11057
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 21.08.08 10:01 #16
    y0dA y0dA ist offline Mitglied Brokat
    Registriert seit
    Mar 2007
    Beiträge
    263
    Sry hatte ganz vergessen dass du mich im ICQ angeschrieben hattest und diesesn Thread habe ich ebenfalls vergessen ;( (habs sehr stressig immo).

    Poste mal deine JSP - du hast wohl 3 verschiedens JSF Taglibs eingebunden.

    Welche myFaces Version verwendest du?
    Welche Tomahawk Version?
    Welche RichFaces Version?

    etc.

    mfg
     
    Zitieren Zitieren
  2. 21.08.08 10:36 #17
    schlumsch schlumsch ist offline Mitglied Silber
    Registriert seit
    Aug 2008
    Beiträge
    98
    Jo, ok....

    Also ich benutze keine JSPs, das einzige was ich "gebrauche" ist mein Bean und zur Darstellung dessen meine XHTML. Ich benutze auch keine MyFaces sondern lediglich Richfaces (Version 3.1.4 glaube ich) und die gmap-Komponente hierzu ... http://livedemo.exadel.com/richfaces...map.jsf?c=gmap ...
    Achja und JBoss Portal 2.6.5-SP1.


    Nun habe ich eigentlich 2 Probleme, mal zuerst zum wichtigsten:

    1)
    Was ich machen möchte ist, aus meinem Bean die Daten holen. Das sind einmal Long und Lat und darüber hinaus Name, Adresse usw.
    Nun soll die XHTML-Page 3geteilt sein, einmal die Map mit Pins, danebenm eine Tabelle wo alle Orte des Beans mit ihrem Namen gelistet sind. (soweit bin ich auch schon). Nun soll darunter eine weitere große Spaltze ion der Page angezeigt werden, wo die spezifischen Daten des gewählten Ortes angezeigt werden. Mein Problem liegt also darin, die Auswahl und die daraufhin anstehenden Aktualisierungen der Seitenabschnitte anzupassen. Spirch der Nutzer klickt auf einen Pin --> links in der Tabelle wird der entsprechende Eintrag gehighlighted --> unten werden alle Propüerties aus dem bean angezeigt.
    In diesem großen Abschnitt der Page sollen ebenfalls Bilder in Abhängigkeit einer Property-Ausprägung angezeigt werden....


    Das bean ist ja noch gleich, also poste ich mal nur mein derzeitiges XHTML:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154

     
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:rich="http://richfaces.org/rich"
           xmlns:gmap="http://labs.jboss.com/jbossrichfaces/ui/gmap"
      xmlns:a4j="http://richfaces.org/a4j">
 
 
 
<h:form>
    <h:panelGrid  columns="2" border="1">
        <h:panelGroup>
            <h:outputText value="wenigstens die textausgabe sollte ja klappen verdammt!"/>
        </h:panelGroup>
        <h:panelGroup>
        <h:graphicImage value="/jsf/pics/wc_r.png" title="This is demo" width="32" height="32"/>
        </h:panelGroup>
    </h:panelGrid>
 
<rich:spacer height="100" />
 
<h:panelGrid  columns="2" border="1">
    <h:panelGroup>
    
    
    
    <h:panelGrid  columns="2" border="5">   
    <rich:gmap id="gm2" lat="9.5391" lng="97.9405" zoom="11" gmapVar="map2"
     gmapKey="...derkeyhalt...g"
      style="width:500px;height:400px" />
<!-- JScript Funktionen der Map: -->
     <h:panelGroup>
        Controls:<br />
        <a href="javascript:void(0);" onclick="map2.hideControls();return false;">Remove</a>
        <a href="javascript:void(0);" onclick="map2.showControls();return false;">Show</a>
        <br /><br />
        Type:<br/>
        <a href="javascript:void(0);" onclick="map2.setMapType(G_NORMAL_MAP);return false;">Normal</a>
        <a href="javascript:void(0);" onclick="map2.setMapType(G_SATELLITE_MAP);return false;">Satellite</a>
        <a href="javascript:void(0);" onclick="map2.setMapType(G_HYBRID_MAP);return false;">Hybrid</a>
        <br /><br />
        Zoom:<br/>
        <a href="javascript:void(0);" onclick="map2.zoomIn();return false;">Zoom ++</a>
        <a href="javascript:void(0);" onclick="map2.zoomOut();return false;">Zoom --</a>
        <br /><br />
        <a href="javascript:void(0);" onclick="zoomIt();return false;">zoom_von_Bean</a>
        <br /><br />
        <a href="javascript:void(0);" onclick="initializePoints();return false;">a4j-Test</a>
        <br /><br />    
    </h:panelGroup>
    </h:panelGrid>
 
        <script>
          function zoomIt() {
           map2.setZoom(#{Bean.zoom});
          }
 
       
      function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }
 
       
 
       
        function setCenter(lag, lat, zoom) {
 
           map2.setCenter(new GLatLng(lag, lat), zoom);
           var ulp = new GPoint(lag,lat);
      var ul = G_NORMAL_MAP.getProjection().fromPixelToLatLng(ulp,zoom); 
           
        }
       </script>
 
 
 
<script type="text/javascript">
   //<![CDATA[
    function createPoints(data) {
        for (var i = 0; data.length; i++) {
            var point = new GLatLng(data[i].latitude, data[i].longitude);
            map2.setCenter(point);  
            map2.setZoom(16);           
            map2.addOverlay(createMarkerWithIdentifier(point, data[i].beschreibung));
        }   
 
    } 
    
    function createMarkerWithIdentifier(point, beschreibung) {
      var marker = new GMarker(point);
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(beschreibung);
      });
      return marker;
    }   
    //]]>
</script>
     
        <a4j:jsFunction name="initializePoints" data="#{Bean.hotels}"
                oncomplete="createPoints(data)">
            </a4j:jsFunction>
 
 
        
        </h:panelGroup>
        <h:panelGroup>
  
<rich:panel>
<f:facet name="header">
verfuegbare Hotels:
</f:facet>
Bemerkung: man darf keine speziellen Umlaute des deutschen Alphabets benutzen, welche
allesamt sprachgeschichtlich i-Laute sind, also ae, ue, oe... *NARF!*
 
 
<rich:scrollableDataTable id="uTable" value="#{Bean.hotels}" var="hotel"
    frozenColCount="1" rowKeyVar="rkv"
    row="25" width="300px" height="300px" sortMode="single">
        <rich:column width="50">
            <h:outputText value="#{hotel.name}" />
        </rich:column>
        <rich:column width="250">
            <h:outputText value="#{hotel.adresse}" />
        </rich:column>
    </rich:scrollableDataTable>
</rich:panel>   
</h:panelGroup>
    </h:panelGrid>
 
<rich:spacer height="5" />
 
<!--    hier sollen die unterschiedlichen Bilder ja nach Propertywert
angezeigt werden
    <h:graphicImage value="/jsf/pics/bar.png"/>
    <h:graphicImage value="/jsf/pics/buchung.png"/> ...
 -->    
 
 
 
<a4j:commandButton action="Hotels"
        style="height : 24px; width : 160px;" value="Hotels">
        </a4j:commandButton>
</h:form>
 
</ui:composition>
     
    Zitieren Zitieren
  3. 21.08.08 11:47 #18
    schlumsch schlumsch ist offline Mitglied Silber
    Registriert seit
    Aug 2008
    Beiträge
    98
    Was ich mir geacht hatte war ein Element der Seite mit einer ID zu kennzeichnen und dann dort die entsprechenden Werte einzutragen. Selbst das will aber nicht wirklich gelingen. Den String bastelt er mir wunderbar zusammen, aber angezeigt bekomme ich ihn in zugehörigen "<div>" leider nicht

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:rich="http://richfaces.org/rich"
           xmlns:gmap="http://labs.jboss.com/jbossrichfaces/ui/gmap"
      xmlns:a4j="http://richfaces.org/a4j">
 
 
 
<h:form>
    ...
 
<rich:spacer height="100" />
 
<h:panelGrid  columns="2" border="1">
    <h:panelGroup>
    
    
    
    <h:panelGrid  columns="2" border="5">   
    <rich:gmap id="gm2" lat="9.5391" lng="97.9405" zoom="11" gmapVar="map2"
     gmapKey="..."
      style="width:500px;height:400px" />
<!-- JScript Funktionen der Map: -->
     <h:panelGroup>
        Controls:<br />
        <a href="javascript:void(0);" onclick="map2.hideControls();return false;">Remove</a>
        <a href="javascript:void(0);" onclick="map2.showControls();return false;">Show</a>
        <br /><br />
        Type:<br/>
        <a href="javascript:void(0);" onclick="map2.setMapType(G_NORMAL_MAP);return false;">Normal</a>
        <a href="javascript:void(0);" onclick="map2.setMapType(G_SATELLITE_MAP);return false;">Satellite</a>
        <a href="javascript:void(0);" onclick="map2.setMapType(G_HYBRID_MAP);return false;">Hybrid</a>
        <br /><br />
        Zoom:<br/>
        <a href="javascript:void(0);" onclick="map2.zoomIn();return false;">Zoom ++</a>
        <a href="javascript:void(0);" onclick="map2.zoomOut();return false;">Zoom --</a>
        <br /><br />
        
        <a href="javascript:void(0);" onclick="zoomIt();return false;">zoom_von_Bean</a>
        <br /><br />
        <a href="javascript:void(0);" onclick="initializePoints();return false;">a4j-Test</a>
        <br /><br />    
    </h:panelGroup>
    </h:panelGrid>
 
 
<script type="text/javascript">
   //<![CDATA[
           
        var side_bar_html = "";
        var gmarkers = [];
        var htmls = [];
        var a = 0;
        
          function zoomIt() {
           map2.setZoom(#{Bean.zoom});
          }
 
       
      function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }
 
       
 
           
        function setCenter(lag, lat, zoom) {
 
           map2.setCenter(new GLatLng(lag, lat), zoom);
           var ulp = new GPoint(lag,lat);
      var ul = G_NORMAL_MAP.getProjection().fromPixelToLatLng(ulp,zoom); 
           
        }
 
 
 
 
 
 
        function myclick(i) {
            gmarkers[i].openInfoWindowHtml(htmls[i]);
          }
        
    function createPoints(data) {
        for (var i = 0; data.length; i++) {
            var point = new GLatLng(data[i].latitude, data[i].longitude);
            map2.setCenter(point);  
            map2.setZoom(16);
//            gmarkers[a] = marker;
//            htmls[a] = beschreibung;
              side_bar_html += '<a href="javascript:myclick(' + a + ')">' + data[i].beschreibung + '</a><br>';
              alert(side_bar_html);
               a++;   
            map2.addOverlay(createMarkerWithIdentifier(point, data[i].beschreibung));
        }   
        document.getElementById("side_bar").innerHTML = side_bar_html;          
// keine eigenschaft innerHTML bei einem Panel
    } 
 
    
    
 
    
    function createMarkerWithIdentifier(point, beschreibung) {
      var marker = new GMarker(point);
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(beschreibung);
      });
      return marker;
 
    }   
    //]]>
</script>
     
        <a4j:jsFunction name="initializePoints" data="#{Bean.hotels}"
                oncomplete="createPoints(data)">
            </a4j:jsFunction>
 
 
        
        </h:panelGroup>
        <h:panelGroup>
                                                            
<div id="side_bar">
 
</div>  
</h:panelGroup>
    </h:panelGrid>
 
<rich:spacer height="5" />
 
<!--    
    <h:graphicImage value="/jsf/pics/bar.png"/>
    <h:graphicImage value="/jsf/pics/behindertengerecht.png"/>
    <h:graphicImage value="/jsf/pics/buchung.png"/>
    <h:graphicImage value="/jsf/pics/fruehstueck.png"/>
    <h:graphicImage value="/jsf/pics/haustiere.png"/>
    <h:graphicImage value="/jsf/pics/kueche.png"/>
    <h:graphicImage value="/jsf/pics/parkplatz.png"/>
    <h:graphicImage value="/jsf/pics/restaurant.png"/>
    <h:graphicImage value="/jsf/pics/spa.png"/>
    <h:graphicImage value="/jsf/pics/tv.png"/>
    <h:graphicImage value="/jsf/pics/vorkasse.png"/>
    <h:graphicImage value="/jsf/pics/wc.png"/>
    <h:graphicImage value="/jsf/pics/wlan.png"/>
    
 -->    
 
 
 
<a4j:commandButton action="Hotels"
        style="height : 24px; width : 160px;" value="Hotels">
        </a4j:commandButton>
</h:form>
 
</ui:composition>
    Geändert von schlumsch (21.08.08 um 12:03 Uhr)
     
    Zitieren Zitieren
« Eclipse 3.4 ist da! | JSR 168, Jakarta Taglibs »

Ähnliche Themen

  1. Frage zu Google Maps
    Von Primus852 im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 05.12.10, 00:11
  2. Google Maps "ReverseGeocoding"-Bsp. auf mehrere Maps anwenden
    Von jbender im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 30.03.10, 21:06
  3. Google Maps api
    Von Aurora-One im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 01.02.10, 21:15
  4. Google Maps API
    Von walle_89 im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 08.09.09, 10:15
  5. Google Maps
    Von weissi im Forum PHP
    Antworten: 12
    Letzter Beitrag: 03.02.09, 08:07