RSS

Archive for Oktober, 2009:

TYPO3: Jquery und eine Imagemap (MAP AREA) + TemplaVoila

0 Comments | This entry was posted on Okt 27 2009

Wer schon immer mal eine Grafik mit Dynamischen Inhalten aus Typo3 haben wollte,
kann dies leicht mit Typo3 & TemplaVoila machen und ein bisschen Jquery (Danke Bernhard).
Zuerst muss man im TemplaVoila ein HTML-Template anlegen.
Das muss wie im Bild angelegt werden.
templavoila

1
2
3
4
5

<body>
<div id="maptext">
<div class="classattribute">Text</div>
</div>
</body>

Feld1: CO = CONTENT OBJECT (id=”maptext”)
Feld2: AT = ATTRIBUTE (class=”classattribute”)
+ Mapping Type: Attribute
+ Title: CSS Attribut
+ Editing Type: Plain Input Field

Feld3: EL = ELEMENT (class=”classattribute”)

>> Speichern unter >> CONTENT ELEMENT!!!

Dieses Element kann man nun im Typo3 als Flexibles Content Elment einfügen ;)
+ Beim Einfügen, daran denken CSS Attribute “maptext maptext1″, 2te Box: “maptext maptext2″ usw. einzugeben

Typo3Script zum einbinden des Jquery
jQuery ist statt $ verwendet worden, damit alles immer 100% läuft.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

page.headerData.95 = TEXT
page.headerData.95 = TEXT
page.headerData.95.value (	
	<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){
 
		jQuery('area').click(function() { 
			jQuery('div.maptextshow').hide('fast');
			jQuery('div.maptextshow').removeClass("maptextshow");
 
			classname = jQuery(this).attr('class');
			jQuery('div.'+classname).show('slow');
			jQuery('div.'+classname).addClass("maptextshow"); 
 
			return false; 
		});
 
    });
    </script>
)

Typo3: Content Element –> Plain HTML

1
2
3
4
5
6
7
8

<div id="karte">
<img src="karte.jpg" usemap="#map" />
<map name="map" id="map">
<area shape="circle" coords="235,141,7" href="#" class="maptext1" />
<area shape="circle" coords="265,122,6" href="#" class="maptext2" />
<area shape="circle" coords="287,97,6" href="#" class="maptext3" />
</map>
</div>

So noch ein bisschen CSS, dann ist es schon fertig :) 

1
2
3

.maptext {display:none;}
.maptext1 {}
.maptext2 {}

Viel Spaß beim ausprobieren :)

, , , , ,
Jquery, Typo3 Snippet, Typo3 Stuff

TYPO3: Mailform BlindCopy an den Absender (recipient_copy)

6 Comments | This entry was posted on Okt 20 2009

In Typo3 werden viele Möglichkeiten gegeben ein Mailform zu verschicken, leider ist es immer noch ein großes Fragezeichen wieso die Funktion mit einer Blindcopy an den Absender noch nicht eingebaut wurde. Wer dies aber haben will, kann hier diese Möglichkeit nutzen. Es ist zwar nicht der sauberste was man machen kann, aber dafür macht dieser Dreizeiler genau das was man braucht. Eine dirkete Kopie von der Mail an den Absender.

Nehmen wir ein einfach Mailform und modifizieren dies um eine Zeile

1
2
3
4
5
6
7
8

Name | Name=input
Telefon | Telefon=input
Ihre E-Mail | email=input
Nachricht | Nachricht=textarea
 | formtype_mail=submit | abschicken
 | html_enabled=hidden | 1
 | recipient_copy=hidden | 1 
 | subject=hidden | Mail von XYZ

Das Geheimnis an der Blindcopy liegt in dieser Zeile | recipient_copy=hidden | 1 .

Dazu müssen wir im zweiten Schritt im Typo3 Order ([typo3Source]/t3lib/class.t3lib_formmail.php.),
die class.t3lib.formmail.php bearbeiten

Gesucht wird diese Anweisung:
if (isset($V['recipient'])){

davor diesen Code einfügen

1
2
3

if (trim($V['recipient_copy']) == '1') {
         $V['recipient_copy'] = $V['email'];
}

Viel Spaß ;)

, , , ,
Typo3 Snippet, Typo3 Stuff

TYPO3: Brotkrümmelmenü // Breadcrumb

4 Comments | This entry was posted on Okt 14 2009

Jeder sucht ab und zu einen nette Lösung für ein Brotkrümmelmenü in Typo3. Meine Lösung für dieses Problem findet ihr wieder in der Codebox. Das nette an diesem Brotkrümmelmenü ist das man für die Homeseite ein Icon hat und dazu ist die aktuelle Seite nicht Aktiv als Link sondern nur ein reiner Text.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

lib.breadcrumb = HMENU
lib.breadcrumb {
 special = rootline
 special.range = 1|-1
 excludeUidList =
 1 = TMENU
     # no unneccessary scripting.
     1.noBlur = 1
     # Current item should be unlinked
     1.CUR = 1
     1.target = _self
     1.wrap =
 
<div class="breadcrumb-class"><a href="/"><img title="Home" src="fileadmin/templates/img/home.gif" alt="Home" /></a> &gt;  |</div>
 
 
     1.NO {
         stdWrap.field = title
         ATagTitle.field = nav_title // title
         linkWrap = ||*| &gt; |*|
         }
     # Current menu item is unlinked
     1.CUR {
         stdWrap.field = title
         linkWrap = ||*| &gt; |*|
         doNotLinkIt = 1
         }
    }
}




Update:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

# **
# * Breadcrumb-Funktion (Pfadanzeige, rootline)
# ********************
lib.breadcrumb = COA
lib.breadcrumb {
10 = TEXT
10.value = <a href="/" title="Home">Home</a><span class="breaker">»</span>
20 = HMENU
20 {
  special = rootline
  special.range = 1|-1
  1 = TMENU
  	1.noBlur = 1
  	1.CUR = 1
  	1.target = _self
  	1.NO {
   		stdWrap.field = nav_title // title
   		ATagTitle.field = nav_title // title
   		linkWrap = | |*| <span class="breaker">»</span> |*|
   		}
   	1.CUR {
  		stdWrap.field = nav_title // title
   		linkWrap = | |*| <span class="breaker">»</span> |*|
   		doNotLinkIt = 1
   		}
     }
}
, , , ,
Typo3 Snippet, Typo3 Stuff