Zum Inhalt springen

JavaScript & <style> im Header?!

Erstellt am 28. November 2005 · 12 Antworten · letzte Antwort am 28. November 2005

Tags: Frage

kspriestersbach ·

Hallo,

ich brauche das JavaScript und die Style-Deklaration im Page <head>, allerdings wird nichts aus der Template-html-Datei übernommen.

Wie kann ich Typo3 sagen, dass es auf jeder Seite die folgenden Strings in den <head> schreiben soll?

<script language="JavaScript" type="text/javascript">
function ziel(form)
{
var zielseite=form.liste.selectedIndex
if (form.liste.options[zielseite].value != "0" && form.liste.options[zielseite].value != "1")
{
location=form.liste.options[zielseite].value;
}
}
</script>
<style type="text/css">
form { display:inline; }
.language { font-family:verdana,helvetica;font-size:10px;color:#3C3C3C;font-weight:normal; }
</style>

Denn ich möchte später

<form name="formular">
<select name="liste" onchange="ziel(this.form)" size="1" class="language">
<option selected="" value="0">Sprache wählen</option>
<option value="1">Deutsch</option>
<!--<option value="language.html">andere Sprache</option>-->
</select>
</form>

benutzen.

Proximo ·

page.headerData.12 = TEXT
page.headerData.12.value = <script type="text/javascript" src="fileadmin/scripts/xyz.js" language="JavaScript"></script>

Hier definier ich das Laden eines kurzen Java-Skripts... das kannst du auch mit jedem anderen beliebigen Code machen den du im Header haben willst... definier ihn einfach nach "value" bzw dem "="

MFG Proximo

kspriestersbach ·

Ähm ... vielen Dank für die schnelle Antwort,
leider funktioniert das irgendwie nicht 🙁

Ich habe folgendes im Template Setup:

###############################################
# Das Template wird definiert.
seite = PAGE
seite.typeNum = 0
seite.stylesheet = fileadmin/template_1st_navigation/style.css
seite.10 = TEMPLATE
seite.10 {

   ###############################################
   # Die Vorlage index.html wird ausgewählt!
   template = FILE
   template.file = fileadmin/template_1st_navigation/index.html
 
   workOnSubpart = DOKUMENT

   ###############################################
   # Das Hauptmenu oben wird erzeugt.
   marks.NAV_OBEN = HMENU
   marks.NAV_OBEN.special = directory
   marks.NAV_OBEN.special.value = 10
   marks.NAV_OBEN.1 = TMENU
   marks.NAV_OBEN.1.NO = 1
   marks.NAV_OBEN.1.NO.ATagParams = class="hauptnav"
   #Hier werden die Trennstriche definiert.
   marks.NAV_OBEN.1.NO.linkWrap =  &nbsp;|&nbsp;<span class="nav_balken_orange">&#124;</span> |*| &nbsp;|&nbsp;<span class="nav_balken_orange">&#124;</span> |*| &nbsp;|


   ###############################################
   # Der Inhalt wird erzeugt.
   marks.CONTENT = CONTENT
   marks.CONTENT {
      table = tt_content
      select.orderBy = sorting
      select.where = colPos = 0
   }


   ###############################################
   # Das Submenu unten wird erzeugt.
   marks.NAV_UNTEN = HMENU
   marks.NAV_UNTEN.special = directory
   marks.NAV_UNTEN.special.value = 11
   marks.NAV_UNTEN.1 = TMENU
   marks.NAV_UNTEN.1.NO = 1
   marks.NAV_UNTEN.1.NO.ATagParams = class="subnav"
   #Hier werden die Trennstriche definiert.
   marks.NAV_UNTEN.1.NO.linkWrap =  &nbsp;|&nbsp;&#124; |*| &nbsp;|&nbsp;&#124; |*| &nbsp;|

}

   ###############################################
   # Die nachfolgenden Zeilen würden sich auf die Suche mit der Indexed Seach Engine beziehen
   

   ###############################################
   # Seiten werden in den Suchindex aufgenommen
   #seite.config.index_enable = 1


   ###############################################
   # Aussehen der Suche anpassen
   #plugin.tx_indexedsearch.tableParams {
     #secHead = border=0 cellpadding=0 cellspacing=0 width="417"
     #searchBox = border=0 cellpadding=0 cellspacing=0
     #searchRes = border=0 cellpadding=0 cellspacing=0 width="417"
#}

   ###############################################
   # In der Suche werden die Suchregeln abgeschaltet
   # plugin.tx_indexedsearch.show.rules = 0
   ###############################################
   # Das CSS der Suche wird gelöscht und mein neues übernommen
   #plugin.tx_indexedsearch._CSS_DEFAULT_STYLE >

Wo und wo muss ich dass denn einfügen?`
Sorry aber ich bin absoluter TypoScript-Newbie ^^

kspriestersbach ·

also einfach:

page.headerData.10 = TEXT
page.headerData.10.value (
<script language="JavaScript">
function ziel(form)
{
var zielseite=form.liste.selectedIndex
if (form.liste.options[zielseite].value != "0" && form.liste.options[zielseite].value != "1")
{
location=form.liste.options[zielseite].value;
}
}
</script>
<style type="text/css">
form { display:inline; }
.language { font-family:verdana,helvetica;font-size:10px;color:#3C3C3C;font-weight:normal; }
</style>
)

will aber nicht 🙁

kspriestersbach ·

Hab ich ... geht nicht 🙁 ist nur

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- 
	This website is brought to you by TYPO3 - get.content.right
	TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://www.typo3.com
-->

	<link rel="stylesheet" type="text/css" href="fileadmin/template_1st_navigation/style.css" />
	<title>Universal Transport</title>
	<meta name="generator" content="TYPO3 3.8 CMS" />
	<script type="text/javascript">
		/*<![CDATA[*/
	<!--
		browserName = navigator.appName;
		browserVer = parseInt(navigator.appVersion);
		var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
		if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
			// Blurring links:
		function blurLink(theObject)	{	//
			if (msie4)	{theObject.blur();}
		}
		
	// -->
		/*]]>*/
	</script>


</head>

🙁

einpraegsam.​net ·

muss gehen!

probier mal irgendeinen Text ohne Klammern:

z.B.:

#FavIcon
page.headerData.50 = TEXT
page.headerData.50.value (
<link rel="SHORTCUT ICON" href="fileadmin/wunschtacho/wunschtacho_favicon.ico" />
)

dann danach im Quelltext suchen!

Stop!

Probier mal statt page.headerData...
seite.headerData...