|
|
| (84 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | | | |
| − | <html>
| + | {{#css: |
| − | <head>
| |
| − | <title>Networks of Care</title>
| |
| − | <meta charset="utf-8" />
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| − | <link rel="shortcut icon" type="image/x-icon" href=""/>
| |
| − | <link rel="stylesheet" href="./style.css"/>
| |
| − | <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script>
| |
| − | </head>
| |
| | | | |
| − | <body>
| + | #content{ |
| | + | margin-left: 0; |
| | + | padding: 0; |
| | + | } |
| | | | |
| − | <div id='map'></div>
| |
| | | | |
| | + | h1{ |
| | + | display: none; |
| | + | } |
| | | | |
| − | <script>
| + | .mw-body-content p { |
| | + | max-width: 100%; |
| | + | position: fixed; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | left: 0; |
| | + | top: 0; |
| | + | display: block; |
| | + | margin-top: 0; |
| | + | } |
| | + | }} |
| | | | |
| − | var apiEndpoint = "https://en.wikipedia.org/w/api.php";
| + | <html> |
| − | var params = "action=query&list=random&rnlimit=3&format=json";
| + | <head> |
| − | | + | <base target="_parent"> |
| − | /**
| + | </head> |
| − | * The function to wrap the result | + | <body> |
| − | */
| + | <iframe src="https://hub.xpub.nl/networksofcare/map.htm" height="100%" width="100%" frameBorder="0"></iframe> |
| − | var callback = function (response) {
| |
| − | var pages = response.query.random; // Process the output to get the titles
| |
| − | Object.keys(pages).forEach(function(key) {
| |
| − | console.log(pages[key].title);
| |
| − | });
| |
| − | };
| |
| − | | |
| − | var scriptTag = document.createElement("script"); // Dynamically create a "script" tag
| |
| − | scriptTag.src = apiEndpoint + "?" + params + "&callback=callback"; // Point to the query string
| |
| − | | |
| − | document.body.appendChild(scriptTag); // Add the script tag to the document
| |
| − | </script> | |
| | </body> | | </body> |
| | </html> | | </html> |
