{"id":424,"date":"2022-03-07T12:13:25","date_gmt":"2022-03-07T03:13:25","guid":{"rendered":"http:\/\/160.251.208.217\/?p=424"},"modified":"2022-11-19T19:32:52","modified_gmt":"2022-11-19T10:32:52","slug":"xslt-cross","status":"publish","type":"post","link":"https:\/\/it-dxblog.com\/blog\/xslt-cross\/","title":{"rendered":"\u3010JavaScript\u3011XSL\u5909\u63db\u306e\u30af\u30ed\u30b9\u30d6\u30e9\u30a6\u30b6\u5bfe\u7b56"},"content":{"rendered":"\n

\u3053\u3061\u3089<\/a>\u306e\u8a18\u4e8b\u306e\u901a\u308a\u3001XSL\u5909\u63db\u306eEdge\u5bfe\u7b56\u304c\u3067\u304d\u305f\u3068\u601d\u3063\u305f\u3089\u3001\u3001<\/p>\n\n\n\n

\"\u304a\u5ba2\u3055\u3093\"
\u304a\u5ba2\u3055\u3093<\/div><\/div>
\n

\uff14\u6708\u304b\u3089\uff16\u6708\u307e\u3067\u306fIE\u3068Edge\u4e21\u65b9\u4f7f\u3046\u3088\uff01<\/p>\n\n\n\n

\u3054\u3081\u3093\u306d\u3001\u3054\u3081\u3093\u306d\u30fc<\/p>\n<\/div><\/div><\/div><\/div>\n\n\n\n

\"\u3072\u308d\u3074\u3088\"
\u3072\u308d\u3074\u3088<\/div><\/div>
\n

\u307e\u3042\u3001\u305d\u3046\u3067\u3059\u3088\u306d\u2026<\/p>\n<\/div><\/div><\/div><\/div>\n\n\n\n

\u3068\u3044\u3046\u3053\u3068\u3067\u3001IE\u3068Edge\u4e21\u65b9\u3067\u52d5\u304f\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\u524d\u63d0\u6761\u4ef6<\/span><\/span><\/h2>\n\n\n\n

\u30d5\u30a1\u30a4\u30eb\u4e00\u5f0f<\/strong>\uff08HTML\u3001XML\u3001XSL\uff09\u306fWeb\u30b5\u30fc\u30d0\u30fc<\/strong>\u4e0a\u306b\u4fdd\u7ba1
\u203b\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u3060\u3068\u52d5\u4f5c\u3057\u306a\u3044\u306e\u3067\u6ce8\u610f<\/span><\/strong><\/p>\n\n\n\n

\u30d6\u30e9\u30a6\u30b6\u306e\u5224\u5b9a<\/span><\/span><\/h2>\n\n\n\n

\u6b63\u78ba\u306b\u306f\u3001ActiveXObject<\/strong>\u304c\u4f7f\u3048\u308b\u304b\u3069\u3046\u304b\u3067\u5224\u5b9a\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\/\/ ActiveX\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u304c\u6709\u52b9\u306a\u3089true, \u7121\u52b9\u306a\u3089false\u3092\u8fd4\u3059\nfunction my_jdgActiveX(){\n    try {\n            let objXml = new ActiveXObject('Msxml2.XMLHTTP.3.0');\n            return true;\n        } catch (e) {\n            return false;\n    }\n}<\/code><\/pre><\/div>\n\n\n\n
\u672c\u5f53\u306f\u3001try\uff5ecatch\u3067\u306f\u306a\u304f\u3001\u6b21\u306e\u3088\u3046\u306aif\u6587\u3067\u3084\u308d\u3046\u3068\u601d\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u4f55\u6545\u304b\u3046\u307e\u304f\u3067\u304d\u306a\u304b\u3063\u305f\u3067\u3059\u3002<\/p>\n\n\n\n
\/\/ \u3053\u308c\u3067\u3067\u304d\u308b\u3068\u601d\u3046\u3093\u3060\u3051\u3069\u30fb\u30fb\u30fb\nif (window.ActiveXObject){\n    return true;\n}else{\n    return false;\n}<\/code><\/pre><\/div>\n\n\n\n
XML\u306e\u8aad\u307f\u8fbc\u307f<\/span><\/span><\/h2>\n\n\n\n
Edge\u7528\u306eXMLHttpRequest<\/strong>\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u5408\u308f\u305b\u308b\u305f\u3081\u3001IE\u7528\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\/\/objXml = new ActiveXObject('Microsoft.XMLDOM');\n\/\/ \u2193\u2193\u2193\u3000\u5909\u66f4\u3000\u2193\u2193\u2193\nobjXml = new ActiveXObject('Msxml2.XMLHTTP.3.0');<\/code><\/pre><\/div>\n\n\n\n
\/\/ XML\u3092\u8aad\u307f\u8fbc\u3080\n\/\/ path : \u8aad\u307f\u8fbc\u3080XML\u306e\u30d1\u30b9\nfunction my_loadXML(path){\n    let objXml;\n    if (my_jdgActiveX()==true){\n        objXml = new ActiveXObject('Msxml2.XMLHTTP.3.0');\n    } else {\n        objXml = new XMLHttpRequest();\n    }\n    objXml.open('GET', path, false);\n    objXml.send('');\n    return objXml.responseXML;\n}<\/code><\/pre><\/div>\n\n\n\n
XSL\u5909\u63db<\/span><\/span><\/h2>\n\n\n\n
XSL\u5909\u63db\u306f\u3001Edge\u7528\u3068IE\u7528\u3067\u5168\u304f\u7570\u306a\u308b\u306e\u3067\u3001\u51e6\u7406\u3092\u5206\u5c90\u3055\u305b\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\/\/ XML\u306bXSL\u3092\u9069\u7528\u3057\u3066\u5909\u63db\n\/\/ objXml   : XML\n\/\/ objXsl   : XSL\n\/\/ eleTG    : \u5909\u63db\u7d50\u679c\u3092\u8868\u793a\u3059\u308b\u8981\u7d20\nfunction my_transXML(objXml, objXsl, eleTG){\n    if (my_jdgActiveX() == true){\n        eleTG.innerHTML = objXml.transformNode(objXsl);\n    } else {\n        let objXsltProcessor = new XSLTProcessor();\n        objXsltProcessor.importStylesheet(objXsl);\n        let eleResult = objXsltProcessor.transformToFragment(objXml, document);\n        eleTG.appendChild(eleResult);\n    }\n}<\/code><\/pre><\/div>\n\n\n\n
\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9<\/span><\/span><\/h2>\n\n\n\n
\u4f7f\u7528\u3057\u305fXML\u3001XSL\u306f\u3053\u3061\u3089<\/a>\u3068\u540c\u3058\u3067\u3059\u3002
\u203b\u81ea\u4f5c\u95a2\u6570\u306f\u3001\u95a2\u6570\u540d\u3092\u300cmy_\u300d\u304b\u3089\u59cb\u3081\u3066\u3042\u308a\u307e\u3059
\u203bIE\u3001Edge\u3001Google Chrome\u3067\u52d5\u4f5c\u78ba\u8a8d\u6e08<\/p>\n\n\n\n
<!DOCTYPE html>\n\n<html>\n    <head>\n        \n        <script>\n\n            \/\/ onload\u6642\u306b\u5b9f\u884c\n            function my_onLoad(){\n                const objXml = my_loadXML('.\/team.xml');\n                const objXsl = my_loadXML('.\/team.xsl');\n                my_transXML(objXml, objXsl, document.getElementById('example'));\n            }\n\n            \/\/ XML\u3092\u8aad\u307f\u8fbc\u3080\n            \/\/ path : \u8aad\u307f\u8fbc\u3080XML\u306e\u30d1\u30b9\n            function my_loadXML(path){\n                let objXml;\n                if (my_jdgActiveX()==true){\n                    objXml = new ActiveXObject('Msxml2.XMLHTTP.3.0');\n                } else {\n                    objXml = new XMLHttpRequest();\n                }\n                objXml.open('GET', path, false);\n                objXml.send('');\n                return objXml.responseXML;\n            }\n\n            \/\/ XML\u306bXSL\u3092\u9069\u7528\u3057\u3066\u5909\u63db\n            \/\/ objXml   : XML\n            \/\/ objXsl   : XSL\n            \/\/ eleTG    : \u5909\u63db\u7d50\u679c\u3092\u8868\u793a\u3059\u308b\u8981\u7d20\n            function my_transXML(objXml, objXsl, eleTG){\n\n                if (my_jdgActiveX() == true){\n                    eleTG.innerHTML = objXml.transformNode(objXsl);\n                } else {\n                    let objXsltProcessor = new XSLTProcessor();\n                    objXsltProcessor.importStylesheet(objXsl);\n                    let eleResult = objXsltProcessor.transformToFragment(objXml, document);\n                    eleTG.appendChild(eleResult);\n                }\n            }\n\n            \/\/ ActiveX\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u304c\u6709\u52b9\u306a\u3089true, \u7121\u52b9\u306a\u3089false\u3092\u8fd4\u3059\n            function my_jdgActiveX(){\n                try {\n                    let objXml = new ActiveXObject('Msxml2.XMLHTTP.3.0');\n                    return true;\n                } catch (e) {\n                    return false;\n                }\n            }\n        <\/script>\n\n        <style>\n            th{\n                border: solid 1px white;\n                background-color: silver;\n                text-align: center;\n                padding: 2px 15px;\n            }\n            td{\n                padding: 2px 15px;\n            }\n        <\/style>\n    <\/head>\n\n    <body onload='my_onLoad()'>\n        <div id='example'>\n        <\/div>\n    <\/body>\n\n<\/html><\/code><\/pre><\/div>\n\n\n\n
XSL\u5909\u63db\u304c\u6210\u529f\u3059\u308b\u3068\u3001\u6b21\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n \"\"<\/span>