Zum Inhalt springen

Javascript wird beim Einbinden über Typoscript abgeschnitten

Erstellt am 19. September 2011 · 1 Antwort · letzte Antwort am 19. September 2011

Tags: Frage

tld_luke ·

Hallo Typo3 Gemeinde,

ich versuche gerade vergeblich einen Javascript Banner zum Laufen zu bringen (jquery).
Dabei gibt es eigentlich nur ein Problem:

Das einzubindene Javascript, welches in den head bereich eingefügt werden soll, wird durch Typo3 abgeschnitten.

edit: dieses Forum hier setzt in meinen Code leider folgenden Bereich "&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />" Es ist also kein Fehler von mir sondern von dem Forum hier.

Das Script sieht so aus:

<script type="text/javascript">

        $(document).ready(    
            function() {
                $(".container").wtRotator({
                    width:825,
                    height:300,
                    thumb_width:24,
                    thumb_height:24,
                    button_width:24,
                    button_height:24,
                    button_margin:5,
                    auto_start:true,
                    delay:5000,
                    play_once:false,
                    transition:"fade",
                    transition_speed:800,
                    auto_center:true,
                    easing:"",
                    cpanel_position:"inside",
                    cpanel_align:"BR",
                    timer_align:"top",
                    display_thumbs:true,
                    display_dbuttons:true,
                    display_playbutton:true,
                    display_thumbimg:false,
                       display_side_buttons:false,
                    display_numbers:true,
                    display_timer:true,
                    mouseover_pause:false,
                    cpanel_mouseover:false,
                    text_mouseover:false,
                    text_effect:"fade",
                    text_sync:true,
                    tooltip_type:"image",
                    lock_tooltip:true,
                    shuffle:false,
                    block_size:75,
                    vert_size:55,
                    horz_size:50,
                    block_delay:25,
                    vstripe_delay:75,
                    hstripe_delay:180            
                });
            }
        );
</script>

typo3 macht daraus leider:

 <script type="text/javascript">

        $(document).ready(    
            function() {
                $(".container").wtRotator({
                    width:825,
                    height:300,
                    thumb_width:24,
                    thumb_height:24,
                    button_width:24,
                    button_height:24,
                    button_margin:5,
                    auto_start:true,
                    delay:5000,
                    play_once:false,
                    transition:"fade",
                    transition_speed:800,
                    auto_center:true,
                    easing:"",
                    cpanel_position:"inside",
                    cpanel_align:"BR",
                    timer_align:"top",
                    display_thumbs:true,
                    display_dbuttons:true,
                    display_playbutton:true,
                    display_thumbimg:false,
                       display_side_buttons:false,
                    display_numbers:true,
                    display_timer:true,
                    mouseover_pause:false,
                    cpanel_mouseover:false,
                    text_mouseover:false,
                    text_effect:"fade",
                    text_sync:true,
                    tooltip_type:"image",
                    lock_tooltip:true,
                    shuffle:false,
                    block_size:75,
                    vert_size:55,
                    horz_size:50,
                    block_delay:25,
                    vstripe_delay:75,
                    hstripe_delay:180            
                });
            }</script>

d.h. Typo3 schneidet folgenden Javascript Code weg:

       );
    </script>

ich verwende zum darstellen des scriptes im typo3 value:

seite.headerData.13.value ( .... )

ich gehe davon aus, dass typo3 das script vorher abschneidet weil value seinen inhalt mit einer klammer --> ) <-- schließt.

meine frage ist daher: wie bekomme ich dieses javascript in den <head> bereich von typo3 ohne das es abgeschnitten wird?

hier ist noch der link zu dem ganzen schlamassel:
http://www.rainer-badstuber.de/index.php?id=36

edit: ich würde sogar soweit gehen und das script direkt im php code von typo3 hinterlegen, nur damit das script endlich läuft. tue jetzt schon über 5 std rum 🙁 ich weiß allerdings nicht in welcher typo3 datei der <head> tag anfängt?

Leider will der Kunde GENAU dieses Script...

tld_luke ·

habe das problem selbst lösen können:

ich habe einfach das javascript ein eine externe html datei gestellt und reingeladen:

seite.headerData.14 = FILE
seite.headerData.14.file=fileadmin/header.html