Zunächst mal Danke an alle, die hier Hinweise gegeben haben!!!
Unser Plan war nun so, dass wir das Ganze simpler gestalten. Die Paten für einen Quadratmeter der Spielfläche sollen über eine Excel-Liste verwaltet werden. Diese Liste soll dann über ein Makro in HTML-Code übertragen und dieser in ein Inhaltselement "Eigener HTML-Code" in Contao kopiert werden. Dabei entsteht allerdings sehr (!) viel Code. Da der Platz 10.800 qm hat (90x120 m), entsteht Code von nahezu 11.000 Zeilen. Damit ist Contao wohl irgendwie überfordert?!
Ergebnis des Codes wäre eine grafische Darstellung des Spielfeldes, unterteilt in einzelne Quadratmeter, die den Namen des Paten in einem Tooltipp anzeigen, sobald an mit der Maus darüber fährt.
kunstrasen_screnshot_contaoforum.gif
So sähe der Code (Ausschnitt) aus:
Code:
<div id="spielfeld">
<!-- Zeile 1 -->
<div class="zeile odd">
<a href="#" title="1-1"><div class="qm odd25euro"></div></a>
<a href="#" title="1-2"><div class="qm even25euro"></div></a>
<a href="#" title="1-3"><div class="qm odd"></div></a>
<a href="#" title="1-4"><div class="qm even"></div></a>
<a href="#" title="1-5"><div class="qm odd"></div></a>
<a href="#" title="1-6"><div class="qm even"></div></a>
<a href="#" title="1-7"><div class="qm odd"></div></a>
<a href="#" title="1-8"><div class="qm even"></div></a>
<a href="#" title="1-9"><div class="qm odd"></div></a>
<a href="#" title="1-10"><div class="qm even"></div></a>
<a href="#" title="1-11"><div class="qm odd"></div></a>
<a href="#" title="1-12"><div class="qm even"></div></a>
<a href="#" title="1-13"><div class="qm odd"></div></a>
<a href="#" title="1-14"><div class="qm even"></div></a>
<a href="#" title="1-15"><div class="qm odd"></div></a>
<a href="#" title="1-16"><div class="qm even"></div></a>
<a href="#" title="1-17"><div class="qm odd"></div></a>
<a href="#" title="1-18"><div class="qm even"></div></a>
<a href="#" title="1-19"><div class="qm odd"></div></a>
<a href="#" title="1-20"><div class="qm even"></div></a>
<a href="#" title="1-21: 1. Mannschaft (100qm/1000,-)"><div class="qm oddvk"></div></a>
<a href="#" title="1-22: 1. Mannschaft (100 qm/1000,-)"><div class="qm evenvk"></div></a>
<a href="#" title="1-23: 1. Mannschaft (100 qm/1000,-)"><div class="qm oddvk"></div></a>
<a href="#" title="1-24: 1. Mannschaft (100 qm/1000,-)"><div class="qm evenvk"></div></a>
<a href="#" title="1-25: 1. Mannschaft (100 qm/1000,-)"><div class="qm oddvk"></div></a>
<a href="#" title="1-26: 1. Mannschaft (100 qm/1000,-)"><div class="qm evenvk"></div></a>
<a href="#" title="1-27: 1. Mannschaft (100 qm/1000,-)"><div class="qm oddvk"></div></a>
<a href="#" title="1-28: 1. Mannschaft (100 qm/1000,-)"><div class="qm evenvk"></div></a>
<a href="#" title="1-29: 1. Mannschaft (100 qm/1000,-)"><div class="qm oddvk"></div></a>
<a href="#" title="1-30: 1. Mannschaft (100 qm/1000,-)"><div class="qm evenvk"></div></a>
<a href="#" title="1-31"><div class="qm odd"></div></a>
<a href="#" title="1-32"><div class="qm even"></div></a>
<a href="#" title="1-33"><div class="qm odd"></div></a>
<a href="#" title="1-34"><div class="qm even"></div></a>
<a href="#" title="1-35"><div class="qm odd"></div></a>
<a href="#" title="1-36"><div class="qm even"></div></a>
<a href="#" title="1-37"><div class="qm odd"></div></a>
<a href="#" title="1-38"><div class="qm even"></div></a>
<a href="#" title="1-39"><div class="qm odd"></div></a>
<a href="#" title="1-40"><div class="qm even"></div></a>
<a href="#" title="1-41"><div class="qm odd"></div></a>
<a href="#" title="1-42"><div class="qm even"></div></a>
<a href="#" title="1-43"><div class="qm odd"></div></a>
<a href="#" title="1-44"><div class="qm even"></div></a>
<a href="#" title="1-45"><div class="qm odd"></div></a>
<a href="#" title="1-46"><div class="qm even"></div></a>
<a href="#" title="1-47"><div class="qm odd"></div></a>
<a href="#" title="1-48"><div class="qm even"></div></a>
<a href="#" title="1-49"><div class="qm odd"></div></a>
<a href="#" title="1-50"><div class="qm even"></div></a>
<a href="#" title="1-51"><div class="qm odd"></div></a>
<a href="#" title="1-52"><div class="qm even"></div></a>
<a href="#" title="1-53"><div class="qm odd"></div></a>
<a href="#" title="1-54"><div class="qm even"></div></a>
<a href="#" title="1-55"><div class="qm odd"></div></a>
<a href="#" title="1-56"><div class="qm even"></div></a>
<a href="#" title="1-57"><div class="qm odd"></div></a>
<a href="#" title="1-58"><div class="qm even"></div></a>
<a href="#" title="1-59"><div class="qm odd"></div></a>
<a href="#" title="1-60"><div class="qm even"></div></a>
<a href="#" title="1-61"><div class="qm odd"></div></a>
<a href="#" title="1-62"><div class="qm even"></div></a>
<a href="#" title="1-63"><div class="qm odd"></div></a>
<a href="#" title="1-64"><div class="qm even"></div></a>
<a href="#" title="1-65"><div class="qm odd"></div></a>
<a href="#" title="1-66"><div class="qm even"></div></a>
<a href="#" title="1-67"><div class="qm odd"></div></a>
<a href="#" title="1-68"><div class="qm even"></div></a>
<a href="#" title="1-69"><div class="qm odd"></div></a>
<a href="#" title="1-70"><div class="qm even"></div></a>
<a href="#" title="1-71"><div class="qm odd"></div></a>
<a href="#" title="1-72"><div class="qm even"></div></a>
<a href="#" title="1-73"><div class="qm odd"></div></a>
<a href="#" title="1-74"><div class="qm even"></div></a>
<a href="#" title="1-75"><div class="qm odd"></div></a>
<a href="#" title="1-76"><div class="qm even"></div></a>
<a href="#" title="1-77"><div class="qm odd"></div></a>
<a href="#" title="1-78"><div class="qm even"></div></a>
<a href="#" title="1-79"><div class="qm odd"></div></a>
<a href="#" title="1-80"><div class="qm even"></div></a>
<a href="#" title="1-81"><div class="qm odd"></div></a>
<a href="#" title="1-82"><div class="qm even"></div></a>
<a href="#" title="1-83"><div class="qm odd"></div></a>
<a href="#" title="1-84"><div class="qm even"></div></a>
<a href="#" title="1-85"><div class="qm odd"></div></a>
<a href="#" title="1-86"><div class="qm even"></div></a>
<a href="#" title="1-87"><div class="qm odd"></div></a>
<a href="#" title="1-88"><div class="qm even"></div></a>
<a href="#" title="1-89"><div class="qm odd"></div></a>
<a href="#" title="1-90"><div class="qm even"></div></a>
<a href="#" title="1-91"><div class="qm odd"></div></a>
<a href="#" title="1-92"><div class="qm even"></div></a>
<a href="#" title="1-93"><div class="qm odd"></div></a>
<a href="#" title="1-94"><div class="qm even"></div></a>
<a href="#" title="1-95"><div class="qm odd"></div></a>
<a href="#" title="1-96"><div class="qm even"></div></a>
<a href="#" title="1-97"><div class="qm odd"></div></a>
<a href="#" title="1-98"><div class="qm even"></div></a>
<a href="#" title="1-99"><div class="qm odd"></div></a>
<a href="#" title="1-100"><div class="qm even"></div></a>
<a href="#" title="1-101"><div class="qm odd"></div></a>
<a href="#" title="1-102"><div class="qm even"></div></a>
<a href="#" title="1-103"><div class="qm odd"></div></a>
<a href="#" title="1-104"><div class="qm even"></div></a>
<a href="#" title="1-105"><div class="qm odd"></div></a>
<a href="#" title="1-106"><div class="qm even"></div></a>
<a href="#" title="1-107"><div class="qm odd"></div></a>
<a href="#" title="1-108"><div class="qm even"></div></a>
<a href="#" title="1-109"><div class="qm odd"></div></a>
<a href="#" title="1-110"><div class="qm even"></div></a>
<a href="#" title="1-111"><div class="qm odd"></div></a>
<a href="#" title="1-112"><div class="qm even"></div></a>
<a href="#" title="1-113"><div class="qm odd"></div></a>
<a href="#" title="1-114"><div class="qm even"></div></a>
<a href="#" title="1-115"><div class="qm odd"></div></a>
<a href="#" title="1-116"><div class="qm even"></div></a>
<a href="#" title="1-117"><div class="qm odd"></div></a>
<a href="#" title="1-118"><div class="qm even"></div></a>
<a href="#" title="1-119"><div class="qm odd25euro"></div></a>
<a href="#" title="1-120"><div class="qm even25euro"></div></a>
</div>
<!-- Zeile 2 -->
<div class="zeile even">
<a href="#" title="2-1"><div class="qm odd25euro"></div></a>
<a href="#" title="2-2"><div class="qm even25euro"></div></a>
<a href="#" title="2-3"><div class="qm odd"></div></a>
<a href="#" title="2-4"><div class="qm even"></div></a>
<a href="#" title="2-5"><div class="qm odd"></div></a>
<a href="#" title="2-6"><div class="qm even"></div></a>
<a href="#" title="2-7"><div class="qm odd"></div></a>
<a href="#" title="2-8"><div class="qm even"></div></a>
<a href="#" title="2-9"><div class="qm odd"></div></a>
<a href="#" title="2-10"><div class="qm even"></div></a>
...
...
...
Bin ich da nun völlig auf dem Holzweg oder gibt es eine Chance, das so oder so ähnlich umzusetzen? Wieviel Inhalt verträgt denn maximal das Inhaltselement "Eigener HTML-Code"?
Lesezeichen