0

通常、内部アンカーは で定義され<a name="anchorname">Introduction</a>ます。アンカーにリンクする場合は、次のように記述します<a href="#anchorname">Top</a>

TYPO3 は、各要素の前に のようなアンカーを追加します<a id="c118"></a>。そこで、コンテンツ要素 (タブ: ページ) で RTE にリンクします。そのようなリンクをクリックしても<a class="internal-link" title="Some text" href="index.php?id=24#c118">Some text</a>、FF 15.0.1 では何も起こりません。

  • FF 15.0.1 - 動作しない (何もしない)
  • IE9 - 動作していません (ジャンプしますが、間違った位置に移動します)
  • Safari 5.1.7 - 動作します
  • Opera 12.02 - 動作しない (何もしない)
  • Chrome 21 - 動作します

TYPO3 で同じページのコンテンツ要素にリンクする解決策はありますか? それは仕様外ですか、それともブラウザのバグですか?

編集:

これをメインセットアップに入れました:

tt_content.stdWrap {
  dataWrap = |
  prepend >
  prepend = COA
  prepend {
    10 = TEXT
    10.dataWrap = <a id="c{field:uid}" name="c{field:uid}"><!-- ANCHOR --></a>
    10.if.isFalse.field = _LOCALIZED_UID
    20 = TEXT
    20.dataWrap = <a id="c{field:_LOCALIZED_UID}" name="c{field:_LOCALIZED_UID}"><!-- ANCHOR --></a>
    20.if.isTrue.field = _LOCALIZED_UID
  }
  prefixComment = 1 | CONTENT ELEMENT,
uid:{field:_LOCALIZED_UID//field:uid}/{field:CType}
}

HTMLコードに<a id="c118" name="c118"></a>アンカーがありますが、FFはまだ機能しません...すべてのスタイル(CSS)を無効にすると、アンカーがFFで機能することがわかりました。どうして?

解決:

次の行が問題でした。

.gallery {
  /* Weird anchor link bug in browsers if activated 
  position:relative;
  float:left;
  */
  width:753px;
  margin-bottom:25px;
}

なぜこれが問題を引き起こすのかという疑問が残ります...

4

2 に答える 2

2

技術的には、これらのアンカー正しく、機能するはずです。w3.orgを参照してください。ただし、tt_content.stdWrap.prepend.dataWrapTyposcript セットアップで変更することにより、これらのアンカーの生成を変更できます。現在の設定を確認するには、Typoscript Object Browser を使用します。

于 2012-09-19T12:20:51.987 に答える
0

追加コードなしでTYPO3 6.2.25まで、私は以下を使用しました:

<a name="top"></a>

<a href="/index.php?id=(id-number)#top">Go to Top</a>

どこかで見たより良い解決策:

<a name="top"/>

<a href="" onclick="javascript:document.location.hash='top'; return false;">Goto top</a>
于 2016-07-10T21:59:12.573 に答える