Problem mit Weiterleitung

Was mache ich falsch?

ich möchte für eine Seite mit vorwiegend einer Galerie, die das Werk eines Fotografen zeigt eine Umleitung machen, damit derjenige mit dem Laptop und 15 Zoll auch noch ohne Scrollen die Navigation unter der Galerie sieht und derjenige mit dem grossen Bildschirm auch grosse Bilder geniessen kann.
Im Setup habe ich darum per page.headerData eine Umleitung versucht.
Alle der folgenden Snippets in meinem Setup eingefügt machen, das ich eine weisse Seite erhalte.
Ich füge den Code direkt nach dem page = PAGE ein

page.headerData.20 = TEXT
page.headerData.20.value (
     <script type="text/javascript">
<!--

if (window.screen)
{
<1024) self.location.href="index.php?id=4";
else self.location.href="index.php?id=4";
}

//-->
</script>
}
---------------------------------------------------

page.headerData.20 = TEXT
page.headerData.20.value (
<SCRIPT type="text/javascript">
<!--
var screen = screen.width;
if (screen <"1024")location.href="index.php?id=22";
else if (screen >= "1024")location.href="index.php?id=4";

//-->
</SCRIPT>
}

-----------------------------------------------------
page.headerData.20 = TEXT
page.headerData.20.value (
<script type="text/javascript">
if (screen.width<1024)
window.location = "index.php?id=22";
</script>
}
--------------------------------------------------------

Redcurrant

Hallo redcurrant.

1. Bitte benutze im Editor die Buttons für die Auszeichnung der
entsprechenden Skripte.
So lässt sich leider nicht erkennen ob bzw. wo du einen Fehler haben
könntest, da bestimmte zeichen Unterdrückt und andere Zeichenkombinationen
z.B. als Smileys angezeigt werden.

2. Hast du einen Link zu deiner Seite? Das hilft oftmals weiter

@Chrissli
vielen Dank für den Hinweis.

Hier nun die drei Snippetvarianten:

1.

page.headerData.20 = TEXT
page.headerData.20.value {

[code language=JavaScript]

if (window.screen)
{
 <1024 self.location.href="index.php?id=25";
else self.location.href="index.php?id=5";
}[/code]

}

2.

page.headerData.20 = TEXT
page.headerData.20.value {
[code language=JavaScript]

var screen = screen.width; 
if (screen <"1024")location.href="index.php?id=25"; 
else if (screen > "1024")location.href="index.php?id=5";
 
[/code] 
}

3.

page.headerData.20 = TEXT
page.headerData.20.value {
[code language=JavaScript] 
if (screen.width<1024)
 window.location = "index.php?id=22";
[/code] 
}

Die dritte produziert einen ewigen Umgang.
Bei allen dreien gibt es eine weisse Seite , wenn das Javascript in geschweiften Klammern steht. Mit den runden Klammern gibts dann keine Umleitung.
Die Seiten auf welche verwiesen wird sind Shortcuts mit dem Template zur Homeseite.

Eigebaut werden soll es auf http://www.fotografdesign.ch das ist ein Typo3.4.5
getestet habe ichs aber auch auf einem Typo3.4.4

Ok sorry, das war etwas blöd ausgedrückt mit dem Link zur Seite.
Hilfreich wäre gewesen, wenn die Seite mit dem fehlerhaften Skript
online zur Verfügung steht, da ein Javascript-Debugger hier oft sehr
nützliche Meldungen ausspuckt.
Ich kann dir nur empfehlen dir Firebug für Firefox als Addon zu installieren.
Die darin integrierte Konsole gibt dann aus was es Javascript-technisch zu meckern
gibt.

Was ich dir aber schon mal sagen kann:

Zu Snippet #1

if (window.screen)
{
 <1024 self.location.href="index.php?id=25";
else self.location.href="index.php?id=5";
}

"screen" ist meines Wissens nach kein Objekt das zu "window" gehört, es würde
also reichen

if (screen)

zu schreiben, lasse mich diesbezüglich aber gerne korrigieren.
Allersinds handelt es sich hier auch nicht um korrekten Javascript code.
Korrekt sollte das lauten:

if(screen.width < 1024 ) {
 location.href="index.php?id=25";
} else { location.href="index.php?id=5"; }

Snippet #2:

var screen = screen.width; 
if (screen <"1024&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />location.href="index.php?id=25"; 
else if (screen > "1024&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />location.href="index.php?id=5";

Jetzt hast du screen korrekt verwendet, allerdings ist deine Bedingung syntaktisch nicht korrekt,
es fehlen die schließenden Klammern:

var myscreen = screen.width; 
if (myscreen < 1024 ) {
  location.href="index.php?id=25"; 
} else if (myscreen > 1024 ) {
  location.href="index.php?id=5"; 
}

Ich habe zudem deine Variable "screen" in "myscreen" umbenannt. Du solltest niemals Versuchen feste vordefinierte Variablen zu überschreiben,
zumal du mit dem Kennzeichner "var" angibst, dass du sie anlegen möchtest, allerdings existiert sie bereits.

Snippet #3:

ist eigentlich korrekt, allerdings sollte es
window.location.href
bzw. location.href heissen.

Ich darf dir an dieser Stelle aber auch noch diesen Artikel von Selfhtml zum Javascript Screen Object empfehlen

Mir aber nicht klar wie du deine Verknüpfungen zur Hauptseite gestaltest.
Wenn du das Template mit der Javascript-weiterleitung nicht überschreibst, landet der Besucher im ewigen Redirect, dass ist nicht schön.
Das solltest du im Hinterkopf behalten...