diff --git a/js/customElements/newComment.js b/js/customElements/newComment.js index 30b301c71d2efdfcd06ac12ae3b277c97671bcee..9c01967c4964ed0adb5e43e6fb4179aecda9b48e 100644 --- a/js/customElements/newComment.js +++ b/js/customElements/newComment.js @@ -7,26 +7,32 @@ class newComment extends HTMLElement { document.getElementById("showCommentButton").onclick = this.setupForm; } - async setupForm(){ + async setupForm() { let sitekey = await (await fetch("/API/config.php?name=sitekey")).text(); - this.parentElement.innerHTML = ` - <form action="/API/newComment.php" method="post"> - <label for="name">Name:</label><br> - <input type="text" id="name" name="name"><br><br> - - <label for="email">E-Mail: (wird nicht veröffentlicht)</label><br> - <input type="text" id="email" name="email"><br><br> - - <label for="comment">Kommentar:</label><br> - <textarea name="comment" id="comment"></textarea><br><br> - - <div class="h-captcha" data-theme="dark" data-sitekey="${sitekey}"></div><br> - - <input type="submit" value="Kommentar veröffentlichen"><br> - <p>Mit dem Klick auf den obigen Button erklären sie sich mit der <a href="/datenschutzerklaerung.html">Datenschutzerklärung</a> einverstanden.</p> - </form> - `; + let script = document.createElement('script'); + script.src = "https://hCaptcha.com/1/api.js"; + script.type = 'text/javascript'; + script.onload = () => { + this.parentElement.innerHTML = ` + <form action="/API/newComment.php" method="post"> + <label for="name">Name:</label><br> + <input type="text" id="name" name="name"><br><br> + + <label for="email">E-Mail: (wird nicht veröffentlicht)</label><br> + <input type="text" id="email" name="email"><br><br> + + <label for="comment">Kommentar:</label><br> + <textarea name="comment" id="comment"></textarea><br><br> + + <div class="h-captcha" data-theme="dark" data-sitekey="${sitekey}"></div><br> + + <input type="submit" value="Kommentar veröffentlichen"><br> + <p>Mit dem Klick auf den obigen Button erklären sie sich mit der <a href="/datenschutzerklaerung.html">Datenschutzerklärung</a> einverstanden.</p> + </form> + `; + } + document.body.append(script); } } diff --git a/public/anleitungen/nextcloud.html b/public/anleitungen/nextcloud.html index 61a4b81cdf1f30d7bb3a1e82114dd65b1da1e3fa..85b7165dc6c684ac6c00d7a141797a31b3c958ef 100644 --- a/public/anleitungen/nextcloud.html +++ b/public/anleitungen/nextcloud.html @@ -83,5 +83,5 @@ chown apache /var/www/localhost/htdocs/ -R</code> </div> <jl-footer></jl-footer> - <script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> diff --git a/public/anleitungen/snowboy.html b/public/anleitungen/snowboy.html index e0fb8aa94082905f29ad280bfb7a830b116d811a..06c571f7060086fedcea18426e4783fb6de5fe0b 100644 --- a/public/anleitungen/snowboy.html +++ b/public/anleitungen/snowboy.html @@ -65,5 +65,5 @@ make</code></pre> </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/blitzortung.html b/public/projekte/blitzortung.html index e83ae69cbb517643aa39df3fcc928a8323a0afd9..c72de635712d4f23915527d1af8fa4f1aa50ac1c 100644 --- a/public/projekte/blitzortung.html +++ b/public/projekte/blitzortung.html @@ -27,7 +27,7 @@ </div> <jl-footer></jl-footer> -<script src='https://hCaptcha.com/1/api.js' async defer></script> + <script src="/js/script.js"></script> </body> </html> \ No newline at end of file diff --git a/public/projekte/gclogLink.html b/public/projekte/gclogLink.html index ae715dbebaee663af531875d58af7046d59d94e8..ae00a92d71f9f05afc7c5fdcb72e6b7de00816f0 100644 --- a/public/projekte/gclogLink.html +++ b/public/projekte/gclogLink.html @@ -24,5 +24,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/insecam.html b/public/projekte/insecam.html index d044fa1196bc3ec82ecb50bef2172b7454c3f887..d5c5c3092d15ce95bc22247df6d4127650604b6a 100644 --- a/public/projekte/insecam.html +++ b/public/projekte/insecam.html @@ -45,5 +45,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/ledtisch1.html b/public/projekte/ledtisch1.html index e978f1f60deea4e736fa09ffc6ead8fa01a237c9..72c9bcf0d13a8d677b3e358501abe1795c89ef3f 100644 --- a/public/projekte/ledtisch1.html +++ b/public/projekte/ledtisch1.html @@ -141,5 +141,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/ledtisch2.html b/public/projekte/ledtisch2.html index 12b62b3343b50543529add16a4a4a6b9d87e3cba..67a778cd2907f12394ff481517ec0231547cde4f 100644 --- a/public/projekte/ledtisch2.html +++ b/public/projekte/ledtisch2.html @@ -81,5 +81,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> diff --git a/public/projekte/mqttpush.html b/public/projekte/mqttpush.html index f10c576aee27e08507fc688ad13d8489fde515f6..9907cf5a4598aae7c901bfe128f9901c4b9d540c 100644 --- a/public/projekte/mqttpush.html +++ b/public/projekte/mqttpush.html @@ -26,5 +26,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/privateNote.html b/public/projekte/privateNote.html index 6f3327ef08dd6abd1316322f6e18ea9763b750a5..49e145cdfb71202eb883adf4e62e2218d444ce99 100644 --- a/public/projekte/privateNote.html +++ b/public/projekte/privateNote.html @@ -39,7 +39,7 @@ </div> <jl-footer></jl-footer> - <script src='https://hCaptcha.com/1/api.js' async defer></script> + <script src="/js/script.js"></script> </body> diff --git a/public/projekte/proxdroid.html b/public/projekte/proxdroid.html index ba65582b69475e549441986d97327f5c6e6d4722..44d9e59d590de1b66f5819073014f22316d9dcbd 100644 --- a/public/projekte/proxdroid.html +++ b/public/projekte/proxdroid.html @@ -31,5 +31,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/regensensor.html b/public/projekte/regensensor.html index 9d8613c98c96e2fe1db94fd45316462106dc18d5..4730422fb71a735395f6017b4a720eded22fc4ae 100644 --- a/public/projekte/regensensor.html +++ b/public/projekte/regensensor.html @@ -55,5 +55,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/smartmirror.html b/public/projekte/smartmirror.html index 8eff6795ff9908f8300c89ffb23f4d3aac23774b..2d655de6cc6e160a48d8a351ba2227f07fff9f52 100644 --- a/public/projekte/smartmirror.html +++ b/public/projekte/smartmirror.html @@ -40,5 +40,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/urlkuerzer1.html b/public/projekte/urlkuerzer1.html index d01d29f8e6cc628fad125ee770412f4780ea23f3..7db43df63d5d48ee10e7b71c09a440757b6c7c47 100644 --- a/public/projekte/urlkuerzer1.html +++ b/public/projekte/urlkuerzer1.html @@ -41,5 +41,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/urlkuerzer2.html b/public/projekte/urlkuerzer2.html index 1d71893ea71fadaaf16e91e1599b0e8535fce16d..bd910a73aa2ed02ce948bf6eec916e888852420d 100644 --- a/public/projekte/urlkuerzer2.html +++ b/public/projekte/urlkuerzer2.html @@ -48,5 +48,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/websitecloner.html b/public/projekte/websitecloner.html index efe9b9e1aa1924600fe42c97b1fb6f09c8eb36d3..0319995cb6f63c93a1e604da5903d4f0e8cda6d1 100644 --- a/public/projekte/websitecloner.html +++ b/public/projekte/websitecloner.html @@ -19,5 +19,4 @@ </div> <jl-footer></jl-footer> -<script src='https://hCaptcha.com/1/api.js' async defer></script> <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/projekte/youtubedownloader.html b/public/projekte/youtubedownloader.html index e00e6fa6e78c0e961a1653fef0e63d70739cc8f0..5cbf9fe937a25c6cd14902f59265f81eb0978c84 100644 --- a/public/projekte/youtubedownloader.html +++ b/public/projekte/youtubedownloader.html @@ -25,5 +25,5 @@ </div> <jl-footer></jl-footer> -<script async defer src='https://hCaptcha.com/1/api.js'></script> + <script src="/js/script.js"></script> \ No newline at end of file diff --git a/public/systeme/backupServer.html b/public/systeme/backupServer.html index bfa8826a7283eff576412e45c5b6e1a4a06c5b00..09c3aea46eb942d43724ad1d70b24812dd8b2987 100644 --- a/public/systeme/backupServer.html +++ b/public/systeme/backupServer.html @@ -35,7 +35,7 @@ </div> <jl-footer></jl-footer> -<script src='https://hCaptcha.com/1/api.js' async defer></script> + <script src="/js/script.js"></script> </body> </html> diff --git a/public/systeme/gameServer.html b/public/systeme/gameServer.html index d03e146b6455e7c1e1f6f539e9f41a2e4959efc9..3526a1426847221b6cb69b750f32bb8e1116f527 100644 --- a/public/systeme/gameServer.html +++ b/public/systeme/gameServer.html @@ -43,7 +43,7 @@ </div> <jl-footer></jl-footer> -<script src='https://hCaptcha.com/1/api.js' async defer></script> + <script src="/js/script.js"></script> </body> </html> \ No newline at end of file diff --git a/public/systeme/hpServer.html b/public/systeme/hpServer.html index bf9f3faadd0c3937c51f375c18b986568b319317..e27e7a90106e4440963d8dd0b14aaddff10c5638 100644 --- a/public/systeme/hpServer.html +++ b/public/systeme/hpServer.html @@ -40,7 +40,7 @@ </div> <jl-footer></jl-footer> -<script src='https://hCaptcha.com/1/api.js' async defer></script> + <script src="/js/script.js"></script> </body> </html> \ No newline at end of file diff --git a/public/systeme/laptop.html b/public/systeme/laptop.html index 70dbcfd456094c3df1c37cfa95cb41003443602a..18ae89602383c58635e6c4c43dcb776db7444fae 100644 --- a/public/systeme/laptop.html +++ b/public/systeme/laptop.html @@ -30,7 +30,7 @@ </div> <jl-footer></jl-footer> -<script src='https://hCaptcha.com/1/api.js' async defer></script> + <script src="/js/script.js"></script> </body> </html> diff --git a/public/systeme/nas.html b/public/systeme/nas.html index a6b499d49c534ae7426ba82014749b05c26f6ca0..66d4abb2dab02da2b81342c30d87e85b57031d5a 100644 --- a/public/systeme/nas.html +++ b/public/systeme/nas.html @@ -35,7 +35,7 @@ </div> <jl-footer></jl-footer> -<script src='https://hCaptcha.com/1/api.js' async defer></script> + <script src="/js/script.js"></script> </body> </html> \ No newline at end of file diff --git a/public/systeme/pc.html b/public/systeme/pc.html index d52d4f7858aa2b318a4d1f7f68386df582b0eb00..ab65aab468b293a6f937237ea0af65a5912de254 100644 --- a/public/systeme/pc.html +++ b/public/systeme/pc.html @@ -47,7 +47,7 @@ </div> <jl-footer></jl-footer> -<script src='https://hCaptcha.com/1/api.js' async defer></script> + <script src="/js/script.js"></script> </body> </html>