Link im iframe soll parent-Dokument positionieren – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Link im iframe soll parent-Dokument positionieren Sun, 11 Feb 18 13:03:20 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713507#m1713507 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713507#m1713507 <p>Moin,</p> <p>ein weiteres ungelöstes Problem in meinen Chor-Projekten.</p> <p>Die Liederbücher bestehen aus einer Anzahl iframes. Jedes iframe ist eine Seite des Buchs und enthält auf Parent-Ebene einen Anker wie z.B.<code>id=lied_03</code></p> <pre><code class="block language-htm"><div class="a4"> <div id=lied_03 class="a4 ungerade"> <p class=page_nr><a href="#top">03</a></p> <p class=page_nr><a href="#top">03</a></p> <iframe frameborder=0 src="ich_geh_mit_meiner_laterne.htm"></iframe> <button id=regie_button_03 onclick="regie_sende( '03' )" title="Nr. 3 an Slaves senden"></button> </div></div> </code></pre> <p>Im ersten iframe ist das Inhaltsverzeichnis eines Projekts mit den Liedern. Jedes verlinkt auf die Parent-Seite. Parent (das Buch) soll also dorthin positionieren:</p> <pre><code class="block language-htm"> <tr> <td>Ich geh mit meiner Laterne ♫</td> <td>Hal</td> <td><a href="#lied_03" target="_parent">03</a></td> <td>Ku</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </code></pre> <p>Das Problem ist, dass das ganze Buch neu geladen wird. Zwar werden die iframe-Inhalte aus dem Cache geholt, deshalb fällt die Ladzeit nicht auf. Aber es gehen die Parameter (Auswertung mit Javascript) verloren, die beim Erstaufruf mitgegeben wurden:</p> <p><a href="http://osmer.de/musik/liedtexte/testchor.htm?master" rel="nofollow noopener noreferrer">http://osmer.de/musik/liedtexte/testchor.htm?master</a></p> <p>Aus dem master wird ein slave (siehe fixiertes Info-Feld)</p> <p>Wie kann ich das Neuladen vermeiden?</p> <p>Gruß, Linuchs</p> Link im iframe soll parent-Dokument positionieren Sun, 11 Feb 18 15:14:28 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713530#m1713530 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713530#m1713530 <p>Lieber Linuchs,</p> <blockquote> <p>ein weiteres ungelöstes Problem in meinen Chor-Projekten.</p> <p>Die Liederbücher bestehen aus einer Anzahl iframes.</p> </blockquote> <p>vielleicht solltest Du dieses Problem entfernen? Die Verwendung von <code>iframe</code>-Elementen ist an sich schon problematisch. Was spricht denn dagegen, für jede Seite ein <code>section</code>- oder <code>article</code>-Element zu verwenden, welches dann "aktiv" geschaltet wird? Da Du von einem "Intranet"-Projekt ausgehst, bei dem die Clients sich die Resource nicht aus dem Internet, sondern von einem Webserver im lokalen Netzwerk holen, spräche nichts dagegen, gleich das gesamte Liederbuch auf einmal zu laden.</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> Link im iframe soll parent-Dokument positionieren Sun, 11 Feb 18 15:26:26 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713534#m1713534 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713534#m1713534 <p>Hallo Linuchs,</p> <p>ich würde, wie Felix schon vorgeschlagen hat, auch auf die iframes verzichten. Wenn du nicht alle Liederbücher auf einmal ausliefern willst, kannst du sie ja per xmlhttprequest nachladen. Aus dem kompletten html musst du natürlich den Inhalt des Elements mit dem Lied noch extrahieren.</p> <p>Gruß<br> Jürgen</p> Gelöst Mon, 12 Feb 18 17:00:32 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713624#m1713624 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713624#m1713624 <blockquote> <p>Das Problem ist, dass das ganze Buch neu geladen wird.</p> </blockquote> <p>Ich stelle das Inhaltsverzeichnis direkt (anstatt per iframe) ins HTML-Dokument. Dadurch kann man zu den einzelnen Liedern und zurück springen, ohne dass das Dokument neu geladen wird.</p> <p>Danke für eure Begleitung und Anregungen.</p> <p>Linuchs</p> Link im iframe soll parent-Dokument positionieren Sun, 11 Feb 18 15:54:29 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713536#m1713536 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713536#m1713536 <p>Lieber Felix,</p> <blockquote> <p>Die Verwendung von <code>iframe</code>-Elementen ist an sich schon problematisch.</p> </blockquote> <p>Wenn ich bei jedem Problem kneifen würde, wäre ich noch blutiger Anfänger.</p> <blockquote> <p>Was spricht denn dagegen, für jede Seite ein <code>section</code>- oder <code>article</code>-Element zu verwenden, welches dann "aktiv" geschaltet wird?</p> </blockquote> <p>Die iframe-Inhalte sind komplette HTML-Dokumente, die auch <a href="http://osmer.de/musik/liedtexte/uhren_kanon.htm" rel="nofollow noopener noreferrer">einzeln</a> für eine Lose-Blatt-Sammlung gedruckt werden können.</p> <blockquote> <p>Da Du von einem "Intranet"-Projekt ausgehst, bei dem die Clients sich die Resource nicht aus dem Internet, sondern von einem Webserver im lokalen Netzwerk holen, spräche nichts dagegen, gleich das gesamte Liederbuch auf einmal zu laden.</p> </blockquote> <p>Warum mit Kanonen (Intranet-Server) auf Spatzen (einfache HTML-Anzeige/Druck) schießen? Keine gute Idee.</p> <p>Nur weil ich jetzt als "Gag" diese Master/Slave Idee mit Ajax habe, mag ich nicht hunderte von Liedern "umschreiben".</p> <p>Gruß, Linuchs</p> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 11:59:26 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713601#m1713601 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713601#m1713601 <blockquote> <p>Aus dem kompletten html musst du natürlich den Inhalt des Elements mit dem Lied noch extrahieren.</p> </blockquote> <p>Das Liederbuch soll lokal ohne PHP-Server druckbar bleiben.</p> <p>Das jetzige Parent-Dokument mit den iframes müsste sich also per Javascript die Lieder greifen. Soweit mir bekannt, kann Javascript nicht auf Dateien zugreifen.</p> <p>Aber dein Vorschlag bringt mich auf die Idee, zumindest das Inhaltsverzeichnis ins Parent-Dokument zu setzen anstatt in einen iframe.</p> <p>Das kann ich dann zwar nicht mehr einzeln aufrufen zum Drucken, aber ich kann ja vom gesamten Liederbuch nur Seite 1 drucken.</p> Link im iframe soll parent-Dokument positionieren Sun, 11 Feb 18 16:05:06 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713538#m1713538 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713538#m1713538 <p>Hallo,</p> <blockquote> <p>Nur weil ich jetzt als "Gag" diese Master/Slave Idee mit Ajax habe, mag ich nicht hunderte von Liedern "umschreiben".</p> </blockquote> <p>musst du ja auch nicht.</p> <p>Gruß<br> Jürgen</p> Link im iframe soll parent-Dokument positionieren Sun, 11 Feb 18 16:09:22 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713540#m1713540 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713540#m1713540 <p>Hallo,</p> <blockquote> <blockquote> <p>Die Verwendung von <code>iframe</code>-Elementen ist an sich schon problematisch.</p> </blockquote> <p>Wenn ich bei jedem Problem kneifen würde, wäre ich noch blutiger Anfänger.</p> </blockquote> <p>naja, wenn man eine veraltete Technik, die auch noch Probleme macht, durch etwas besseres ersetzt, zeugt das nicht von einem Anfänger.</p> <p>Gruß<br> Jürgen</p> Link im iframe soll parent-Dokument positionieren Sun, 11 Feb 18 17:03:30 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713547#m1713547 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713547#m1713547 <p>Lieber Linuchs,</p> <blockquote> <p>Wenn ich bei jedem Problem kneifen würde, wäre ich noch blutiger Anfänger.</p> </blockquote> <p>wenn Du ohne Not <code>iframe</code>s verwendest, vielleicht auch..?</p> <blockquote> <p>Die iframe-Inhalte sind komplette HTML-Dokumente, die auch <a href="http://osmer.de/musik/liedtexte/uhren_kanon.htm" rel="nofollow noopener noreferrer">einzeln</a> für eine Lose-Blatt-Sammlung gedruckt werden können.</p> </blockquote> <p>Aha, Du willst Dir die Mühe nicht machen, diese "lose Blattsammlung" anders zu arganisieren. Jetzt verstehe ich. Nun, da ist vielleicht die bisherige Lösung für die Blattsammlung nicht gut!</p> <blockquote> <p>Warum mit Kanonen (Intranet-Server) auf Spatzen (einfache HTML-Anzeige/Druck) schießen? Keine gute Idee.</p> <p>Nur weil ich jetzt als "Gag" diese Master/Slave Idee mit Ajax habe, mag ich nicht hunderte von Liedern "umschreiben".</p> </blockquote> <p>Wie kommt man denn an die "einfache HTML-Anzeige"? Und mit JavaScript und CSS kann man die Druckausgabe eines Dokumentes wunderbar beeinflussen:</p> <pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">doctype</span> <span class="token name">html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Liederbuch<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css"> <span class="token selector">article:not(.current)</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token atrule"><span class="token rule">@media</span> print</span> <span class="token punctuation">{</span> <span class="token selector">.screen</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token atrule"><span class="token rule">@media</span> screen</span> <span class="token punctuation">{</span> <span class="token selector">.print</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>main</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>screen<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Liederbuch<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>screen<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Blättern Sie: <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>prev<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>« vorherige Seite<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>next<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nächste Seite »<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</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>article</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>current<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>Ich geh' mit meiner Laterne<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>Sankt Martin<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>main</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>Wenn Du nun <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/classList#Umschalten_mit_toggle" rel="nofollow noopener noreferrer">mit JavaScript die Klasse <code>current</code> von einem <code>article</code> zu einem anderen überträgst</a>, dann wird nur dieses angezeigt und gedruckt. Obendrein kannst Du Elemente vor der Druck- oder Bildschirmausgabe "verstecken", indem Du die Klassen <code>print</code> und <code>screen</code> analog verwendest.</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> Link im iframe soll parent-Dokument positionieren Sun, 11 Feb 18 18:07:11 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713553#m1713553 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713553#m1713553 <p>Hallo Ingrid,</p> <blockquote> <p>Wenn Du nun <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/classList#Umschalten_mit_toggle" rel="nofollow noopener noreferrer">mit JavaScript die Klasse <code>current</code> von einem <code>article</code> zu einem anderen überträgst</a>, dann wird nur dieses angezeigt und gedruckt. Obendrein kannst Du Elemente vor der Druck- oder Bildschirmausgabe "verstecken", indem Du die Klassen <code>print</code> und <code>screen</code> analog verwendest.</p> </blockquote> <p><a href="http://felix-riesterer.de/self/linuchsens-liederbuch.html" rel="nofollow noopener noreferrer">Beispiel zum anschauen</a></p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 10:35:49 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713589#m1713589 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713589#m1713589 <p>@@Felix Riesterer</p> <blockquote> <p>die Klasse <code>current</code></p> </blockquote> <p>… ist ein Fall, wo man anstelle eines <code>class</code>-Attributs besser ein anderes einsetzt: <code>aria-current</code>. Wenn keiner der speziellen Werte wie <code>"page"</code> passt, dann mit <code>"true"</code>. ☞ <a href="https://tink.uk/using-the-aria-current-attribute/" rel="nofollow noopener noreferrer">Using the aria-current attribute</a> (Léonie Watson)</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 13:50:24 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713610#m1713610 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713610#m1713610 <p>Lieber Gunnar,</p> <blockquote> <blockquote> <p>die Klasse <code>current</code></p> </blockquote> <p>… ist ein Fall, wo man anstelle eines <code>class</code>-Attributs besser ein anderes einsetzt: <code>aria-current</code>.</p> </blockquote> <p>welchen Sinn hat ein Screenreader bei Musiknoten, die auch noch als JPEG vorliegen? Da reißt es das <code>aria-current</code> auch nicht mehr.</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 12:32:28 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713604#m1713604 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713604#m1713604 <p>Hallo,</p> <blockquote> <p>Das jetzige Parent-Dokument mit den iframes müsste sich also per Javascript die Lieder greifen. Soweit mir bekannt, kann Javascript nicht auf Dateien zugreifen.</p> </blockquote> <p>natürlich kann Javascript auf Dateien auf dem Server zugreifen: xmlhttprequest. Alles, was du über url-Eingabe im Browser laden kannst, kannst du auch per xmlhttprequest abrufen.</p> <p>Gruß<br> Jürgen</p> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 13:55:16 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713611#m1713611 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713611#m1713611 <p>Lieber Linuchs,</p> <blockquote> <p>Das Liederbuch soll lokal ohne PHP-Server druckbar bleiben.</p> </blockquote> <p>und was hat Dir an <a href="https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713547#m1713547" rel="noopener noreferrer">meiner Antwort</a> inklusive <a href="http://felix-riesterer.de/self/linuchsens-liederbuch.html" rel="nofollow noopener noreferrer">ausgearbeiteten online-Beispiel</a> nicht genügt, dass Du noch nicht einmal eine Antwort gegeben hast?</p> <blockquote> <p>Das jetzige Parent-Dokument mit den iframes müsste sich also</p> </blockquote> <p>Es müsste sich rest- und ersatzlos entfernen lassen. Den Beweis habe ich dazu bereits erbracht.</p> <blockquote> <p>Soweit mir bekannt, kann Javascript nicht auf Dateien zugreifen.</p> </blockquote> <p>Richtig. Aber per XMLHttpRequest-Objekt (AJAX) kann es das doch... auch auf andere HTML-Dokumente im selben Festplattenverzeichnis bzw. auf andere Seiten im Netz.</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 12:47:27 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713606#m1713606 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713606#m1713606 <p>@@JürgenB</p> <blockquote> <blockquote> <p>Soweit mir bekannt, kann Javascript nicht auf Dateien zugreifen.</p> </blockquote> <p>natürlich kann Javascript auf Dateien auf dem Server zugreifen: xmlhttprequest.</p> </blockquote> <p>Warum sollte man damit noch rumfuhrwerken wollen? Es gibt das <a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API" rel="nofollow noopener noreferrer">Fetch-API</a>.</p> <p>Falls nötig: <a href="https://github.com/github/fetch" rel="noopener noreferrer">Polyfill</a>.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 15:08:59 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713614#m1713614 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713614#m1713614 <p>Hallo Gunnar,</p> <blockquote> <blockquote> <p>natürlich kann Javascript auf Dateien auf dem Server zugreifen: xmlhttprequest.</p> </blockquote> <p>Warum sollte man damit noch rumfuhrwerken wollen? Es gibt das <a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API" rel="nofollow noopener noreferrer">Fetch-API</a>.</p> </blockquote> <p>ist das nicht auch ein xmlhttprequest?</p> <blockquote> <p>Falls nötig: <a href="https://github.com/github/fetch" rel="noopener noreferrer">Polyfill</a>.</p> </blockquote> <p>Wobei man erwähnen sollte, das dieser noch einen Polyfill für Promise benötigt.</p> <p>Gruß<br> Jürgen</p> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 14:13:33 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713612#m1713612 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713612#m1713612 <p>Hallo Felix Riesterer,</p> <blockquote> <blockquote> <blockquote> <p>die Klasse <code>current</code></p> </blockquote> <p>… ist ein Fall, wo man anstelle eines <code>class</code>-Attributs besser ein anderes einsetzt: <code>aria-current</code>.</p> </blockquote> <p>welchen Sinn hat ein Screenreader bei Musiknoten, die auch noch als JPEG vorliegen? Da reißt es das <code>aria-current</code> auch nicht mehr.</p> </blockquote> <p>Keinen. <code>aria-current</code> ist in diesem Fall gleichwertig zur Klasse. In vielen anderen Fällen nicht.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 14:33:56 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713613#m1713613 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713613#m1713613 <p>@@Felix Riesterer</p> <blockquote> <p>welchen Sinn hat ein Screenreader bei Musiknoten, die auch noch als JPEG vorliegen? Da reißt es das <code>aria-current</code> auch nicht mehr.</p> </blockquote> <p>Ich wollte <code>aria-current="…"</code> anstatt <code>class="current"</code> allgemein in den Raum stellen.</p> <p>Und da wären wir wieder bei der Frage, welchen Sinn es macht, bei einer speziellen Anwendung von Webtechnologien plötzlich andere Regeln gelten zu lassen als bei einer Webseite.</p> <p>Und es ist ja auch kein höherer Aufwand damit verbunden: im Markup oben Gesagtes, im Stylesheet <code>[aria-current]</code> anstatt <code>.current</code>.</p> <p>Ich würde die Nützlichkeit von <code>aria-current</code> auch gar nicht auf Screenreader beschränken wollen. Weiß der Geier, welche Anwendungen das noch für sich nutzen können. Das ist ja das Schöne an HTML: es ist eine <em>deklarative Sprache</em>. HTML <em>beschreibt</em> die Inhalte und deren Struktur. HTML kümmert sich nicht darum, was Anwendungen aus den Beschreibungen machen.</p> <p>Und ich würde die Bedienbarkeit der Anwendung auch gar nicht mit dem Sehvermögen für die Noten in Verbindung bringen. Warum sollte nicht ein Blinder/Sehschwacher die Anwendung bedienen und die Noten für die anderen Chormitglieder umschalten können?</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 17:08:16 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713625#m1713625 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713625#m1713625 <p>Lieber Felix,</p> <blockquote> <p>und was hat Dir an <a href="https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713547#m1713547" rel="noopener noreferrer">meiner Antwort</a> inklusive <a href="http://felix-riesterer.de/self/linuchsens-liederbuch.html" rel="nofollow noopener noreferrer">ausgearbeiteten online-Beispiel</a> nicht genügt, dass Du noch nicht einmal eine Antwort gegeben hast?</p> </blockquote> <p>sorry, ich habe eine Weile nicht nachgeschaut, weil ich eine Sortierfunktion geschrieben und getestet habe.</p> <p>Die hatte ich bisher nur für Tabellen. Jetzt also auch für Listen.</p> <blockquote> <p>article:not(.current)</p> </blockquote> <p>Kannte ich bisher nicht, muss ich mal in Ruhe ausprobieren.</p> <blockquote> <p>per XMLHttpRequest-Objekt (AJAX) kann es das doch</p> </blockquote> <p>Missverständnis? Wenn ich das Liederbuch lokal auf dem Rechner habe ohne Server ? Soweit ich weiss, muss AJAX einen PHP-Ansprechpartner haben.</p> <p>Liebe Grüße, Linuchs</p> Link im iframe soll parent-Dokument positionieren Mon, 12 Feb 18 16:10:55 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713617#m1713617 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713617#m1713617 <p>@@JürgenB</p> <blockquote> <blockquote> <p>Warum sollte man damit noch rumfuhrwerken wollen? Es gibt das <a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API" rel="nofollow noopener noreferrer">Fetch-API</a>.</p> </blockquote> <p>ist das nicht auch ein xmlhttprequest?</p> </blockquote> <p>Was immer sich dahinter verbirgt, es ist weggekapselt. Und das ist auch gut so, das Fetch-API ist einfacher handhabbar.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Link im iframe soll parent-Dokument positionieren Tue, 13 Feb 18 10:10:13 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713664#m1713664 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713664#m1713664 <p>Lieber Linuchs,</p> <blockquote> <p>Missverständnis? Wenn ich das Liederbuch lokal auf dem Rechner habe ohne Server ? Soweit ich weiss, muss AJAX einen PHP-Ansprechpartner haben.</p> </blockquote> <p>nö. Mir ist es im Firefox gelungen via XMLHttpRequest eine simple Textdatei zu "laden" (Inhalt stand in der Eigenschaft responseText "einfach so" drin). Probier's mal aus! Aber noch finde ich die Lösung in einer einzigen HTML-Datei besser. <a href="https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713553#m1713553" rel="noopener noreferrer">Zu meinem Beispiel hast Du ja noch immer nichts gesagt</a>...</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> Link im iframe soll parent-Dokument positionieren Tue, 13 Feb 18 10:30:23 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713667#m1713667 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713667#m1713667 <p>Hallo Linuchs,</p> <blockquote> <p>Soweit ich weiss, muss AJAX einen PHP-Ansprechpartner haben.</p> </blockquote> <p>es muss einen Ansprechpartner haben. Das MUSS ein http-/https-Server sein, aber nicht zwingend PHP. Nur XMLHttpRequest auf file:/// geht aus naheliegenden Gründen nicht. Und den hat auch Felix nicht gebaut. Wenn Du deine Dateien von file:/// lädst, greift seine Lösung nicht.</p> <p>D.h. wenn du auf localhost irgendwas bereitstellen kann, das statische HTML Inhalte ausliefern kann, dann kannst Du Ajax und Felix' Idee nutzen.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - clusi </div> Link im iframe soll parent-Dokument positionieren Tue, 13 Feb 18 11:19:35 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713674#m1713674 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713674#m1713674 <p>Hallo Rolf,</p> <blockquote> <p>... Nur XMLHttpRequest auf file:/// geht aus naheliegenden Gründen nicht.</p> </blockquote> <p>die Gründe scheinen (noch) nicht für alle naheliegend zu sein. Der Firefox unterstützt XMLHttpRequest auch von der lokalen Festplatte. Allerdings darf man da nicht auf Status 200 warten.</p> <p>Gruß<br> Jürgen</p> Link im iframe soll parent-Dokument positionieren Tue, 13 Feb 18 13:03:56 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713690#m1713690 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713690#m1713690 <p>@@Rolf B</p> <blockquote> <p>es muss einen Ansprechpartner haben. Das MUSS ein http-/https-Server sein, aber nicht zwingend PHP. Nur XMLHttpRequest auf file:/// geht aus naheliegenden Gründen nicht</p> </blockquote> <p>Wieso nicht? <a href="https://forum.selfhtml.org/self/2017/nov/23/ajax-nachladen/1709185#m1709185" rel="noopener noreferrer">Ist es an Request gekoppelt?</a></p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Link im iframe soll parent-Dokument positionieren Tue, 13 Feb 18 14:34:40 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713709#m1713709 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713709#m1713709 <p>Hallo Gunnar,</p> <p>weiß nicht wieso nicht - FF zeigt ja dass es gehen könnte. Man kann in das Verzeichnis der HTML Datei und Unterverzeichnisse hineingreifen.</p> <p>Chrome sagt: Enä, dat is Cross Origin und das machst Du nicht mit file:///. Wobei es doch gar nicht kreuzweise ist, wenn ich aus file:///d:/temp/hugo.html auf file:///d:/temp/otto.dat zugreifen will.</p> <p>Ich hatte das Verhalten von Chrome da als "isso" klassifiziert; dass FF das anders macht, wusste ich nicht. Aber offenbar kann man das in Chrome über einen Kommandozeilenschalter auch möglich machen; aber darauf will ich nun nicht eingehen. Offenbar wollen die Spec-ialisten es nicht. <em>shrug</em></p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - clusi </div> Link im iframe soll parent-Dokument positionieren Tue, 13 Feb 18 14:39:39 Z https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713711#m1713711 https://forum.selfhtml.org/self/2018/feb/11/link-im-iframe-soll-parent-dokument-positionieren/1713711#m1713711 <p>Hallo,</p> <p>als ich vor ca. 10 Jahren mit xmlhttprequests angefangen habe, konnte man noch in allen Browsern auf file://... zugreifen. So nach und nach wurde es dann als gefährlich eingestuft, und heute kann es nur noch der FF.</p> <p>Gruß<br> Jürgen</p>