ginobranco
Threadersteller
Dabei seit: 08.06.2009
Ort: Hamburg
Alter: 39
Geschlecht:
|
Verfasst Do 17.01.2013 10:23
Titel Deutschlandkarte dynamisch in TYPO3 |
|
|
Hallo Zusammen,
da ich hier immer super Hilfe bekommen habe, möchte ich jetzt auch mal was zurück geben, und zwar habe ich die letzten Tage eine Deutschlandkarte dynamisch in TYPO3 aufgebaut. Ich möchte euch hier kurz schildern wie ich vorgegangen bin damit vllt der ein oder andere der soetwas mal brauch sich hier die nötigen Infos holen kann.
1 Punkt
Als erstes bin ich in mein TYPO3 Backend dort habe ich eine Hauptseite angelegt die ich map genannt habe, darunter habe ich 16 Seiten angelegt für die Bundesländer in den Seiteneigenschaften habe ich bei "Alternativer-Seitentitel" den Regioncode z.B. für Bayern BY vergeben.
2 Punkt
Danach bin ich auf diese Seite:
http://jqvmap.com/
und habe die Deutschlandkarte in mein TYPO3 Template eingebaut.
3 Punkt
Im nächsten Schritt bin ich in mein TYPOSCRIPT und habe eine Script geschrieben, dass die Seiten der Bundesländer ausgibt
CODE:
Code: | headerData.998 = CONTENT
headerData.998 {
table = pages
select.pidInList = 379
stdWrap.wrap = <script> MAP_REGION_ARR = []; | </script>
renderObj = COA
renderObj {
stdWrap.wrap = MAP_REGION_ARR.push({|});
10 = TEXT
10.typolink.parameter.field = uid
10.typolink.returnLast = url
10.wrap = url: '|',
20 = TEXT
20.data = field:nav_title
20.wrap = regioncode: '|'
}
} |
4. Punkt
Im Schritt 4 bin ich in mein TYPO3-Template und habe eine IF Abfrage programmiert die eben prüft ob die Seite im TYPO3 Backend vom jeweiligen Bundesland existiert, und wenn ja dann soll es auf die Seite gehen.
Code: | <script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#vmap').vectorMap({
map: 'germany_en',
onRegionClick: function(element, code, region)
{
for (var x=0; x<MAP_REGION_ARR.length; x++) {
if (MAP_REGION_ARR[x].regioncode == code.toUpperCase())
window.location.href = MAP_REGION_ARR[x].url;
}
}
});
});
</script> |
Ich hoffe das war verständlich
Und hilft dem ein oder anderen
Liebe Grüße
Ein GROßES DANKE geht hier auch an Morgo!
Zuletzt bearbeitet von ginobranco am Do 17.01.2013 10:24, insgesamt 1-mal bearbeitet
|
|