Einbindung Javascript in Header

darkbull · 24. Juli 2008 13:14

Hallo!
Ich habe noch nicht so viel Verständnis von Typo3.
Nutze im Moment TemplaVoila und möchte gerne eine Slideshow im Header platzieren. Habe mehrer Forenbeiträge gelesen aber keinen Erfolg damit gehabt.

möchte folgende Slidshow integrieren:
http://www.flashjunior.ch/school/test/slideshow/

Wie kann ich das machen!

VIELEN VIELEN DANK!
Christian

einpraegsam.net · 24. Juli 2008 13:16

mit page.headerData kannst du beliebigen Code in den Header setzen - hier im Forum findest du viele viele Beispiele dazu

darkbull · 24. Juli 2008 13:26

Vielen Dank für die schnelle Antwort.

Leider wird nichts angezeigt.

habe schon unter page.headerData.11.value=<script type="text/javascript" scr="fileadmin/swf/slideshow.js"></script>
einfügt.

Die Dateien im Ordner swf liegen auch bereit.
slideshow.js usw...

Trotzdem wird die Slideshow nicht angzeigt.
Muss moch was mit css gemacht werden?

mfg

darkbull · 24. Juli 2008 14:12

Bitte um Hilfe :-(

saschae · 24. Juli 2008 14:28

darkbull schrieb
Bitte um Hilfe :-(

gehts noch?!?!
du hast erst vor einer halben stunde gepostet!! #angry#

[EDIT]
sorry für den kommentar aber das musste sein!

darkbull · 24. Juli 2008 14:32

SORRY!!!!! Bin nur sowas von genervt wegen dem Script!!!!

saschae · 24. Juli 2008 14:48

integriere den code doch so wie es auf der seite steht.

ich nehme jetzt mal an das dein PAGE Object page heißt

page = PAGE

page.5 = HTML
page.5.value (
<div id="slideshowdiv"></div>
<script type="text/javascript">
    var so = new SWFObject("swf/easy_slideshow_v2c.swf", "slideshowid", "590", "300", "8", "#FFFFFF");
    so.addVariable("xmlsrc", "yourxmlfile.xml");
	so.addVariable("autostart", "1");
    so.write("slideshowdiv");
</script>
)

page.10 < ... # dein content zeug....

darkbull · 24. Juli 2008 15:26

funktioniert noch nicht...

ich habe jetzt eingefügt:

page = PAGE
page.headerdata.5 = HTML
page.headerdata.5.value = <div id="slideshowdiv"></div><script type="text/javascript">var so = new SWFObject("fileadmin/swf/easy_slideshow_v2c.swf", "slideshowid", "590", "300", "8", "#FFFFFF");so.addVariable("xmlsrc", "fileadmin/swf/skbike.xml");so.addVariable("autostart", "1");so.write("slideshowdiv");</script>

was mache ich noch falsch?

just2b · 24. Juli 2008 15:27

vergleich den code

value (

)

war schon richtig

saschae · 24. Juli 2008 15:29

page.headerdata.5 ist falsch!

darkbull · 24. Juli 2008 15:35

ich hoffe ich geh nicht auf die nerven...

warum nur unter PAGE und nicht unter headerData....

benötige ja diese slideshow im Header...

DANKE!!!

saschae · 24. Juli 2008 15:45

headerdata bezeiht sich auf headerdata des html quellcodes. Dieser code wird also im <head></head> ausgegeben
ich glaube du versteht da ein bisschen was falsch. nutzt du templavoila? poste am besten mal dein komplettes typoscript. dann können wir dir sicher besser weiterhelfen

darkbull · 24. Juli 2008 16:10

Hier mal der page-Bereich...

habe es wie oben beschrieben unter page eingefügt... aber es tut sich nichts.

[page]=PAGE
[5]=HTML
[value]=<div id="slideshowdiv"></div><script type="text/javascript">var so = new SWFObject("fileadmin/swf/easy_slideshow_v2c.swf", "slideshowid", "590", "300", "8", "#FFFFFF");so.addVariable("xmlsrc", "fileadmin/swf/skbike.xml");so.addVariable("autostart", "1");so.write("slideshowdiv");</script>
[10]=HTML
[value]=<script type="text/javascript">if (efa_fontSize) efa_fontSize.efaInit();</script>
[20]=USER
[userFunc]=tx_templavoila_pi1->main_page
[1013]=USER
[userFunc]=tx_deaddbodyjscript_pi1->main
[headerData]
[20]=TEXT
[value]=<link href="fileadmin/css/
[21]=USER
[userFunc]=tx_dbyamltv_pi1->main
[field]=cssfile
[22]=TEXT
[value]=" rel="stylesheet" type="text/css" />
[23]=TEXT
[value]=<!--[if lte IE 7]>
[24]=TEXT
[value]=<link href="fileadmin/css/patches/
[25]=USER
[userFunc]=tx_dbyamltv_pi1->main
[field]=iehacks
[26]=TEXT
[value]=" rel="stylesheet" type="text/css" />
[27]=TEXT
[value]=<![endif]-->
[28]=TEXT
[value]=<script type="text/javascript" src="fileadmin/scripts/cookies.js"></script><script type="text/javascript" src="fileadmin/scripts/efa_fontsize.js"></script>
[29]=TEXT
[value]=<link rel="stylesheet" type="text/css" href="fileadmin/css/myOwnStyles.css" />
[999]=PHP_SCRIPT
[includeLibs]

einpraegsam.net · 24. Juli 2008 16:14

Ich will mich ja nicht einmischen - aber nicht
page.headerdata
sondern
page.headerData

darkbull · 24. Juli 2008 16:20

einpraegsam.net schrieb
Ich will mich ja nicht einmischen - aber nicht
page.headerdata
sondern
page.headerData

aber was soll mir das jetzt sagen? Ist das skript richtig positioniert?

steffenk · 24. Juli 2008 18:00

sorry darkbull, aber IMHO bist Du beratungsresistent ...

Alles wurde Dir schon genannt, auch wie man mit () mehrzeiligen Text zuweist. Vielleicht einfach die Antworten gründlicher lesen, die sind ja nicht dazu da, um Dich zu verwirren!

page.headerData.9999 = TEXT
page.headerData.9999.value(
1. Zeile
2.Zeile
usw...
)

darkbull · 24. Juli 2008 19:00

achso....

Nur jetzt kommt die nächste Frage *tutmirleid*

Wie gebe ich dss im TypoScript Objekt Browser ein.

Das mit dem "Value = (" klappt ja noch aber dannach?? #angry#

Gibt es hierfür eine Dokumentation?

Vielen DANK

steffenk · 24. Juli 2008 19:44

Ich glaub Du solltest Dir die Grundlagen aneignen, am Besten mit einem Buch.
Der Object Browser ist nicht für solche Eingaben gedacht, sondern Info/Modify

darkbull · 24. Juli 2008 20:54

da hast du recht!

Soweit habe ich alles unter info/modify eingetragen.

###############################
# Delete default styles of
# Plugin dropdown sitemap
###############################
plugin.tx_dropdownsitemap_pi1._CSS_DEFAULT_STYLE >
###############################
# Delete default styles of
# cssstyledcontent (Copied to content.css, in order to be able to modify them there.)
###############################
plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >
###############################
# metatags-config
# Insert your own data here.
###############################
plugin.meta {
  flags.useSecondaryDescKey = 0
  flags.alwaysGlobalDescription = 1
  flags.alwaysGlobalKeywords = 1
  global.author = Mein name
  global.email =
  global.copyright = mein Copyright
  global.keywords = meine Keywords
  global.description = meine Beschreibung
  global.revisit = 7 days
  global.robots = index,follow
  global.language = {$languageIsoCodeStandardLang}
}
#### Change language, keywords and description for first foreign language
[globalVar = GP:L = {$firstForeignLanguage}]
plugin.meta.global.language = {$languageIsoCodeFirstLang}
plugin.meta.global.keywords = my keywords for first foreign language
plugin.meta.global.description = my description for first foreign language
[global]
#### Change language, keywords and description for second foreign language
[globalVar = GP:L = {$secondForeignLanguage}]
plugin.meta.global.language = {$languageIsoCodeSecondLang}
plugin.meta.global.keywords = my keywords for second foreign language
plugin.meta.global.description = my description for second foreign language
[global]
page.headerData.999 < plugin.meta
###############################
# Configuration of newloginbox
###############################
plugin.tx_newloginbox_pi1._CSS_DEFAULT_STYLE >
plugin.tx_newloginbox_pi3._CSS_DEFAULT_STYLE >
###############################
# Configuration of tt_news
###############################
plugin.tt_news {
  _CSS_DEFAULT_STYLE >
  usePagesRelations = 1
  usePiBasePagebrowser = 1
  archiveTitleCObject {
    10.strftime = %B - %Y
  }
  getRelatedCObject {
    10.1.20.strftime = %d.%m.%y %H:%M
    10.2.20.strftime = %d.%m.%y %H:%M
    10.default.20.strftime = %d.%m.%y %H:%M
  }
  displaySingle {
    date_stdWrap.strftime= %d.%m.%Y
    time_stdWrap.strftime= %H:%M
    age_stdWrap.age = &nbsp;Minuten | Stunden | Tage | Jahre
  }
  displayLatest {
    date_stdWrap.strftime= %d.%m.%y
    time_stdWrap.strftime= %H:%M
  }
  displayList {
    date_stdWrap.strftime= %A %d. %B %Y
    time_stdWrap.strftime= %d.%m.%y %H:%M
  }
}
plugin.tt_news {
  catOrderBy = title
  displayCatMenu {
    catmenuRootIconFile = EXT:tt_news/res/tt_news_cat.gif
    catmenuNoRootIcon = 0
    catmenuIconMode = -1
  }
}
plugin.tt_news {
  pageBrowser {
    dontLinkActivePage = 1
    maxPages = 10
    showRange = 0
    showPBrowserText = 1
    showResultCount = 0
    showFirstLast = 0
  }
}
plugin.tt_news.displayLatest.subheader_stdWrap.crop = 100 | ... | 1
#### Change news-settings for first foreign language
[globalVar = GP:L = {$firstForeignLanguage}]
plugin.tt_news.getRelatedCObject.10.1.20.strftime = %d.%m.%y %H:%M
plugin.tt_news.getRelatedCObject.10.2.20.strftime = %d.%m.%y %H:%M
plugin.tt_news.getRelatedCObject.10.default.20.strftime = %d.%m.%y %H:%M
plugin.tt_news.displaySingle.date_stdWrap.strftime= %d.%m.%Y
plugin.tt_news.displaySingle.time_stdWrap.strftime= %H:%M
plugin.tt_news.displaySingle.age_stdWrap.age = &nbsp;Minutes | Hours | Days | Years
plugin.tt_news.displayLatest.date_stdWrap.strftime= %m/%d/%y
plugin.tt_news.displayLatest.time_stdWrap.strftime= %H:%M
plugin.tt_news.displayList.date_stdWrap.strftime= %A %d. %B %Y
plugin.tt_news.displayList.time_stdWrap.strftime= %d.%m.%y %H:%M
[global]
#### Change news-settings for second foreign language
[globalVar = GP:L = {$secondForeignLanguage}]
plugin.tt_news.displaySingle.age_stdWrap.age = &nbsp;Minutes | Heures | Jours | Ans
[global]
################################
# Configuration of indexedsearch
################################
plugin.tx_indexedsearch {
  _CSS_DEFAULT_STYLE >
  _DEFAULT_PI_VARS.results = 10
  forwardSearchWordsInResultLink = 1
  blind {
    type=-1
    defOp=0
    sections=0
    media=1
    order=-1
    group=-1
    extResume=-1
    lang=-1
    desc=-1
    results=0
  }
  show {
    rules=0
    parsetimes=1
    L2sections=1
    L1sections=1
    LxALLtypes=0
    clearSearchBox = 0
    clearSearchBox.enableSubSearchCheckBox=0
  }
  search {
    rootPidList =
  }
}
plugin.tx_lzgallery_pi1._LOCAL_LANG.default.pi_list_searchBox_search = Suche!
plugin.tx_lzgallery_pi1._LOCAL_LANG.default.pi_list_searchBox_search = Search!
plugin.tx_lzgallery_pi1._LOCAL_LANG.default.pi_list_searchBox_search = Suchen
lib.header.5 = TEXT
lib.header.5.value (
<div id="slideshowdiv1">.</div>
)
page.headerData.5 = TEXT
page.headerData.5.value (
<script type="text/javascript">
var so = new SWFObject("fileadmin/swf/easy_slideshow_v2c.swf", "slideshowid", "590", "300", "8", "#FFFFFF");
so.addVariable("xmlsrc", "fileadmin/swf/skbike.xml");
so.addVariable("autostart", "1");
so.write("slideshowdiv1");
</script>
)

nur irgendwie werden die Sachen trotzdem nicht angezeigt

saschae · 25. Juli 2008 09:56

Wo weißt du dein "PAGE" Object zu? das ist hier im Typoscript nicht drin.
du legst dir zwar ein "lib.header" an, bindest es aber nirgendwo ein

bekommst du überhaupt irgend etwas angezeigt? Wie steffenk schon gesagt hat, solltest du dir erstmal die gundlagen aneignen...