ansaurus

Question

XSLT, Doctype and Google-Map v3 not working

Answer 1

A:

The correct way to declare stylesheet DOCTYPE:

<!DOCTYPE xsl:stylesheet [ 
  <!ENTITY % HTMLlat1 PUBLIC
       "-//W3C//ENTITIES Latin 1 for XHTML//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml-lat1.ent"&gt;
  %HTMLlat1;
  <!ENTITY % HTMLspecial PUBLIC
        "-//W3C//ENTITIES Special for XHTML//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml-special.ent"&gt;
  %HTMLspecial;
  <!ENTITY % HTMLsymbol PUBLIC
        "-//W3C//ENTITIES Symbols for XHTML//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml-symbol.ent"&gt;
  %HTMLsymbol;
]>

Alejandro 2010-08-24 12:52:38

@Alejandro, is 1) my code not working and 2) your code working for you? because I've got the same error when I try your example (and for XSLT v2, don't know where I got this number, I'll change it back to v1, where it belongs!)

Kevin 2010-08-24 13:03:06

Answer 2

A:

the solution is to use the callback parameter of the GoogleMap API:

http://maps.google.com/maps/api/js?sensor=false&callback={myInitFunction}

Indeed, as we can see in the generated JS script, they don't insert their code the same way:

With callback:

function getScript(src) {
    var s = document.createElement('script');

    s.src = src;
    document.body.appendChild(s);
  }

Without callback:

function getScript(src) {
document.write('<' + 'script src="' + src + '"' +
               ' type="text/javascript"><' + '/script>');
}

where document.write might be forbidden ...

(however, I don't really understand why they use two different code for the same action, maybe just to solve our problem :)

thanks to this blog for the tutorial

Kevin 2010-08-28 16:00:20

Answer 3

A:

The issue here is that the XSLT output in FF does not behave like static HTML.

In a static HTML page, the GMap script is loaded synchronously so that, when the body.onload event fires, the script is already loaded.

In the XSLT output, the script is still loading when body.onload fires.

I worked around the issue this way (what follows is the XSLT output):

<html>
<head>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;amp;callback=onLoadCode"&gt;&lt;/script&gt;
    <script type="text/javascript">
        function onLoadMaps()
        {
            /// init the maps here
        }

        var zOnLoadCode = false;
        var zOnLoadBody = false;
        function onLoadCode() { zOnLoadCode = true; }
        function onLoadBody() { zOnLoadBody = true; }
        var onLoadTimer = window.setInterval(function() {
            if(zOnLoadCode && zOnLoadBody) {
                window.clearInterval(onLoadTimer);
                onLoadMaps();
            }
        },100,"javascript");
    </script>
</head>
<body onload="onLoadBody();">
    <!-- put your maps here -->
</body>

That is, I used the GMap callback URL param to signal when the script is loaded and the body.onload event to signal when the page is ready, then I wait until both have been fired.

Alessandro Angeli 2010-10-21 01:49:12

thanks for you anwser, but in my case, the callback is enough to bypass the problem, no need to check if everything else is already loaded!

Kevin 2010-10-21 08:18:05

ansaurus

tags:

views:

answers:

XSLT, Doctype and Google-Map v3 not working

related questions