react-examples/professional_javascript_for_web/ch18/IEXsltExample05.htm at master · zhangjunhd/react-examples · GitHub

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
93
94
95
96
97
98
<!DOCTYPE html>
<html>
    <head>
        <title>IE XSLT Example</title>
        <script type="text/javascript">
            function createDocument(){
                if (typeof arguments.callee.activeXString != "string"){
                    var versions = ["MSXML2.DOMDocument.6.0", "MSXML2.DOMDocument.3.0",
                                    "MSXML2.DOMDocument"];

                    for (var i=0,len=versions.length; i < len; i++){
                        try {
                            var xmldom = new ActiveXObject(versions[i]);
                            arguments.callee.activeXString = versions[i];
                            return xmldom;
                        } catch (ex){
                            //skip
                        }
                    }
                }

                return new ActiveXObject(arguments.callee.activeXString);
            }

            function createThreadSafeDocument(){
                if (typeof arguments.callee.activeXString != "string"){
                    var versions = ["MSXML2.FreeThreadedDOMDocument.6.0",
                                    "MSXML2.FreeThreadedDOMDocument.3.0",
                                    "MSXML2.FreeThreadedDOMDocument"],
                        i, len;

                    for (i=0,len=versions.length; i < len; i++){
                        try {
                            var xmldom = new ActiveXObject(versions[i]);
                            arguments.callee.activeXString = versions[i];
                            return xmldom;
                        } catch (ex){
                            //skip
                        }
                    }
                }

                return new ActiveXObject(arguments.callee.activeXString);
            }

            function createXSLTemplate(){
                if (typeof arguments.callee.activeXString != "string"){
                    var versions = ["MSXML2.XSLTemplate.6.0",
                                    "MSXML2.XSLTemplate.3.0",
                                    "MSXML2.XSLTemplate"],
                        i, len;

                    for (i=0,len=versions.length; i < len; i++){
                        try {
                            var template = new ActiveXObject(versions[i]);
                            arguments.callee.activeXString = versions[i];
                            return template;
                        } catch (ex){
                            //skip
                        }
                    }
                }

                return new ActiveXObject(arguments.callee.activeXString);
            }

            window.onload = function () {
                var xmldom = createDocument();
                var xsltdom = createThreadSafeDocument();

                xmldom.load("employees.xml");
                xsltdom.load("employees3.xslt");

                var template = createXSLTemplate();
                template.stylesheet = xsltdom;

                var processor = template.createProcessor();
                processor.input = xmldom;
                processor.addParameter("message", "Hello World!");
                processor.setStartMode("title-first");
                processor.transform();

                var div = document.getElementById("divResult");
                div.innerHTML = processor.output;


            }
        </script>
    </head>
    <body>
        <p>This example loads employees.xml and transforms it using employees3.xslt.
        The parameter <code>message</code> is passed in and is equal to &quot;Hello
        World!&quot;. The start mode is set to "title-first", so the employee's position is first and
        the name is second. The resulting code is then displayed.</p>
        <div id="divResult"></div>
    </body>
</html>