Zum Inhalt springen

Menü mit Image-replacement und Sonderzeichen "&"

Erstellt am 30. Juli 2010 · 1 Antwort · letzte Antwort am 30. Juli 2010

Tags: HTML & CSS, Frage

sichmann ·

Hallo Leute, ich stehe auf validen Code, habe ein Menü im Einsatz:

lib.gtmenu = HMENU
lib.gtmenu {
    special = list
    special.value = 105,106,107,108,109
#entryLevel = 2
 1 = TMENU
 1 {
 wrap = <ul class="zusatz">|</ul>
 NO.doNotLinkIt = 1
 NO.wrapItemAndSub = <li>|</li>
 NO.stdWrap.cObject = COA 

 NO.stdWrap.cObject {

 		10 = TEXT
 		10 {
 		field = title
 		
 		typolink {
 			parameter.field = uid

			### AtagParams als COA definieren, um die Grafik rendern zu können ###
 			ATagParams.cObject = COA
 			ATagParams.cObject {

				### Image-Resource nach unseren Wünschen generieren ### 
 				10 = IMG_RESOURCE 
 				10.file = GIFBUILDER
 				10.file {
					align = center
					XY = 198,70

 					backColor = #294834 
 					10 = TEXT
 				10 {
 					text.field = subtitle//title
 					
 					fontSize = 22
 					fontFile=fileadmin/fonts/NicolasCochin_Regular.ttf
 					offset = 0,25
 					align = center
 					fontColor = #ffffff
 					} 

					### Roten Hintergrund für den Rollover definieren ###
 					20 = BOX
 					20 {
 						dimensions = 0,35,198,35
 						color = #396448 
 						}

					### Text für den Rollover kopieren, nach unten verschieben und einfärben ###
	 				30 = TEXT
	 				30 < .10
	 				30 {
 					offset = 0,60
					color = #ffcc00
 						}
 }
 
 10.stdWrap.dataWrap = style="width:198px; background-image: url('/|');"




					} 
				} 
			} 
		}
		CUR = 1
CUR.doNotLinkIt = 1
 CUR.wrapItemAndSub = <li>|</li>
 CUR.stdWrap.cObject = COA 
 CUR.stdWrap.cObject {

 		10 = TEXT
 		10 {
 		field = title
 		typolink {
 			parameter.field = uid

			### AtagParams als COA definieren, um die Grafik rendern zu können ###
 			ATagParams.cObject = COA
 			ATagParams.cObject {

				### Image-Resource nach unseren Wünschen generieren ### 
 				10 = IMG_RESOURCE 
 				10.file = GIFBUILDER
 				10.file {
					align = center
					XY = 198,70

 					backColor = #396448 
 					10 = TEXT
 				10 {
 					text.field = subtitle//title
 					fontSize = 22
 					fontFile=fileadmin/fonts/NicolasCochin_Regular.ttf
 					offset = 0,25
 					align = center
 					fontColor = #ffffff
 					} 

					### Roten Hintergrund für den Rollover definieren ###
 					20 = BOX
 					20 {
 						dimensions = 0,35,198,35
 						color = #396448 
 						}

					### Text für den Rollover kopieren, nach unten verschieben und einfärben ###
	 				30 = TEXT
	 				30 < .10
	 				30 {
 					offset = 0,60
					color = #ffcc00
 						}
 }
 10.stdWrap.dataWrap = style="width:198px; background-image: url('/|');"




					} 
				} 
			} 
		}
	
	}
}

das generiert leider keinen validen Code.

Wie und wo muss ich htmlSpecialChar einsetzen, damit das valide wird?

Julian.​Hofmann ·

Hallo.

sichmann schrieb

Wie und wo muss ich htmlSpecialChar einsetzen, damit das valide wird?

Dort, wo Text ausgegeben wird, der wohl ein & odgl. enthält. 😉

Somit fällt alles weg, was nur zur Bilder- und Linkzeugung dient. D.h. es bleibt übrig:

lib.gtmenu = HMENU
lib.gtmenu {
	special = list
	special.value = 105,106,107,108,109
	#entryLevel = 2
	1 = TMENU
	1 {
		wrap = <ul class="zusatz">|</ul>
		NO.doNotLinkIt = 1
		NO.wrapItemAndSub = <li>|</li>
		NO.stdWrap.cObject = COA 
		
		NO.stdWrap.cObject {
		
			10 = TEXT
			10 {
				field = title		
			} 
		}
		CUR = 1
		CUR.doNotLinkIt = 1
		CUR.wrapItemAndSub = <li>|</li>
		CUR.stdWrap.cObject = COA 
		CUR.stdWrap.cObject {
		
			10 = TEXT
			10 {
				field = title
			} 
		}
	
	}
}

Nachdem Du bereits weißt, dass Du mit htmlSpecialChar arbeiten willst/musst, musst Du nur noch im verbleibenden TS eine Stelle finden, wo stdWrap-Eigenschaften vorliegen, die die Anwendung von htmlSpecialChar ermöglich. Und zum Glück hat TEXT gleich die gesuchten stdWrap-Eigenschaften...

Viele Grüße
Julian