---
title: "Screen-Res-Detection"
url: "https://www.typo3.net/d/2931-screen-res-detection"
source: "typo3.net"
tags: ["Extensions","Frage"]
created: "2003-05-19"
last_reply: "2006-06-28"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Screen-Res-Detection

Extensions · 1 Antwort · gestartet 2003-05-19

## Eröffnungsbeitrag

**Biertrinker** · 2003-05-19 · [Beitrag #1](https://www.typo3.net/d/2931-screen-res-detection/1)

Hallo,

ich habe ein problem mit dem "Screen resolution detection" modul.

Ich habe nach der Anleitung von typo3.org das Ding installiert.
Ich habe wie beschrieben 3 verschiedene Templates gebastelt. das sieht nun folgendermaßen aus:

```typoscript
outer_frameset = PAGE
outer_frameset.typeNum = 0

[userFunc= tx_ccscreenres_match(0)]
// screen res detection
outer_frameset.5 < plugin.tx_ccscreenres_pi1
 
[userFunc= tx_ccscreenres_match(>0)]
// template code used for 640 pixel (or smaller) screens
page = PAGE
menu= PAGE
top = PAGE

page.typeNum = 1
menu.typeNum = 2
top.typeNum = 3

+ Define the outer Frameset

outer_frameset.frameSet.rows = 50,*
outer_frameset.frameSet.params= border="0" framespacing="0" framespacing="0" frameborder="NO"
outer_frameset.frameSet {
1 = FRAME
1.obj = top
1.params = scrolling = "NO" noresize frameborder="NO" marginwidth="0" marginheight="0"
2 = FRAMESET
2.cols= 120,*
2	{
	1 = FRAME
	1.obj = menu
	2 = FRAME
	2.obj=page
	}
}

# Page Frame
page.config.index_enable = 1
page.headerData.10 = TEMPLATE
page.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/content640.html
	workOnSubpart = HEADER_CODE
	}

page.bodyTag = <body bgcolor="#ffffff">

page.10 = TEMPLATE
page.10 {
	template= FILE
	template.file= fileadmin/frames/content640.html
	workOnSubpart = DOCUMENT_BODY
	subparts.CONTENT < styles.content.get
	subparts.PAGE_HEADER = TEXT
	subparts.PAGE_HEADER.field = title

	marks.LETZTEAENDERUNG = TEXT
	marks.LETZTEAENDERUNG {
	data = page:lastUpdated
	if.isTrue.data = page:lastUpdated
	date = Y-d-m H:i
	wrap =<b> Last update: |
	wrap2 = |</b>
	data = register : SYS_LASTCHANGED
	if >
	}

 }


# top Frame

top.headerData.10 = TEMPLATE
top.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/top640.html
	workOnSubpart = HEADER_CODE
	}
top.bodyTag = <body bgcolor="#808080" leftmargin="0" topmargin="0">

top.10 = TEMPLATE
top.10 {
	template = FILE
	template.file = fileadmin/frames/top640.html
	workOnSubpart = DOCUMENT_BODY
}

# Menu Frame

menu.headerData.10 = TEMPLATE
menu.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/menu640.html
	workOnSubpart = HEADER_CODE
	}
menu.bodyTag = <body bgcolor="#6084BA" topmargin="0" leftmargin="0">

menu.10 = TEMPLATE
menu.10 {
	template = FILE
	template.file = fileadmin/frames/menu640.html
	workOnSubpart = DOCUMENT_BODY
	subparts.MENU_ITEMS = HMENU
	subparts.MENU_ITEMS.entryLevel = 0
	subparts.MENU_ITEMS.1 = GMENU
	subparts.MENU_ITEMS.1.expAll=1
	subparts.MENU_ITEMS.1.SPC = 1 
	subparts.MENU_ITEMS.1.target = page
	subparts.MENU_ITEMS.1.NO {
		XY=110,15
		backColor=#6084BA
		10=TEXT
		10.text.field= title
		10.offset= 0,10
		10.fontColor=white
		10.fontFile=t3lib/fonts/verdanab.ttf
		10.iterations=1
                10.fontSize=10
	}
	subparts.MENU_ITEMS.2 = GMENU
	subparts.MENU_ITEMS.2.target = page
	subparts.MENU_ITEMS.2.NO {
		XY=110,15
		backColor=#6084BA
		10=TEXT
		10.text.field= title
		10.offset= 5,10
		10.fontColor=white
		10.fontFile=t3lib/fonts/arialn.ttf
		10.fontSize=10
	}


}

[userFunc= tx_ccscreenres_match(>640)]
// template code used for 800 pixel (or smaller) screens
page = PAGE
menu= PAGE
top = PAGE

page.typeNum = 1
menu.typeNum = 2
top.typeNum = 3

+ Define the outer Frameset

outer_frameset.frameSet.rows =50,*
outer_frameset.frameSet.params= border="0" framespacing="0" framespacing="0" frameborder="NO"
outer_frameset.frameSet {
1 = FRAME
1.obj = top
1.params = scrolling = "NO" noresize frameborder="NO" marginwidth="0" marginheight="0"
2 = FRAMESET
2.cols= 130,*
2	{
	1 = FRAME
	1.obj = menu
	2 = FRAME
	2.obj=page
	}
}

# Page Frame
page.config.index_enable = 1
page.headerData.10 = TEMPLATE
page.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/content800.html
	workOnSubpart = HEADER_CODE
	}

page.bodyTag = <body bgcolor="#ffffff">

page.10 = TEMPLATE
page.10 {
	template= FILE
	template.file= fileadmin/frames/content800.html
	workOnSubpart = DOCUMENT_BODY
	subparts.CONTENT < styles.content.get
	subparts.PAGE_HEADER = TEXT
	subparts.PAGE_HEADER.field = title

	marks.LETZTEAENDERUNG = TEXT
	marks.LETZTEAENDERUNG {
	data = page:lastUpdated
	if.isTrue.data = page:lastUpdated
	date = Y-d-m H:i
	wrap =<b> Last update: |
	wrap2 = |</b>
	data = register : SYS_LASTCHANGED
	if >
	}

 }


# top Frame

top.headerData.10 = TEMPLATE
top.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/top800.html
	workOnSubpart = HEADER_CODE
	}
top.bodyTag = <body bgcolor="#808080" leftmargin="0" topmargin="0">

top.10 = TEMPLATE
top.10 {
	template = FILE
	template.file = fileadmin/frames/top800.html
	workOnSubpart = DOCUMENT_BODY
}

# Menu Frame

menu.headerData.10 = TEMPLATE
menu.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/menu800.html
	workOnSubpart = HEADER_CODE
	}
menu.bodyTag = <body bgcolor="#6084BA" topmargin="2" leftmargin="2">

menu.10 = TEMPLATE
menu.10 {
	template = FILE
	template.file = fileadmin/frames/menu800.html
	workOnSubpart = DOCUMENT_BODY
	subparts.MENU_ITEMS = HMENU
	subparts.MENU_ITEMS.entryLevel = 0
	subparts.MENU_ITEMS.1 = GMENU
	subparts.MENU_ITEMS.1.expAll=1
	subparts.MENU_ITEMS.1.SPC = 1 
	subparts.MENU_ITEMS.1.target = page
	subparts.MENU_ITEMS.1.NO {
		XY=120,20
		backColor=#6084BA
		10=TEXT
		10.text.field= title
		10.offset= 2,10
		10.fontColor=white
		10.fontFile=t3lib/fonts/verdanab.ttf
		10.iterations=1
                10.fontSize=12
	}
	subparts.MENU_ITEMS.2 = GMENU
	subparts.MENU_ITEMS.2.target = page
	subparts.MENU_ITEMS.2.NO {
		XY=120,20
		backColor=#6084BA
		10=TEXT
		10.text.field= title
		10.offset= 7,10
		10.fontColor=white
		10.fontFile=t3lib/fonts/arialn.ttf
		10.fontSize=12
	}


}

 
[userFunc= tx_ccscreenres_match(>800)]
// used for screens bigger than 800 pixel

page = PAGE
menu= PAGE
top = PAGE

page.typeNum = 1
menu.typeNum = 2
top.typeNum = 3

+ Define the outer Frameset

outer_frameset.frameSet.rows = 81,*
outer_frameset.frameSet.params= border="0" framespacing="0" framespacing="0" frameborder="NO"
outer_frameset.frameSet {
1 = FRAME
1.obj = top
1.params = scrolling = "NO" noresize frameborder="NO" marginwidth="0" marginheight="0"
2 = FRAMESET
2.cols= 170,*
2	{
	1 = FRAME
	1.obj = menu
	2 = FRAME
	2.obj=page
	}
}

# Page Frame
page.config.index_enable = 1
page.headerData.10 = TEMPLATE
page.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/content.html
	workOnSubpart = HEADER_CODE
	}

page.bodyTag = <body bgcolor="#ffffff">

page.10 = TEMPLATE
page.10 {
	template= FILE
	template.file= fileadmin/frames/content.html
	workOnSubpart = DOCUMENT_BODY
	subparts.CONTENT < styles.content.get
	subparts.PAGE_HEADER = TEXT
	subparts.PAGE_HEADER.field = title

	marks.LETZTEAENDERUNG = TEXT
	marks.LETZTEAENDERUNG {
	data = page:lastUpdated
	if.isTrue.data = page:lastUpdated
	date = Y-d-m H:i
	wrap =<b> Last update: |
	wrap2 = |</b>
	data = register : SYS_LASTCHANGED
	if >
	}

 }


# top Frame

top.headerData.10 = TEMPLATE
top.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/top.html
	workOnSubpart = HEADER_CODE
	}
top.bodyTag = <body bgcolor="#ffffff" leftmargin="0" topmargin="0">

top.10 = TEMPLATE
top.10 {
	template = FILE
	template.file = fileadmin/frames/top.html
	workOnSubpart = DOCUMENT_BODY
}

# Menu Frame

menu.headerData.10 = TEMPLATE
menu.headerData.10 {
	template = FILE
	template.file = fileadmin/frames/menu.html
	workOnSubpart = HEADER_CODE
	}
menu.bodyTag = <body bgcolor="#6084BA">

menu.10 = TEMPLATE
menu.10 {
	template = FILE
	template.file = fileadmin/frames/menu.html
	workOnSubpart = DOCUMENT_BODY
	subparts.MENU_ITEMS = HMENU
	subparts.MENU_ITEMS.entryLevel = 0
	subparts.MENU_ITEMS.1 = GMENU
	subparts.MENU_ITEMS.1.expAll=1
	subparts.MENU_ITEMS.1.SPC = 1 
	subparts.MENU_ITEMS.1.target = page
	subparts.MENU_ITEMS.1.NO {
		XY=150,20
		backColor=#6084BA
		10=TEXT
		10.text.field= title
		10.offset= 7,15
		10.fontColor=white
		10.fontFile=t3lib/fonts/verdanab.ttf
		10.iterations=1
                10.fontSize=14
	}
	subparts.MENU_ITEMS.2 = GMENU
	subparts.MENU_ITEMS.2.target = page
	subparts.MENU_ITEMS.2.NO {
		XY=150,20
		backColor=#6084BA
		10=TEXT
		10.text.field= title
		10.offset= 14,15
		10.fontColor=white
		10.fontFile=t3lib/fonts/arialn.ttf
		10.fontSize=14
	}


}
```

wenn man die seite nun im Browser aufruft, bekommt man allerdings folgendes zu sehen:
[Bild: yusen.de/typo3.jpg](http://www.yusen.de/typo3.jpg)

wenn man dann auf reload klickt, kommt die Seite zwar richtig, aber nur bis man den Browser schließt, und wieder neu öffnet.

weis da jemand rat?

vielen dank im vorraus

Aike

## Antworten

### [#2](https://www.typo3.net/d/2931-screen-res-detection/2) · silverzone · 2006-06-28

hab das gleiche problem, dass kein relaod ausgeführt wird

---

Quelle: „Screen-Res-Detection“, typo3.net, https://www.typo3.net/d/2931-screen-res-detection
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
