[Frage] Beim Sprachwechsel wird beim Template tags nicht korrekt übernommen [Gelöst] TYPO3-Version: 6.1.7

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    02. 04. 2014, 12:12

    Hallo Liebe Gemeinde,

    ich bin weiter dabei Typo3 intensiv zu studieren und bin jetzt auf einen Interessanten Fehler gestoßen, den ich bisher nicht gelöst bekommen habe.

    Auf meiner Seite habe ich zwei Sprachen. Alles funktioniert soweit richtig, ausser beim Template. Auf der Startseite habe ich ein DIV Container mit einem a-tag wrap fest integriert. Im DIV Container wird ein Inhaltselement angelegt.
    Wenn ich die Sprache wechsele verschiebt sich dieser a-tag wrap, so dass der DIV Container kein Link mehr ist. Lustiger weise wird der a-tag vor dem Container gesetzt, also als Beispiel:

    so sollte es sein:

    <a href="#">
    <div id="test">
    <!--###inhalt###-->
    <!--###inhalt###-->
    </div>
    </a>

    so sieht es nach dem Sprachwechsel aus:

    <a href="#">
    </a>

    <div id="test">
    <!--###inhalt###-->
    <!--###inhalt###-->
    </div>

    Sehr seltsam, weil doch eigentlich das Template doch nicht verändert werden dürfte.

    Vielleicht hat jemand hier eine Idee woran es liegen könnte? Im Template selbst ist soweit ich gesehen habe kein Fehler?!?

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    02. 04. 2014, 14:48 - Lösung

    Das Problem ist jetzt gelöst. Hatte den Doctype geändert, aber das hatte keine Wirkung.

    jetzt habe ich die überflüssigen a-tags entfernt Dank toifel der mir den Tip gegeben hat. Für alle die das selbe Problem irgendwann haben hier noch einmal der Code (einfach ins template setup reinschreiben) :

    1. tt_content.stdWrap.innerWrap.cObject.66.10 >
    2. tt_content.stdWrap.innerWrap.cObject.66.10.value >
    3. tt_content.stdWrap.prepend.dataWrap >

    Durch die überflüssigen anchor Tags kam Typo3 wohl durcheinander. So richtig verstehe ich noch nicht genau was intern passiert, aber so lässt sich das Problem lösen.

    VIELEN LIEBEN DANK AN TOIFEL :):):):):)

  • Hilfreichster Beitrag

  • toifel toifel
    Jedi-Ratsmitglied
    1 x
    831 Beiträge
    96 Hilfreiche Beiträge
    02. 04. 2014, 14:18 - Hilfreichster Beitrag

    In der Tat merkwürdig.. auf was für nem Doktype läuft denn die Seite? Noch HTML4? Dort ist es nämlich nicht erlaubt Blockelemente in Ankern zu verschachteln, evtl. versucht der DOM-Inspektor das zu beheben.

    Die Anker über den ContentElementen müsstest du hiermit weg bekommen:

    1. tt_content.stdWrap.innerWrap.cObject.66.10 >

    oder

    1. tt_content.stdWrap.innerWrap.cObject.66.10.value =


  • 1
  • toifel toifel
    Jedi-Ratsmitglied
    0 x
    831 Beiträge
    96 Hilfreiche Beiträge
    02. 04. 2014, 12:30

    Das Typoscript dazu wäre hilfreich.. dann kann man dir auch sagen, ob es dort einen Fehler gibt.
    Hast du den Quelltext aus einem DOM Inspektor (Entwicklertools, Firebird)? Die haben nämlich die Angewohnheit den Quelltext selbst zu fixen, wenn irgendwelche Tags nicht korrekt geschlossen wurden.. danach sieht das hier aus.
    Am besten mal in den normalen Quelltext schauen und nach offenen Tags suchen, ansonsten noch das Typoscript posten.

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    02. 04. 2014, 12:54

    Hallo toifel,
    vielen lieben Dank für deine schnelle Antwort. Du hast recht. Der Dom Inspektor schließt die Tags. Ich vermute jetzt langsam, das ggf. zu viele div tags zwischen den a-tag liegen und der Browser sie selbst schließt. Jetzt wo ich mir den reinen Quelltext angeschaut habe, ist der Aufbau korrekt. Ich habe jetzt mal den Template Code hinzugefügt. Vielleicht hast du eine Idee?

    Hier der Typoscript Auszug für die Spracheinstellungen:

    1. config {
    2. linkVars = L
    3. htmlTag_langKey = de_DE
    4. sys_language_uid = 0
    5. language = de
    6. locale_all = de_DE
    7. sys_language_mode = content_fallback
    8. sys_language_overlay = hideNonTranslated
    9. }
    10.  
    11.  
    12. [globalVar = GP:L = 1]
    13. config.linkVars = L
    14. config.sys_language_uid = 1
    15. config.language = en
    16. config.locale_all = en_GB
    17. config.htmlTag_langKey = en_GB
    18. config.locale_all = en_EN.UTF-8
    19. [global]

    Und hier das HTML:

    <div class="downpart" id="downpart">
    <a href="#" data-reveal-id="myModal">
    <div id="downwidget1">
    <div id="flag"></div>
    <!-- ###WIDGET_0### -->
    <!-- ###WIDGET_0### -->
    </div>
    </a>
    <div id="abstand"></div>
    <a href="#" data-reveal-id="myModal_2">
    <div id="downwidget2">
    <div id="flag"></div>
    <!-- ###WIDGET_1### -->
    <!-- ###WIDGET_1### -->
    </div>
    </a>
    <div id="abstand"></div>
    <div id="downwidget5">
    <!-- ###WIDGET_2### -->
    <img src="images/suse.png"/>
    <!-- ###WIDGET_2### -->
    </div>
    </div>

    Und so sieht es nach dem Sprachwechsel aus:

    <div class="downpart" id="downpart">
    <a href="#" data-reveal-id="myModal">
    <div id="downwidget1">
    <div id="flag">
    </div>
    <!-- CONTENT ELEMENT, uid:19/gridelements_pi1 [begin]--><a id="c51"></a>
    <div id="c19" class="csc-default">
    <div id="downwidget_image">
    <!-- CONTENT ELEMENT, uid:20/image [begin]-->
    <div id="c20" class="csc-default">
    <!-- Image block: [begin]-->
    <div class="csc-textpic csc-textpic-center csc-textpic-above">
    <div class="csc-textpic-imagewrap">
    <div class="csc-textpic-center-outer">
    <div class="csc-textpic-center-inner">
    <div class="csc-textpic-image csc-textpic-last">
    <img src="fileadmin/_processed_/csm_fossgis2014_97dc371fea.png" width="229" height="181" border="0" alt="">
    </div>
    </div>
    </div>
    </div>
    </div><!-- Image block: [end]-->
    </div><!-- CONTENT ELEMENT, uid:20/image [end]-->
    </div>
    <div id="downwidget_content">
    <!-- CONTENT ELEMENT, uid:22/text [begin]--><a id="c50"></a>
    <div id="c22" class="csc-default">
    <!-- Header: [begin]-->
    <div class="csc-header csc-header-n1">
    <h1 class="csc-firstHeader">FOSSGIS 2014 in Berlin</h1>
    </div>
    <!-- Header: [end]--><!-- Text: [begin]-->
    <p class="bodytext">
    From 19. – 21. March 2014 the german FOSSGIS Conference took place at the Beuth Hochschule für Technik in Berlin.
    </p>
    <!-- Text: [end]-->
    </div>
    <!-- CONTENT ELEMENT, uid:22/text [end]-->
    <div id="weiterlesen">
    Hier weiterlesen
    </div>
    </div>
    </div>
    <!-- CONTENT ELEMENT, uid:19/gridelements_pi1 [end]-->
    </div>
    </a>
    <div id="abstand">
    </div>
    <a href="#" data-reveal-id="myModal_2">
    <div id="downwidget2">
    <div id="flag">
    </div>
    <!-- CONTENT ELEMENT, uid:23/gridelements_pi1 [begin]--><a id="c54"></a>
    <div id="c23" class="csc-default">
    <div id="downwidget_image">
    <!-- CONTENT ELEMENT, uid:24/image [begin]-->
    <div id="c24" class="csc-default">
    <!-- Image block: [begin]-->
    <div class="csc-textpic csc-textpic-center csc-textpic-above csc-textpic-equalheight">
    <div class="csc-textpic-imagewrap">
    <div class="csc-textpic-center-outer">
    <div class="csc-textpic-center-inner">
    <div class="csc-textpic-image csc-textpic-last">
    <img src="fileadmin/_processed_/csm_fema_cluster_2447dd27dc.jpg" width="217" height="170" border="0" alt="">
    </div>
    </div>
    </div>
    </div>
    </div><!-- Image block: [end]-->
    </div><!-- CONTENT ELEMENT, uid:24/image [end]-->
    </div>
    <div id="downwidget_content">
    <!-- CONTENT ELEMENT, uid:25/text [begin]--><a id="c52"></a>
    <div id="c25" class="csc-default">
    <!-- Header: [begin]-->
    <div class="csc-header csc-header-n1">
    <h1 class="csc-firstHeader">Socio-economic analysis</h1>
    </div>
    <!-- Header: [end]--><!-- Text: [begin]-->
    <p class="bodytext">
    For the south-west of England, we have created a statistical study together with QGIS on DVD.
    </p>
    <!-- Text: [end]-->
    </div>
    <!-- CONTENT ELEMENT, uid:25/text [end]-->
    <div id="weiterlesen">
    Hier weiterlesen
    </div>
    </div>
    </div>
    <!-- CONTENT ELEMENT, uid:23/gridelements_pi1 [end]-->
    </div>
    </a>
    <div id="abstand">
    </div>
    <div id="downwidget5">
    <a href="#" data-reveal-id="myModal"><!-- CONTENT ELEMENT, uid:18/image [begin]-->
    <div id="c18" class="csc-default">
    <!-- Image block: [begin]-->
    <div class="csc-textpic csc-textpic-center csc-textpic-above">
    <div class="csc-textpic-imagewrap">
    <div class="csc-textpic-center-outer">
    <div class="csc-textpic-center-inner">
    <div class="csc-textpic-image csc-textpic-last">
    <img src="fileadmin/user_upload/suse.png" width="223" height="171" border="0" alt="">
    </div>
    </div>
    </div>
    </div>
    </div><!-- Image block: [end]-->
    </div><!-- CONTENT ELEMENT, uid:18/image [end]-->
    </a>
    </div>
    </div>

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    02. 04. 2014, 12:55

    1. <div class="downpart" id="downpart">
    2. <a href="#" data-reveal-id="myModal">
    3. <div id="downwidget1">
    4. <div id="flag"></div>
    5. <!-- ###WIDGET_0### -->
    6. <!-- ###WIDGET_0### -->
    7. </div>
    8. </a>
    9. <div id="abstand"></div>
    10. <a href="#" data-reveal-id="myModal_2">
    11. <div id="downwidget2">
    12. <div id="flag"></div>
    13. <!-- ###WIDGET_1### -->
    14. <!-- ###WIDGET_1### -->
    15. </div>
    16. </a>
    17. <div id="abstand"></div>
    18. <div id="downwidget5">
    19. <!-- ###WIDGET_2### -->
    20. <img src="images/suse.png"/>
    21. <!-- ###WIDGET_2### -->
    22. </div>
    23. </div>

    1. <div class="downpart" id="downpart">
    2. <a href="#" data-reveal-id="myModal">
    3. <div id="downwidget1">
    4. <div id="flag">
    5. </div>
    6. <!-- CONTENT ELEMENT, uid:19/gridelements_pi1 [begin] --><a id="c51"></a>
    7. <div id="c19" class="csc-default">
    8. <div id="downwidget_image">
    9. <!-- CONTENT ELEMENT, uid:20/image [begin] -->
    10. <div id="c20" class="csc-default">
    11. <!-- Image block: [begin] -->
    12. <div class="csc-textpic csc-textpic-center csc-textpic-above">
    13. <div class="csc-textpic-imagewrap">
    14. <div class="csc-textpic-center-outer">
    15. <div class="csc-textpic-center-inner">
    16. <div class="csc-textpic-image csc-textpic-last">
    17. <img src="fileadmin/_processed_/csm_fossgis2014_97dc371fea.png" width="229" height="181" border="0" alt="">
    18. </div>
    19. </div>
    20. </div>
    21. </div>
    22. </div><!-- Image block: [end] -->
    23. </div><!-- CONTENT ELEMENT, uid:20/image [end] -->
    24. </div>
    25. <div id="downwidget_content">
    26. <!-- CONTENT ELEMENT, uid:22/text [begin] --><a id="c50"></a>
    27. <div id="c22" class="csc-default">
    28. <!-- Header: [begin] -->
    29. <div class="csc-header csc-header-n1">
    30. <h1 class="csc-firstHeader">FOSSGIS 2014 in Berlin</h1>
    31. </div>
    32. <!-- Header: [end] --><!-- Text: [begin] -->
    33. <p class="bodytext">
    34. From 19. – 21. March 2014 the german FOSSGIS Conference took place at the Beuth Hochschule für Technik in Berlin.
    35. </p>
    36. <!-- Text: [end] -->
    37. </div>
    38. <!-- CONTENT ELEMENT, uid:22/text [end] -->
    39. <div id="weiterlesen">
    40. Hier weiterlesen
    41. </div>
    42. </div>
    43. </div>
    44. <!-- CONTENT ELEMENT, uid:19/gridelements_pi1 [end] -->
    45. </div>
    46. </a>
    47. <div id="abstand">
    48. </div>
    49. <a href="#" data-reveal-id="myModal_2">
    50. <div id="downwidget2">
    51. <div id="flag">
    52. </div>
    53. <!-- CONTENT ELEMENT, uid:23/gridelements_pi1 [begin] --><a id="c54"></a>
    54. <div id="c23" class="csc-default">
    55. <div id="downwidget_image">
    56. <!-- CONTENT ELEMENT, uid:24/image [begin] -->
    57. <div id="c24" class="csc-default">
    58. <!-- Image block: [begin] -->
    59. <div class="csc-textpic csc-textpic-center csc-textpic-above csc-textpic-equalheight">
    60. <div class="csc-textpic-imagewrap">
    61. <div class="csc-textpic-center-outer">
    62. <div class="csc-textpic-center-inner">
    63. <div class="csc-textpic-image csc-textpic-last">
    64. <img src="fileadmin/_processed_/csm_fema_cluster_2447dd27dc.jpg" width="217" height="170" border="0" alt="">
    65. </div>
    66. </div>
    67. </div>
    68. </div>
    69. </div><!-- Image block: [end] -->
    70. </div><!-- CONTENT ELEMENT, uid:24/image [end] -->
    71. </div>
    72. <div id="downwidget_content">
    73. <!-- CONTENT ELEMENT, uid:25/text [begin] --><a id="c52"></a>
    74. <div id="c25" class="csc-default">
    75. <!-- Header: [begin] -->
    76. <div class="csc-header csc-header-n1">
    77. <h1 class="csc-firstHeader">Socio-economic analysis</h1>
    78. </div>
    79. <!-- Header: [end] --><!-- Text: [begin] -->
    80. <p class="bodytext">
    81. For the south-west of England, we have created a statistical study together with QGIS on DVD.
    82. </p>
    83. <!-- Text: [end] -->
    84. </div>
    85. <!-- CONTENT ELEMENT, uid:25/text [end] -->
    86. <div id="weiterlesen">
    87. Hier weiterlesen
    88. </div>
    89. </div>
    90. </div>
    91. <!-- CONTENT ELEMENT, uid:23/gridelements_pi1 [end] -->
    92. </div>
    93. </a>
    94. <div id="abstand">
    95. </div>
    96. <div id="downwidget5">
    97. <a href="#" data-reveal-id="myModal"><!-- CONTENT ELEMENT, uid:18/image [begin] -->
    98. <div id="c18" class="csc-default">
    99. <!-- Image block: [begin] -->
    100. <div class="csc-textpic csc-textpic-center csc-textpic-above">
    101. <div class="csc-textpic-imagewrap">
    102. <div class="csc-textpic-center-outer">
    103. <div class="csc-textpic-center-inner">
    104. <div class="csc-textpic-image csc-textpic-last">
    105. <img src="fileadmin/user_upload/suse.png" width="223" height="171" border="0" alt="">
    106. </div>
    107. </div>
    108. </div>
    109. </div>
    110. </div><!-- Image block: [end] -->
    111. </div><!-- CONTENT ELEMENT, uid:18/image [end] -->
    112. </a>
    113. </div>
    114. </div>

  • toifel toifel
    Jedi-Ratsmitglied
    0 x
    831 Beiträge
    96 Hilfreiche Beiträge
    02. 04. 2014, 13:25

    Die Anker mit "data-reveal-id" sind doch alle korrekt und umschließen den Content so wie gedacht? Den von dir beschriebenen Fehler kann ich nicht finden - kann es evtl. sein, dass Du mit den Ankern der einzelnen ContentElemente durcheinander gekommen bist?

    Siehe Zeile 6:
    <!-- CONTENT ELEMENT, uid:19/gridelements_pi1 [begin]-->[b]<a id="c51"></a>[/b]
    Diese Anker werden automatisch über jedem CE gerendert, damit man ggf. direkt über die ID dort hin navigieren kann.

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    02. 04. 2014, 13:42

    Alle Anker umschließen Korrekt. Ich habe mich darüber selbst gewundert als ich mir den Seitenquelltext anzeigen lassen hab.
    Aber wenn ich über Firebug mir die
    Seite anschaue sieht das ganze dann so aus:

    1. <div id="downpart" class="downpart">
    2. <a data-reveal-id="myModal" href="#"> </a>
    3. <div id="downwidget1">
    4. <a data-reveal-id="myModal" href="#">
    5. <a id="c51"></a>
    6. <div id="c19" class="csc-default">
    7. <div id="downwidget_image">
    8. <div id="c20" class="csc-default">
    9. <div class="csc-textpic csc-textpic-center csc-textpic-above">
    10. <div class="csc-textpic-imagewrap">
    11. <div class="csc-textpic-center-outer">
    12. <div class="csc-textpic-center-inner">
    13. <div class="csc-textpic-image csc-textpic-last">
    14. <img width="229" border="0" height="181" alt="" src="fileadmin/_processed_/csm_fossgis2014_97dc371fea.png">
    15. </div>
    16. </div>
    17. </div>
    18. </div>
    19. </div>
    20. </div>
    21. </div>
    22. <div id="downwidget_content">
    23. </div>
    24. </div>

    Hmm.. Vielleicht habe ich mich mit den A-Tags verzettelt. Aber eigentlich von der Struktur her sollte es funktionieren?
    gibt es die Möglichkeit die a tags von den CE gerenderten zu entfernen?

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    02. 04. 2014, 13:42

    Oh noch was.. vielen Dank für deine Zeit. Ist ja nicht selbstverständlich ;-)

  • toifel toifel
    Jedi-Ratsmitglied
    1 x
    831 Beiträge
    96 Hilfreiche Beiträge
    02. 04. 2014, 14:18

    In der Tat merkwürdig.. auf was für nem Doktype läuft denn die Seite? Noch HTML4? Dort ist es nämlich nicht erlaubt Blockelemente in Ankern zu verschachteln, evtl. versucht der DOM-Inspektor das zu beheben.

    Die Anker über den ContentElementen müsstest du hiermit weg bekommen:

    1. tt_content.stdWrap.innerWrap.cObject.66.10 >

    oder

    1. tt_content.stdWrap.innerWrap.cObject.66.10.value =

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    02. 04. 2014, 14:48

    Das Problem ist jetzt gelöst. Hatte den Doctype geändert, aber das hatte keine Wirkung.

    jetzt habe ich die überflüssigen a-tags entfernt Dank toifel der mir den Tip gegeben hat. Für alle die das selbe Problem irgendwann haben hier noch einmal der Code (einfach ins template setup reinschreiben) :

    1. tt_content.stdWrap.innerWrap.cObject.66.10 >
    2. tt_content.stdWrap.innerWrap.cObject.66.10.value >
    3. tt_content.stdWrap.prepend.dataWrap >

    Durch die überflüssigen anchor Tags kam Typo3 wohl durcheinander. So richtig verstehe ich noch nicht genau was intern passiert, aber so lässt sich das Problem lösen.

    VIELEN LIEBEN DANK AN TOIFEL :):):):):)

  • toifel toifel
    Jedi-Ratsmitglied
    1 x
    831 Beiträge
    96 Hilfreiche Beiträge
    02. 04. 2014, 15:04

    Man hilft wo man kann ;) Weitermachen!

  • 1