This repository has been archived by the owner on May 18, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest-ajax-cdn.html
92 lines (73 loc) · 3.66 KB
/
test-ajax-cdn.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>Test SVG AJAX+CDN embedding</title>
<style>
.icon {
width: 100px;
height: 100px;
border: 1px dotted #E4E4E4;
color: magenta;
fill: magenta;
}
.icon-1, .icon-1 path { color: cyan; fill: cyan; }
.icon-2, .icon-2 path { color: green; fill: green; }
.icon-3, .icon-3 path { color: yellow; fill: yellow; }
.icon-4, .icon-4 path { color: blue; fill: blue; }
.icon-check, .icon-check path { color: red; fill: red; }
</style>
</head>
<body>
<h1>svgsprite - AJAX+CDN</h1>
<div>
<svg class="icon icon-check" width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="" sketch:type="MSLayerGroup" transform="translate(1.000000, 0.000000)" fill="#FF0000">
<path d="M22.5308,11.0076 L12.5428,11.0076 L12.5518,1.0086 C12.5528,0.4566 12.1048,0.0076 11.5528,0.0076 L11.5518,0.0076 C10.9998,0.0076 10.5528,0.4546 10.5518,1.0066 L10.5428,11.0076 L0.5308,11.0076 C-0.0212,11.0076 -0.4692,11.4556 -0.4692,12.0076 C-0.4692,12.5596 -0.0212,13.0076 0.5308,13.0076 L10.5408,13.0076 L10.5308,23.0066 C10.5298,23.5586 10.9778,24.0076 11.5298,24.0076 L11.5308,24.0076 C12.0828,24.0076 12.5298,23.5606 12.5308,23.0086 L12.5408,13.0076 L22.5308,13.0076 C23.0828,13.0076 23.5308,12.5596 23.5308,12.0076 C23.5308,11.4556 23.0828,11.0076 22.5308,11.0076" id="Fill-2331" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
<svg viewBox="0 0 25 24" class="icon">
<use xlink:href="#sections--profile-24"></use>
</svg>
<svg class="icon icon-1">
<use xlink:href="#sections--profile-24"></use>
</svg>
<svg class="icon icon-2">
<use xlink:href="#sections--profile-24"></use>
</svg>
<svg class="icon icon-3">
<use xlink:href="#sections--profile-24"></use>
</svg>
<svg class="icon icon-4">
<use xlink:href="#sections--profile-24"></use>
</svg>
</div>
<!--<script src="sample/svg4everybody.js"></script>-->
<!--<script src="svg-demo-example/svg4everybody.min.js"></script>-->
<!--<script src="svg4everybody/svg4everybody.ie8.js"></script>-->
<!--<script>
var ajax = new XMLHttpRequest();
ajax.open("GET", "http://s3-eu-west-1.amazonaws.com/plentific-b2b/images/b2b/icons/sprite-ffc90364.svg", true);
ajax.send();
ajax.onload = function(e) {
var div = document.createElement("div");
div.innerHTML = ajax.responseText;
document.body.insertBefore(div, document.body.childNodes[0]);
}
</script>-->
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>
<script>
$(function() {
$.get("http://s3-eu-west-1.amazonaws.com/plentific-dev/images/b2b/icons/sprite-ffc90364.svg", function(data) {
var div = document.createElement("div");
div.innerHTML = new XMLSerializer().serializeToString(data.documentElement);
document.body.insertBefore(div, document.body.childNodes[0]);
});
});
</script>
</body>
</html>