1

良い一日、私は今数時間私を悩ませている問題を抱えています。それは非常に簡単です。複合コンポーネントがレンダリングされるときにJavaScriptを呼び出し/実行しようとします。htmlタグ本体とonloadでできることのように。

実行するインラインJavaScriptを参照するにはどうすればよいですか？

<cc:implementation>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false" />
    <div id="#{cc.clientId}" >

        <div id="map_canvas" style="width: 850px; height: 350px; padding: 1px; border: darkblue" />

        <script>init();</script>

        <script type="text/javascript">
            var map = null;
            function init() {
                var latlng = new google.maps.LatLng(51.5001524, -0.12623619);
                var myOptions = {
                    zoom: 7,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            }
        </script>
    </div>
    </cc:implementation>

this.init（）、＃{cc.clientId} .init（）を試してみましたが、コンテキストでJSが見つかりません。JSF / ajaxコンポーネントから実行すると、「init（）;」だけで正常に動作します。

4

1 に答える 1

5

関数が定義さinit() れる前に呼び出しています。

関数定義の後に呼び出しを置きます。

<script type="text/javascript">
    var map = null;
    function init() {
        var latlng = new google.maps.LatLng(51.5001524, -0.12623619);
        var myOptions = {
            zoom: 7,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }
</script>
<script>init();</script>

または、関数呼び出しを削除して直接実行します。定義された後に実行された<div id="map_canvas">とおりに機能します。

<script type="text/javascript">
    var map = null;
    var latlng = new google.maps.LatLng(51.5001524, -0.12623619);
    var myOptions = {
        zoom: 7,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
</script>

具体的な問題とは関係ありません。複合コンポーネントに別の設計上の欠陥があります。このコンポーネントは、同じビューで複数回再利用することはできません。<div id="map_canvas">HTMLには複数の要素が含まれることになります。HTMLに同じ要素を複数持つことidは違法です。それに応じて修正します。

<div id="#{cc.clientId}_map_canvas" ...>

と

... document.getElementById("#{cc.clientId}_map_canvas") ...
于 2011-06-15T14:22:27.107 に答える