readLocal.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: reading local file using jQuery.get Pages: 1 -->
<svg width="628pt" height="425pt"
 viewBox="0.00 0.00 628.44 424.74" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 420.7401)">
<title>reading local file using jQuery.get</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-420.7401 624.4446,-420.7401 624.4446,4 -4,4"/>
<!-- ok -->
<g id="node1" class="node">
<title>ok</title>
<ellipse fill="none" stroke="#000000" cx="115.4446" cy="-18" rx="27" ry="18"/>
<text text-anchor="middle" x="115.4446" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">OK</text>
</g>
<!-- html -->
<g id="node2" class="node">
<title>html</title>
<ellipse fill="none" stroke="#000000" cx="60.4446" cy="-398.7401" rx="60.3893" ry="18"/>
<text text-anchor="middle" x="60.4446" y="-395.0401" font-family="Times,serif" font-size="14.00" fill="#000000">open html as?</text>
</g>
<!-- html&#45;&gt;ok -->
<g id="edge1" class="edge">
<title>html&#45;&gt;ok</title>
<path fill="none" stroke="#000000" d="M55.1169,-380.588C50.4625,-363.1106 44.4446,-335.8513 44.4446,-311.7401 44.4446,-311.7401 44.4446,-311.7401 44.4446,-128.8701 44.4446,-93.2455 70.7621,-59.9032 91.3516,-39.269"/>
<polygon fill="#000000" stroke="#000000" points="93.8498,-41.7222 98.6186,-32.2613 88.9907,-36.6833 93.8498,-41.7222"/>
<text text-anchor="middle" x="60.9446" y="-221.0401" font-family="Times,serif" font-size="14.00" fill="#000000">http://</text>
</g>
<!-- browser -->
<g id="node3" class="node">
<title>browser</title>
<ellipse fill="none" stroke="#000000" cx="196.4446" cy="-311.7401" rx="42.7926" ry="18"/>
<text text-anchor="middle" x="196.4446" y="-308.0401" font-family="Times,serif" font-size="14.00" fill="#000000">browser?</text>
</g>
<!-- html&#45;&gt;browser -->
<g id="edge2" class="edge">
<title>html&#45;&gt;browser</title>
<path fill="none" stroke="#000000" d="M86.0252,-382.3761C108.1313,-368.2347 140.1957,-347.7229 164.0824,-332.4424"/>
<polygon fill="#000000" stroke="#000000" points="166.2612,-335.2036 172.7989,-326.8664 162.489,-329.3069 166.2612,-335.2036"/>
<text text-anchor="middle" x="154.4446" y="-351.5401" font-family="Times,serif" font-size="14.00" fill="#000000">file:///</text>
</g>
<!-- chromium -->
<g id="node4" class="node">
<title>chromium</title>
<ellipse fill="none" stroke="#000000" cx="196.4446" cy="-128.8701" rx="124.4016" ry="26.7407"/>
<text text-anchor="middle" x="196.4446" y="-132.6701" font-family="Times,serif" font-size="14.00" fill="#000000">&#45;&#45;allow&#45;file&#45;access&#45;from&#45;files</text>
<text text-anchor="middle" x="196.4446" y="-117.6701" font-family="Times,serif" font-size="14.00" fill="#000000">option available?</text>
</g>
<!-- browser&#45;&gt;chromium -->
<g id="edge3" class="edge">
<title>browser&#45;&gt;chromium</title>
<path fill="none" stroke="#000000" d="M196.4446,-293.5373C196.4446,-263.9744 196.4446,-204.9362 196.4446,-166.1758"/>
<polygon fill="#000000" stroke="#000000" points="199.9447,-165.8224 196.4446,-155.8224 192.9447,-165.8225 199.9447,-165.8224"/>
<text text-anchor="middle" x="225.4446" y="-228.5401" font-family="Times,serif" font-size="14.00" fill="#000000">chromium</text>
<text text-anchor="middle" x="225.4446" y="-213.5401" font-family="Times,serif" font-size="14.00" fill="#000000">opera</text>
</g>
<!-- firefox -->
<g id="node5" class="node">
<title>firefox</title>
<ellipse fill="none" stroke="#000000" cx="440.4446" cy="-224.7401" rx="83.6854" ry="18"/>
<text text-anchor="middle" x="440.4446" y="-221.0401" font-family="Times,serif" font-size="14.00" fill="#000000">strict_origin_policy?</text>
</g>
<!-- browser&#45;&gt;firefox -->
<g id="edge6" class="edge">
<title>browser&#45;&gt;firefox</title>
<path fill="none" stroke="#000000" d="M229.3516,-300.0069C269.8767,-285.5574 339.2395,-260.8255 387.3424,-243.6741"/>
<polygon fill="#000000" stroke="#000000" points="388.7215,-246.8983 396.9652,-240.243 386.3705,-240.3049 388.7215,-246.8983"/>
<text text-anchor="middle" x="351.9446" y="-264.5401" font-family="Times,serif" font-size="14.00" fill="#000000">firefox</text>
</g>
<!-- chromium&#45;&gt;ok -->
<g id="edge4" class="edge">
<title>chromium&#45;&gt;ok</title>
<path fill="none" stroke="#000000" d="M136.9562,-105.2329C128.797,-99.4865 121.4987,-92.4814 116.4446,-84 109.7077,-72.6944 108.814,-58.2499 109.8767,-45.758"/>
<polygon fill="#000000" stroke="#000000" points="113.3487,-46.1988 111.1442,-35.8359 106.4052,-45.3117 113.3487,-46.1988"/>
<text text-anchor="middle" x="125.9446" y="-65.3" font-family="Times,serif" font-size="14.00" fill="#000000">yes</text>
</g>
<!-- no -->
<g id="node7" class="node">
<title>no</title>
<ellipse fill="none" stroke="#000000" cx="470.4446" cy="-18" rx="27" ry="18"/>
<text text-anchor="middle" x="470.4446" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#ff0000">NO!</text>
</g>
<!-- chromium&#45;&gt;no -->
<g id="edge5" class="edge">
<title>chromium&#45;&gt;no</title>
<path fill="none" stroke="#000000" d="M168.727,-102.5933C155.8327,-87.2325 145.8365,-68.1465 158.4446,-54 176.4405,-33.8083 353.9683,-23.2902 432.9211,-19.58"/>
<polygon fill="#000000" stroke="#000000" points="433.5511,-23.055 443.3806,-19.1014 433.2311,-16.0623 433.5511,-23.055"/>
<text text-anchor="middle" x="204.4446" y="-72.8" font-family="Times,serif" font-size="14.00" fill="#ff0000">no</text>
<text text-anchor="middle" x="204.4446" y="-57.8" font-family="Times,serif" font-size="14.00" fill="#ff0000">(e.g. on android)</text>
</g>
<!-- using -->
<g id="node6" class="node">
<title>using</title>
<ellipse fill="none" stroke="#000000" cx="440.4446" cy="-128.8701" rx="33.5952" ry="18"/>
<text text-anchor="middle" x="440.4446" y="-125.1701" font-family="Times,serif" font-size="14.00" fill="#000000">using?</text>
</g>
<!-- firefox&#45;&gt;using -->
<g id="edge8" class="edge">
<title>firefox&#45;&gt;using</title>
<path fill="none" stroke="#000000" d="M440.4446,-206.7077C440.4446,-192.8695 440.4446,-173.4956 440.4446,-157.5387"/>
<polygon fill="#000000" stroke="#000000" points="443.9447,-157.1475 440.4446,-147.1476 436.9447,-157.1476 443.9447,-157.1475"/>
<text text-anchor="middle" x="454.9446" y="-177.5401" font-family="Times,serif" font-size="14.00" fill="#000000">False</text>
</g>
<!-- firefox&#45;&gt;no -->
<g id="edge7" class="edge">
<title>firefox&#45;&gt;no</title>
<path fill="none" stroke="#000000" d="M473.6658,-208.0253C513.5346,-185.8695 578.3922,-142.6316 605.4446,-84 611.0307,-71.8932 613.5678,-64.5732 605.4446,-54 593.5075,-38.4625 542.8738,-28.1986 507.1374,-22.74"/>
<polygon fill="#000000" stroke="#000000" points="507.4428,-19.2476 497.0416,-21.2636 506.4298,-26.1739 507.4428,-19.2476"/>
<text text-anchor="middle" x="607.4446" y="-125.1701" font-family="Times,serif" font-size="14.00" fill="#ff0000">True</text>
</g>
<!-- using&#45;&gt;ok -->
<g id="edge9" class="edge">
<title>using&#45;&gt;ok</title>
<path fill="none" stroke="#000000" d="M409.1234,-121.6061C363.9786,-110.9628 284.7669,-91.5743 273.4446,-84 259.4803,-74.6582 264.4178,-63.3286 250.4446,-54 220.9782,-34.3278 181.1891,-25.3846 152.449,-21.3313"/>
<polygon fill="#000000" stroke="#000000" points="152.7628,-17.843 142.4001,-20.0484 151.8763,-24.7867 152.7628,-17.843"/>
<text text-anchor="middle" x="360.9446" y="-72.8" font-family="Times,serif" font-size="14.00" fill="#000000">jQuery.getJSON</text>
<text text-anchor="middle" x="360.9446" y="-57.8" font-family="Times,serif" font-size="14.00" fill="#000000">jQuery.get+window.setTimeout</text>
</g>
<!-- using&#45;&gt;no -->
<g id="edge10" class="edge">
<title>using&#45;&gt;no</title>
<path fill="none" stroke="#000000" d="M445.3985,-110.5621C450.1603,-92.9642 457.4218,-66.1279 462.9021,-45.8746"/>
<polygon fill="#000000" stroke="#000000" points="466.3494,-46.5343 465.5829,-35.9673 459.5924,-44.7059 466.3494,-46.5343"/>
<text text-anchor="middle" x="530.4446" y="-72.8" font-family="Times,serif" font-size="14.00" fill="#ff0000">jQuery.get callback</text>
<text text-anchor="middle" x="530.4446" y="-57.8" font-family="Times,serif" font-size="14.00" fill="#ff0000">jQuery.when jQuery.done</text>
</g>
</g>
</svg>