mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 02:09 Benutzername: Passwort: Auto-Login

Thema: Deutschlandkarte dynamisch in TYPO3 vom 17.01.2013

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> Deutschlandkarte dynamisch in TYPO3
Autor Nachricht
ginobranco
Threadersteller

Dabei seit: 08.06.2009
Ort: Hamburg
Alter: 39
Geschlecht: Männlich
Verfasst Do 17.01.2013 10:23
Titel

Deutschlandkarte dynamisch in TYPO3

Antworten mit Zitat Zum Seitenanfang

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 Lächel

Und hilft dem ein oder anderen Lächel


Liebe Grüße Lächel

Ein GROßES DANKE geht hier auch an Morgo! Lächel


Zuletzt bearbeitet von ginobranco am Do 17.01.2013 10:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Ähnliche Themen Deutschlandkarte Dynamisch?
typo3 vs PHP: Dynamisch mehrere Inhaltsseiten erstellen
wie erstellt man eine einfache deutschlandkarte
Zahlen dynamisch(?) aufbauen
DIV dynamisch ausdehnen (html)
DIVs dynamisch anordnen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.