Aktion nach Start eines Audio-Elements – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 07:52:29 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777506#m1777506 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777506#m1777506 <p>Moin, bin ziemlicher Anfänger, habe vor Jahren (ca. 20) mal mit einem html do-it-yourself Heft (gedruckt!) ein paar Seiten zum Spaß erstellt, alles lange gelöscht und vergessen.</p> <p>Jetzt möchte ich für einen Geocache eine Seite erstellen, auf die ich mit einem QR-Code verlinke.</p> <p>Dort gibt es ein Audio-Element und und weitere Informationen. Da Autoplay auf vielen Endgeräten nicht problemlos funktioniert (Bsp. Iphone) möchte ich, dass die Informationen erst angezeigt werden, sobald Play gedrückt wurde. Ich müsste also eine Aktion starten (zB Seite laden) nachdem das Audio-Element gestartet wurde und dieses soll dadurch nicht wieder stoppen. Kann mir jemand weiter helfen?</p> <p>Gruß stroika3</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 08:20:13 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777507#m1777507 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777507#m1777507 <p>Servus!</p> <blockquote> <p>Moin, bin ziemlicher Anfänger, habe vor Jahren (ca. 20) mal mit einem html do-it-yourself Heft (gedruckt!) ein paar Seiten zum Spaß erstellt, alles lange gelöscht und vergessen.</p> <p>Jetzt möchte ich für einen Geocache eine Seite erstellen, auf die ich mit einem QR-Code verlinke.</p> </blockquote> <p>Kein Problem: Hier ist ein <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5/Grundger%C3%BCst" rel="nofollow noopener noreferrer">HTML5-Grundgerüst</a></p> <blockquote> <p>Dort gibt es ein Audio-Element und und weitere Informationen.</p> </blockquote> <p>Das geht ganz einfach: <a href="https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/audio" rel="nofollow noopener noreferrer">HTML/Multimedia_und_Grafiken/audio</a></p> <blockquote> <p>Da Autoplay auf vielen Endgeräten nicht problemlos funktioniert (Bsp. Iphone) möchte ich, dass die Informationen erst angezeigt werden, sobald Play gedrückt wurde.</p> </blockquote> <p>works as intended! kein Browser sollte was automatisch abspielen!</p> <blockquote> <p>Ich müsste also eine Aktion starten (zB Seite laden) nachdem das Audio-Element gestartet wurde und dieses soll dadurch nicht wieder stoppen. Kann mir jemand weiter helfen?</p> </blockquote> <p>Jetzt kommt JavaScipt ins Spiel.</p> <p>Die verborgenen Informationen erhalten ein hidden-Attribut.</p> <p>Du musst auf das play-Event (<a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/play" rel="nofollow noopener noreferrer">JavaScript/DOM/Event/play</a>) lauschen und wenn dieses feuert, das hidden-Attribut mit <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/removeAttribute" rel="nofollow noopener noreferrer">removeAttribute</a> entfernen.</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 10:01:38 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777521#m1777521 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777521#m1777521 <p>Hallo, vielen Dank für die zügige Antwort. Bin ein paar Schritte weiter, aber noch nicht am Ziel, von daher noch ein paar Fragen: Audio-Player über HTML5 einbinden und gewünschten Song abspielen hab ich hingekriegt.</p> <p>Javascript, dass bei Klick auf den einen Link die Musik abspielt ebenfalls. Wie ich per javascript auf das play event aus dem html5 player lausche habe ich mir allerdings nicht ergoogeln können.</p> <p>Idealvorstellung:</p> <p>Bild das ich bei onclick verlinke (kriege ich hin) und das dann eine neue Seite mit html5-Player öffnet. Nachdem ich dort auf Play gedrückt habe soll sich die Information zeigen (idealerweise zeitverzögert 10s).</p> <p>Wo kann ich dazu noch mehr lesen zum lernen?</p> <p>Gruß stroika3</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 10:07:40 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777523#m1777523 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777523#m1777523 <p>@@Matthias Scharwies</p> <blockquote> <p>Jetzt kommt JavaScipt ins Spiel.</p> <p>Die verborgenen Informationen erhalten ein hidden-Attribut.</p> <p>Du musst auf das play-Event (<a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/play" rel="nofollow noopener noreferrer">JavaScript/DOM/Event/play</a>) lauschen und wenn dieses feuert, das hidden-Attribut mit <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/removeAttribute" rel="nofollow noopener noreferrer">removeAttribute</a> entfernen.</p> </blockquote> <p>In der Zeit, wo ich meinen <a href="https://codepen.io/gunnarbittersmann/pen/rNLKLMX" rel="noopener noreferrer">Codepen</a> erstellt habe, hast du die Erklärung dazu geschrieben. Da kann ich ja auf ausschweifende Prosa verzichten. </p> <p>Statt <code>removeAttribute</code> tut’s aber auch einfach <code><HTMLElement>.hidden = false</code>.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 11:09:41 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777528#m1777528 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777528#m1777528 <p>@@stroika3</p> <blockquote> <p>Wie ich per javascript auf das play event aus dem html5 player lausche habe ich mir allerdings nicht ergoogeln können.</p> </blockquote> <p>Siehe <a href="https://codepen.io/gunnarbittersmann/pen/rNLKLMX" rel="noopener noreferrer">Codepen</a>.</p> <blockquote> <p>Nachdem ich dort auf Play gedrückt habe soll sich die Information zeigen (idealerweise zeitverzögert 10s).</p> </blockquote> <p>Ich bin mir nicht sicher, dass das ideal ist. Als Nutzer mache ich eine Interaktion, das Audio spielt ab. Irgendwann später ploppt aus heiterem Himmel irgendwas auf?</p> <p>Vielleicht willst du auch Audio und Information getrennt voneinander steuern?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>audio</span> <span class="token attr-name">…</span><span class="token punctuation">></span></span>…<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>audio</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>details</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>summary</span><span class="token punctuation">></span></span>Informationen zum Stück<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>summary</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>…<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>detais</span><span class="token punctuation">></span></span> </code></pre> <p>Sieht dann so aus: <a href="https://codepen.io/gunnarbittersmann/pen/bGeKBMR?editors=1000" rel="noopener noreferrer">Codepen 2</a></p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 13:05:32 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777530#m1777530 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777530#m1777530 <p>Moin und Danke, das erste ist ziemlich genau das was ich suche. Jetzt muss ich nur noch das was Du da gemacht hast verstehen und für mich "umbauen".</p> <p>Falls ich gar nicht klar komme werde ich mich hier wieder melden. Vielen Dank! Gruß</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 14:23:43 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777538#m1777538 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777538#m1777538 <p>Hat so weit super geklappt, funktioniert jetzt so wie ich mir das denke.</p> <p>Jetzt ergeben sich für mich leider 2 neue Fragen:</p> <ol> <li> <p>Ich habe einfach Deinen Quelltext kopiert und angepasst wo nötig. Wieso funktioniert es nicht mehr, wenn ich <div id="ode-to-joy-info" etc. anpasse und überall das ode-to-joy durch 1234 ersetze? Bezieht sich das auf ein irgendwo anders verlinktes Script oder mache ich einfach nur irgendwas falsch?</p> </li> <li> <p>Ich habe versucht das event nach play über SetTimeout zu verzögern, leider habe ich das nicht so hinbekommen, das es funzt. An welcher Stelle muss ich das einbauen?</p> </li> </ol> <p>Gruß</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 14:31:23 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777540#m1777540 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777540#m1777540 <p>Hallo,</p> <blockquote> <p>das ode-to-joy durch 1234 ersetze? Bezieht sich das auf ein irgendwo anders verlinktes Script oder mache ich einfach nur irgendwas falsch?</p> </blockquote> <p><a href="https://wiki.selfhtml.org/wiki/HTML/Universalattribute#id" rel="nofollow noopener noreferrer">Id</a></p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 14:41:23 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777541#m1777541 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777541#m1777541 <p>ok, heißt für mich das ist "intern".</p> <p>Verstehen tue ich es trotzdem leider nicht warum es nicht mehr funktioniert nachdem ich die beiden id's umbenannt habe und auch alles im Dokument das sich darauf bezieht entsprechend umbenannt habe.</p> <p>So lange ich es so belasse ist es für meine Zwecke zwar vollkommen ok, aber würde gerne versuchen es zu verstehen.</p> <p>Gruß</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 14:53:21 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777543#m1777543 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777543#m1777543 <p>Hallo Tabellenkalk,</p> <p>unser Wiki ist an der Stelle nicht ganz klar. Es beschreibt die Regeln für HTML4 id und CSS Identifier. Eine ID in HTML5 darf mehr sein. Die HTML Spec sagt (mittlerweile):</p> <blockquote> <p>The id attribute specifies its element's unique identifier (ID). There are no other restrictions on what form an ID can take; in particular, IDs can consist of just digits, start with a digit, start with an underscore, consist of just punctuation, etc.</p> </blockquote> <p>Beispielsweise findet document.getElementById("1234-info") ein Element mit id="1234-info" durchaus. CSS weiß von dieser Erweiterung noch nichts, hinter dem # muss ein gültiger CSS Identifier stehen und der entspricht im Wesentlichen den HTML4 Regeln.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 14:48:49 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777542#m1777542 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777542#m1777542 <p>Hallo,</p> <blockquote> <p>ok, heißt für mich das ist "intern".</p> </blockquote> <p>K.A. was du damit meinst. Ich hatte dir die Seite verlinkt, auf der du finden konntest, dass Ids mit Buchstaben beginnen. Wenn du also statt "ode..." irgendwas mit "1..." nimmst, wäre es falsch.</p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 14:57:37 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777545#m1777545 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777545#m1777545 <p>@@Tabellenkalk</p> <blockquote> <p>Ich hatte dir die Seite verlinkt, auf der du finden konntest, dass Ids mit Buchstaben beginnen. Wenn du also statt "ode..." irgendwas mit "1..." nimmst, wäre es falsch.</p> </blockquote> <p>Du hast die Seite, die du da verlinkt hast, auch selbst gelesen?</p> <p>Da steht eindeutig, dass IDs in HTML <strong>nicht</strong> mit einem Buchstaben beginnen müssen.</p> <p>Dass das früher mal so war, ist mitlerweile irrelevant und sollte im SELFHTML-Wiki auch nicht mehr auftauchen. Oder begreift sich das Wiki als Museum?</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:05:53 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777546#m1777546 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777546#m1777546 <p>@@Rolf B</p> <blockquote> <p>CSS weiß von dieser Erweiterung noch nichts, hinter dem # muss ein gültiger CSS Identifier stehen und der entspricht im Wesentlichen den HTML4 Regeln.</p> </blockquote> <p>Nein, das stimmt so nicht.</p> <p>Natürlich kann man auch in CSS ID-Selektoren verwenden, wo die ID mit einer Ziffer beginnt. Man muss dann eben den <strong>Kontextwechsel</strong> beachten, d.h. die Ziffer escapen.</p> <p>Siehe <a href="https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719532#m1719532" rel="noopener noreferrer">dieses Posting</a> und das <a href="https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719540#m1719540" rel="noopener noreferrer">darauf folgende</a>.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:16:36 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777547#m1777547 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777547#m1777547 <p>Hallo,</p> <blockquote> <p>Du hast die Seite, die du da verlinkt hast, auch selbst gelesen?</p> </blockquote> <p>Ja, natürlich! Aber ich hab <s>rechtzeitig</s> äh, zu früh aufgehört…</p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:21:42 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777548#m1777548 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777548#m1777548 <p>Hallo,</p> <blockquote> <p>Natürlich kann man auch in CSS ID-Selektoren verwenden, wo die ID mit einer Ziffer beginnt. Man muss dann eben den <strong>Kontextwechsel</strong> beachten, d.h. die Ziffer escapen.</p> </blockquote> <p>Na super, also in HTML sind Ziffern erlaubt, will man diese aber mit CSS ansprechen, muss man sich entsprechend verrenken. Also sind Ziffern dann wohl doch falsch.</p> <p>Aber für vorliegendes Problem scheint CSS doch irrelevant, oder? Die Ids werden doch nur im JS angesprochen. Wie siehts da mit den Ziffern aus?</p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:30:47 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777549#m1777549 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777549#m1777549 <p>Hallo,</p> <blockquote> <p>Wie siehts da mit den Ziffern aus?</p> </blockquote> <p>Auf jedenfall sind sie schuld am Nichtfunktionieren. Auch wenn Gunnar mir für diese Aussage schon ein -1 verpasst hat: Das erste Zeichen in der id darf keine Ziffer sein.</p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:36:41 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777550#m1777550 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777550#m1777550 <p>Hallo Tabellenkalk,</p> <p>Jein. <code>querySelector("#blabla")</code> ist CSS.</p> <p>Ich wusste, dass ich die Escaperei schonmal gesehen hatte, fand es aber nicht wieder und habe den Abschnitt in der CSS Spec offenbar auch nicht verstanden.</p> <p>In JavaScript kommt dann noch hinzu, dass man doppelt escapen muss, damit der Backslash im CSS API ankommt: querySelector("#\\31 234-info") funktioniert. Brrr </p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 20:31:15 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777564#m1777564 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777564#m1777564 <p>@@Tabellenkalk</p> <blockquote> <p>Aber für vorliegendes Problem scheint CSS doch irrelevant, oder? Die Ids werden doch nur im JS angesprochen. Wie siehts da mit den Ziffern aus?</p> </blockquote> <p>JavaScript hat damit überhaupt kein Problem – <code>document.getElementById('1823-audio')</code> etc. funktioniert bestens. <a href="https://codepen.io/gunnarbittersmann/pen/vYKrRLy?editors=0010" rel="noopener noreferrer">IDs beginning with digits; getElementById</a></p> <p>Aber ja, ich hatte nicht genau formuliert. Das Problem tritt bei den <strong>Selektoren</strong> auf – welche in CSS verwendet werden; aber auch in JavaScript bei <code>document.querySelector</code>. Auch dort muss der Kontextwechsel beachtet und die erste Ziffer escapet werden: <code>1</code> → <code>\31 </code>.</p> <p>Und wie bereits angesprochen, findet ein weiterer Kontextwechsel statt, wenn das in JavaScript gebracht wird. Dann muss auch das <code>\</code> escapet werden: <code>\31 </code> → <code>\\31 </code>. Und dann funktioniert das auch: <a href="https://codepen.io/gunnarbittersmann/pen/PozaRwj?editors=0010" rel="noopener noreferrer">IDs beginning with digits; querySelector</a></p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:38:07 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777551#m1777551 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777551#m1777551 <p>Hallo Tabellenkalk,</p> <blockquote> <p>Das erste Zeichen in der id darf keine Ziffer sein.</p> </blockquote> <p>Können wir uns auf diese Formel einigen: „Das erste Zeichen in der id <em>sollte</em> keine Ziffer sein, um Mühsal und Elend im CSS zu vermeiden.“?</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:38:28 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777552#m1777552 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777552#m1777552 <p>Hallo,</p> <blockquote> <p>Brrr </p> </blockquote> <p>also Murx. Ich hab im Wiki ein <code>Beachten Sie</code> ergänzt.</p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:52:42 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777554#m1777554 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777554#m1777554 <p>Hallo,</p> <blockquote> <p>In JavaScript kommt dann noch hinzu, dass man doppelt escapen muss, damit der Backslash im CSS API ankommt: querySelector("#\\31 234-info") funktioniert. Brrr </p> </blockquote> <p>Und damit es hier im Forum ankommt, dreimal…</p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 15:39:58 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777553#m1777553 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777553#m1777553 <p>Hallo,</p> <blockquote> <p>Können wir uns auf diese Formel einigen: „Das erste Zeichen in der id <em>sollte</em> keine Ziffer sein, um Mühsal und Elend im CSS zu vermeiden.“?</p> </blockquote> <p>Ist das jetzt poetisch oder diplomatisch?</p> <p>Gruß<br> Kalk</p> <p>Edith glaubt „diploetisch“</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 16:25:08 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777555#m1777555 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777555#m1777555 <p>Hallo Tabellenkalk,</p> <p>LOL.</p> <p>Ich habe das Wiki noch etwas mehr angereichert. Den Artikel über CSS Maskierung muss ich mir noch angucken; ich habe nur gesehen dass es im WIKI schon drin war und schnell mal verlinkt.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 16:27:35 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777556#m1777556 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777556#m1777556 <p>Oh man, da habe ich ja was losgetreten Naja, habe es jetzt mit nem Buchstaben probiert und es klappt. Vielen Dank an alle, wieder was gelernt... Jetzt muss ich nur noch das mit dem Timeout hinbekommen. Falls da noch einer nen Tipp hat...</p> <p>Gruß stroika3</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 20:39:48 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777565#m1777565 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777565#m1777565 <p>Hallo Gunnar Bittersmann,</p> <p>ich würde dennoch den einfacheren Weg wählen. Und der heißt, auf IDs, die mit Ziffern beginnen, zu verzichten.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 21:23:23 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777567#m1777567 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777567#m1777567 <p>Hallo,</p> <blockquote> <p>funktioniert bestens.</p> </blockquote> <p>Nein. Eine Maskierung, die aus zwei Zeichen (\3) besteht, statt aus nur einem, und das zweite wirkt völlig willkürlich, kann man nicht als funktionell bezeichnen.</p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 21:17:18 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777566#m1777566 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777566#m1777566 <p>@@Matthias Apsel</p> <blockquote> <p>ich würde dennoch den einfacheren Weg wählen. Und der heißt, auf IDs, die mit Ziffern beginnen, zu verzichten.</p> </blockquote> <p>Ich auch. Die Escaperei macht den Code schlecht lesbar und damit fehleranfällig; das sollte man sich nicht antun …</p> <p>… wenn man nicht muss. Wenn man die IDs von anderen Teilen des Systems so vorgegeben bekommt und man damit leben muss, dann hieße das in dem Fall nicht <code>querySelector</code> zu verwenden, sondern <code>getElementById</code>.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 21:32:43 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777568#m1777568 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777568#m1777568 <p>Hallo Tabellenkalk,</p> <p>du bist zu streng. Das dritte \ ist nur für das Forum. Im JS sind es 2, und in einer CSS Datei ist es nur eins.</p> <p>Plus das eventuelle Space hintendran.</p> <p>Aber bestimmt hat irgendwer ein JS Erweiterung geschrieben mit einer String.prototype Ergänzung namens escapeCssId(), der Du "123" hineingibst und die Dir das "\\31 23" liefert.</p> <p>Hey, LOL, <a href="https://developer.mozilla.org/de/docs/Web/API/CSS/escape" rel="nofollow noopener noreferrer">das ist tatsächlich schon passiert</a>. Und steht sogar im <a href="https://wiki.selfhtml.org/wiki/JavaScript/CSS#escape" rel="nofollow noopener noreferrer">Self WIKI</a> und es gi(b)t einen <a href="https://github.com/mathiasbynens/CSS.escape/blob/master/css.escape.js" rel="noopener noreferrer">Polyfill</a> dazu.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 21:33:13 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777569#m1777569 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777569#m1777569 <p>@@Tabellenkalk</p> <blockquote> <p>Nein. Eine Maskierung, die aus zwei Zeichen (\3) besteht, statt aus nur einem, und das zweite wirkt völlig willkürlich, kann man nicht als funktionell bezeichnen.</p> </blockquote> <p>Nee, so nich’.</p> <p>Die Maskierung ist nicht <code>\3</code> davorschreiben, sondern <code>\<codepoint> </code>. <code>ä</code> (U+00E4) escapet wäre nicht <code>\3ä </code>, sondern <code>\E4 </code>.</p> <p>Der Codepoint von 1 ist U+0031. Das kann man escapet als <code>\31 </code> schreiben oder als <code>\031 </code>, <code>\0031 </code>, …</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 21:39:50 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777570#m1777570 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777570#m1777570 <p>Hallo Gunnar,</p> <blockquote> <p>Die Maskierung ist nicht \3 davorschreiben, sondern <codepoint></p> </blockquote> <p>Hach, nee, da <a href="https://wiki.selfhtml.org/wiki/CSS/Wertetypen/Schl%C3%BCsselw%C3%B6rter_und_Zeichenketten#Zeichen_maskieren" rel="nofollow noopener noreferrer">editier ich mir die Finger wund</a> und dann liest es keiner.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 21:45:26 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777571#m1777571 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777571#m1777571 <p>Hallo,</p> <blockquote> <p>Nee, so nich’.</p> </blockquote> <p>Achso! Dann versteh ich auch das Leerzeichen.</p> <p>Also ists eher keine Maskierung, sondern wohl ne Umkodierung.</p> <p>Gruß<br> Kalk</p> Aktion nach Start eines Audio-Elements Tue, 03 Nov 20 22:06:18 Z https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777572#m1777572 https://forum.selfhtml.org/self/2020/nov/03/aktion-nach-start-eines-audio-elements/1777572#m1777572 <p>Hallo Tabellenkalk,</p> <p>Umcodierung genau so wie &#x31; in HTML, nur kürzer </p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div>