Trigger events

Author: thomasleplus

_layouts/default.html

@@ -30,9 +30,9 @@ <h2>{{ site.description | default: site.github.project_tagline }}</h2>
         <hr>
         <h3>Editor</h3>
 	<h4>Name</h4>
-	<input class="container" style="background: rgba(0,0,0,0.9); border: 1px solid rgba(255,255,255,0.15); padding: 10px; font-size: 16px; color: #d0d0d0; border-radius: 2px; word-wrap: normal; overflow: auto; overflow-y: hidden;" type="text" id="mininame" name="mininame" value="Bookmarklet" oninput="document.getElementById('minified').textContent = document.getElementById('mininame').value;" onchange="document.getElementById('minified').textContent = document.getElementById('mininame').value;">
+	<input class="container" style="background: rgba(0,0,0,0.9); border: 1px solid rgba(255,255,255,0.15); padding: 10px; font-size: 16px; color: #d0d0d0; border-radius: 2px; word-wrap: normal; overflow: auto; overflow-y: hidden;" type="text" id="mininame" name="mininame" value="Bookmarklet" oninput="document.getElementById('minified').textContent = document.getElementById('mininame').value;">
 	<h4 style="maring-top: 10px;">Source code</h4>
-	<textarea class="container" style="height: 20em; background: rgba(0,0,0,0.9); border: 1px solid rgba(255,255,255,0.15); padding: 10px; font-size: 16px; color: #d0d0d0; border-radius: 2px; word-wrap: normal; overflow: auto; overflow-y: hidden;" id="plaintext" name="plaintext" oninput="document.getElementById('minified').href = minify(document.getElementById('plaintext').value);" onchange="document.getElementById('minified').href = minify(document.getElementById('plaintext').value);">"use strict";</textarea>
+	<textarea class="container" style="height: 20em; background: rgba(0,0,0,0.9); border: 1px solid rgba(255,255,255,0.15); padding: 10px; font-size: 16px; color: #d0d0d0; border-radius: 2px; word-wrap: normal; overflow: auto; overflow-y: hidden;" id="plaintext" name="plaintext" oninput="document.getElementById('minified').href = minify(document.getElementById('plaintext').value);">"use strict";</textarea>
 	<h4 style="maring-top: 10px;">Result</h4>
         <a id="minified" href="javascript:(function()%7B%22use%20strict%22%7D)()">Bookmarklet</a>
       </section>

javascripts/fill.js

@@ -76,8 +76,8 @@ async function fillSection(section, path) {
 	edit.href = "#editor";
 	edit.onclick = function(a1, a2) {
 	    return function() {
-		document.getElementById('plaintext').value = a1;
-		document.getElementById('mininame').value = a2;
+		document.getElementById('plaintext').value(a1).trigger('input');
+		document.getElementById('mininame').value(a2).trigger('input');
 	    }
 	}(js, index[i].name);
     }