Snap.load() callback function triggered too late in Safari

Question

Snap.load() callback function triggered too late in Safari

208 views Asked by Peter Romolo At 12 June 2015 at 18:28

PROBLEM

In my code MySymbolsObject.js - code reported inline just for example purposes - set a window.onload event in order to Snap.load() a svg file and save the svg fragment node in Symbols.resources

The last inline <script> set a second window.onload event containing code that uses the svg node saved in Symbols.resources

In Firefox it works flawless printing the node in the console, in Safari Symbols.resources is printed as its original 0 value in the console.

I CHECKED

in the Safari console, after the page fully loads Symbols.resources contains the node.
the expected execution order of the two onload events is respected in both the browsers.

My guess is that Snap.load() runs asynchronously so It has unpredictable behavior in different browsers.

How can resolve in Safari?

<html>
<head>

  <script type="text/javascript" src="snap.svg-min.js"></script>


  <script type="text/javascript" src="MySymbolsObject.js">

      setEvent( window, 'load', function(){ 
          Snap.load( 'pathToFile.svg', function( svgFrag ){ 
               Symbols.resources = svgFrag;
          });
      });

      Symbols = { 
          resources : 0,
          ...
      }

  </script>


  <script type="text/javascript">

      onload = function (){
          console.log( Symbols.resources )
      }

  </script>

</head>

<body> ... </body>

</html>

Original Q&A

There are 1 answers

**Peter Romolo** · Accepted Answer · 2015-06-13 12:51:32

I found a way to postpone the execution of the window.onload code until Symbols.resources is ready.

The actual code is moved in the function main(), window.onload just checks repeatedly for Symbols.resources to be ready and finally call main().

onload = function (){
    if( Symbols.resources ) main();
    else setTimeout( window.onload, 10000 );
}

function main(){
    console.log( Symbols.resources );
}

TechQA.

Snap.load() callback function triggered too late in Safari

There are 1 answers

Related Questions in JAVASCRIPT

Related Questions in SVG

Related Questions in SAFARI

Related Questions in SNAP.SVG

Popular Questions

Popular Tags

Trending Questions