Cross-Origin Problem

[Linuchs]

Moin,

Liederbücher bestehen aus Seiten, die je ein iframe enthalten. Jedes iframe ein Lied.

Die Schriftgröße im Lied-Dokument ist abhängig davon, ob das Liederbuch im Titel a3, a5, a6 enthält:

  <script>
  // die Links zu den Titeln können verweisen auf A3, A4, A5, A6 -->
  console.log( top.location.href );
  if( top.location.href.indexOf ("a3") != -1 ) {
    document.writeln( '<link rel=stylesheet  href="css/basis_a3.css">' );
  } else if( top.location.href.indexOf ("a5") != -1 ) {
    document.writeln( '<link rel=stylesheet  href="css/basis_a5.css">' );
  } else if( top.location.href.indexOf ("a6") != -1 ) {
    document.writeln( '<link rel=stylesheet  href="css/basis_a6.css">' );
  }
  </script>

Der Firefox weigert sich local, top.location.href zur Kenntnis zu nehmen. Top- und iframe-Dokumente sind im selben Ordner:

Uncaught DOMException: Permission denied to get property "href" on cross-origin object

Nach Hochladen des Liederbuchs und der Lied-Dokumente ist das kein Problem mehr, wie kann ich das auch ohne Hochladen erreichen?

fragt Linuchs