Der »DOCTYPE-Switch« und seine Auswirkungen
Dies ist ein Artikel zum benannten Thema, emit Beschriebung Beispielen und mehr.
Prüfen kann man den Modus durch einfügen eines JS auf der Seite (siehe Artikel), oder durch:
javascript:alert(document.compatMode);
Geht auch als Bookmark.
Wenn die XML-Datei angepasst werden muss gibt es einen Trick:
Nicht die DS modifizieren! Nach jedem Mapping ist sonst der Eintrag weg. Statt dessen ins TO unter ‘Lokale Verarbeitung’ (XML):
array ce <!--[CDATA[ 10= RECORDS 10.source.current=1 10.tables = tt_content 10.wrap = <! TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_end--> 10.conf.tt_content < plugin.tx_rgaccordion2 10.conf.tt_content.stdWrap.wrap = <div id="rgaccord2-nest">|</div> ]]-->
Um neue Styles im BE zur Verfügung stellen zu können, ein kleines Beispiel.
Dies muß im Page-Template eingbaut werden:
RTE.default {
contentCSS = fileadmin/templates/rte.css
useCSS = 1
showTagFreeClasses = 1
keepButtonGroupTogether = 1
classesCharacter = file, directory, mark1, mark2, mark3, mark4, mark5, mark6
classesParagraph = code, smallText, box1, box2
allowedClasses = file, directory, mark1, mark2, mark3, mark4, mark5, mark6, code, smallText, box1, box2
proc {
allowedClasses < RTE.default.allowedClasses
}
FE {
proc {
allowedClasses < RTE.default.allowedClasses
}
}
}
Dies muß dann im User-Template eingebaut werden:
setup.default.edit_RTE = 1
Zudem sollte dieser letzte Schalter auch in der Installation freigeschaltet werden.
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
Ein absolutes Muss für jeden Webdeveloper zum Debuggen von HTML, CSS und JavaScript.
Und als Ergänzung das passende Nachschlagewerk, das sich direkt in Firebug integriert.
http://tools.sitepoint.com/firescope/
10 = USER 10.userFunc = tx_t3mootools->addJS # # add your own JavaScript # # 10.jsfile = fileadmin/javascript.js # # or JavaScript code like this # # 10.jsdata = alert('Hello World!');
In der Extension ‘ypslideout‘ (typo3conf/ext/int_ypslideoutmenu/res/ypSlideOutMenus.js) gibt es die Javascript-Funktion ‘getPosition’ (Zeile: 262 und 317), dieser Name ist auch in ‘t3mootools‘ vergeben.
Lösung:
umbenennen in ‘_getPosition’
# Default PAGE object: page = PAGE page.10 = HTML page.10.value = <div>kigmbh.com</div>
ki-office blog