Zum Inhalt springen

CSS deaktivieren

Erstellt am 22. August 2007 · 11 Antworten · letzte Antwort am 22. August 2007

Tags: Frage

Knalltuete ·

Hallo,

ich habe ein Problem mit der deaktivierung des CSS..
Ich benutze folgendes Menü, welches einen Menüpunkt enthält welcher die Variable T übergibt.

config.linkVars = T

temp.barrierefreilink = TEXT
temp.barrierefreilink {
	wrap = <li>|</li>
	override = Barrierefrei Ansicht
	typolink.title = Barrierefrei Ansicht
	typolink.parameter.data = page:uid
	typolink.additionalParams = &T=1
	typolink.addQueryString = 1
	typolink.addQueryString.exclude = id,cHash
	typolink.addQueryString.method = GET
}

[globalVar = GP:T=1]
temp.barrierefreilink {  
	override = Normale Ansicht
	typolink.title = Normale Ansicht
	typolink.additionalParams = &T=0
}
[global]

temp.footermenu = COA
temp.footermenu.10 < temp.barrierefreilink
temp.footermenu.20 = HMENU
temp.footermenu.20 {
	includeNotInMenu = 1
	special = list
	special.value = 27
	1 = TMENU
	1 {
		NO {
			tabIndex = 1
    			ATagParams = class="footeritem"
    			ATagTitle.field = title
    			ATagTitle.wrap = | 
    			stdWrap.field = title
    			allWrap = <li>|</li>
		}
	
		ACT = 1
		ACT {
			tabIndex = 1
    			ATagParams = class="footeritem_act"
    			ATagTitle.field = title
    			ATagTitle.wrap = | 
    			stdWrap.field = title
    			allWrap = <li>|</li>
		}
	}
}
temp.footermenu.wrap = <ul id="footermenu">|</ul>
page.10.subparts.FOOTERMENU < temp.footermenu

Nun habe ich versucht mit

[globalVar = GP:T=1]
page.stylesheet =
[end]

das Stylesheet zu deaktivieren.. Ich dachte auch erst es funktioniert, jedoch wird dann garkein Stylesheet mehr geladen!

Das Maintemplate sieht so aus:

page = PAGE

page {
	typeNum = 0
	stylesheet = fileadmin/css/stylesheet.css
	[globalVar = GP:T=1]
	stylesheet =
	[end]
	meta.DESCRIPTION.field = abstract
	meta.AUTHOR.field = author
	meta.KEYWORDS.field = keywords
	
	shortcutIcon = fileadmin/img/favicon.ico
}

[browser = msie] && [version =< 7.0]
page.stylesheet = fileadmin/css/stylesheet_ie6.css
[END]
[browser = msie] && [version => 6.9]
page.stylesheet = fileadmin/css/stylesheet_ie7.css
[END]

page.10 = TEMPLATE
page.10 {
	template = FILE
	template.file = fileadmin/template/home.html
	#workOnSubpart = BODY

	marks.content < styles.content.get
}

config {
	baseURL = xxx
	simulateStaticDocuments = 0
	tx_realurl_enable = 1
	prefixLocalAnchors = all
	disablePrefixComment = 1
	doctype = xhtml_trans
}

styles.content.mailform.target = _self 
styles.sitemap.text.target = _self

Hat von euch vielleicht jemand eine Idee?

einpraegsam.​net ·

Natürlich wird kein CSS mehr geladen, wenn du es leerst, dann musst du stattdessen eben ein anderes laden!?

page.stylesheet = fileadmin/normal
[globalVar = GP:T=1]
page.stylesheet = fileadmin/barrierearm.css
[end]
einpraegsam.​net ·

Nachtrag:

Oder du lädst ein weiteres zusätzliches CSS, welches gesetzte Klassen überschreibt

[globalVar = GP:T=1]
page.includeCSS.file1 = zusatz.css
page.includeCSS.file1.title = Barrierefrei
page.includeCSS.file1.media = screen
[end]
Knalltuete ·

das ist doch aber bloedsinn.. das CSS wird ja nur geleert wenn T=1 ist?!
Ansonsten steckt da ja mal garkeine Logik dahinter..

Und ein zweites CSS zu schreiben halte ich für zu viel Aufwand!

Das muss doch einfacher gehen..

einpraegsam.​net ·

Nochmal gaaaaanz langsam...

Was soll passieren, wenn jemand den Barrierefrei-Knopf drückt?
Das normale CSS soll rausfliegen und eine barrierefreie Ansicht erscheinen - oder?

Knalltuete ·

genau! Am coolsten wäre es wenn man wie beim Firefox einfach einstellen könnte dass kein Stylesheet mehr geladen wird. Aber das geht ja nicht.. Also soll einfach das CSS rausfliegen!

einpraegsam.​net ·

Gibt übrigens auch eine JS Lösung, das Stylesheet zu deaktivieren...

Aber JavaScript und Barrierefreiheit vertragen sich ja bekanntlich nicht so gut

Knalltuete ·

Nein leider nicht.. Wenn ich es so mache wird komischerweise garkein Stylesheet mehr geladen egal welchen Zustand T hat!

einpraegsam.​net ·
page {
        typeNum = 0
        stylesheet = fileadmin/css/stylesheet.css
        [globalVar = GP:T=1]
        stylesheet =
        [end]
        meta.DESCRIPTION.field = abstract
        meta.AUTHOR.field = author
        meta.KEYWORDS.field = keywords
       
        shortcutIcon = fileadmin/img/favicon.ico
}

Böser Fehler

Keine Conditions in geschweiften Klammern!!

page {
        typeNum = 0
        stylesheet = fileadmin/css/stylesheet.css
        meta.DESCRIPTION.field = abstract
        meta.AUTHOR.field = author
        meta.KEYWORDS.field = keywords
       
        shortcutIcon = fileadmin/img/favicon.ico
}
[globalVar = GP:T=1]
page.stylesheet =
[end]