<script>
import { openBrowser, openComponent } from "doc/PX2018/project_2/utils.js"
</script>
<link rel="stylesheet" type="text/css" href="doc/PX2018/project_2/utils.css">

# Load Scripts On Fly

```javascript
// Add a javascript script to the document (functions are available afterwards)
lively.loadJavaScriptThroughDOM("thulur-utils", lively4url + "/doc/PX2018/project_2/utils.js");
// Add a CSS to the document (specifiers have the style afterwards)
lively.loadCSSThroughDOM("thulur-css", lively4url + "doc/PX2018/project_2/utils.css");
```

# Open Components From Markdown

<p class="comment">Opens the component "Vivide View"</p>
<script>openComponent("vivide-view", "Vivide View")</script>

# Open File in Browser From Markdown

<p class="comment">Opens the file "vivide.js" in the file browser</p>

[VivideJS](../../../../src/client/vivide/vivide.js)

# Todos
- [ ] test
    - [ ] test 2
    - [ ] test 5
- [ ] test3
    - [ ] test 2
- [ ] test4