[alona]

Hallo,
ich habe folgendes Problem und suche Hilfe!!!

ich habe eine Javascript - Funktion zur Ermittlung von Fensterweite geschrieben um den Menu-Layer absolut zu positionieren.
Leider weiss ich jetzt nicht wie ich diese Variable in TypoScript übergeben kann.

Ich habe es im Moment so, leider geht das aber nicht:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56:

page = PAGE page.stylesheet = fileadmin/templates/css/styles.css page.typeNum = 0 page.headerData.1 = COA page.headerData.1 = TEXT page.headerData.1.value ( <script type="text/JavaScript"> function Fensterweite() {   if (window.innerWidth) {     return window.innerWidth;   }   else if (document.body && document.body.offsetWidth) {     return document.body.offsetWidth;   }   else {     return 0;   } }       function neuAufbau () {   if (Weite != Fensterweite())     location.href = location.href; } /* Überwachung von Internet Explorer initialisieren */ if (!window.Weite && document.body && document.body.offsetWidth) {   window.onresize = neuAufbau;   Weite = Fensterweite();   /*Weite = (Weite-400)/2;*/   /*Abstand = (Weite - 400);   Links = (Abstand)/2;     Links = Links+px;*/ } /* Überwachung von Netscape initialisieren*/ if (!window.alteWeite && window.innerWidth) {   window.onresize = neuAufbau;   Weite = Fensterweite();      /*Abstand = (Weite - 400);   Links = (Abstand)/2;     Links = Links+px;*/   }   Abstand = (Weite - 400);   Links = (Abstand)/2;     Links = Links+'px'; </script> ) layerStyle = position:absolute; left:+Links+; top:20px; height:50px;VISIBILITY:hidden;

Weiss jemand Rat?
liebe Grüße

[Cybersmog]

Vorweg: Zeile 6 in deinem Code ist überflüssig, weil du sie in Zeile 7 wieder überschreibst.

Zum Problem: ich würde einen anderen Lösungsansatz wählen: gib dem Menü eine ID und sprich in deinem JS dann direkt dieses Element an (getElementById())

Gruß
Peter

[alona]

hi,
danke dir für den Tipp, kannst du vielleicht ein Beispiel bringen wie das gehen soll. Bin ziemliche Anfängerin


Danke und Grüße

[Cybersmog]

Es müsste in etwa so aussehen:

<script language="javascript" type="text/javascript">
var menu = document.getElementById('menu');
menu.style.left = left+'px';
</script> <div id="menu">Menü Code</div>

Du musst halt deinen Code noch dazu einbauen.

Gruß
Peter

[Armin]

moin,

weitere Info: SELFHTML: JavaScript / Objektreferenz / document

Und: TS wird Serverseitig ausgeführt, JS Client-Seitig. Aus diesem Grund kann die Zeile
layerStyle = position:absolute; left:+Links+; top:20px; height:50px;VISIBILITY:hidden;
nicht greifen!

Armin

[alona]

hallo,

mit ist mir immer noch nicht klar ob ich den layerStyle id vergeben kann, oder ein Div um den Layer herum machen??

Unten ist meine Menu, es klappt aber weder so oder so

hier ist noch mal mein Code wie er jetzt ist.

<script type="text/JavaScript">
Links = Links+'px';
 var menu = document.getElementById('menu');
  menu.style.left = Links;
</script>

sieht jemand den Fehler?????

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50:

NAVIGATION = HMENU NAVIGATION { 1 = GMENU_LAYERS 1 {                   layerStyle = position:absolute; top:25px; height:50px;VISIBILITY:hidden; expAll=1 hideMenuTimer = 1000 hideMenuWhenNotOver = 1 displayActiveOnLoad = 1               wrap = <table border="0" cellpadding="0" cellspacing="0"><tr>|<td><img src="fileadmin/images/test.gif"/></td></tr></table>   NO.wrap = <td>|</td>       NO {       transparentBackground = 1 backColor = #000000   XY = 500, 20         10 = TEXT 10.text.field = title       10.fontSize = 12 10.fontFile = fileadmin/.. 10.fontColor= #ffffff 10.offset = 5, 16 10.niceText = 0     } } 2 = GMENU_LAYERS 2 {       layerStyle = position:absolute; top:25px; VISIBILITY:hidden; wrap = [color=DarkRed]<div id= "menu">[/color]<table border="0" cellspacing="0" cellpadding="0"><tr> | </tr></table></div>     NO{ allWrap = <td height="50"> | </td>             XY = 500, 20         10 = TEXT 10.text.field = title     10.offset = 5, 15     10.fontSize = 10   10.fontFile = fileadmin/..   10.fontColor = #000000 }   }     }

//Edit von MistaD
Code in den passenden Container geschubst

[Cybersmog]

Eine ID kannst du jedem HTML Element mitgeben.

Gruß
Peter

[alona]

hallo,

bin schon am verzweifeln, hat immer noch nicht geklappt

welchen Element in meinen Fall kann man eine ID geben?
die Positionierung funktioniert wenn ich den

layerStyle = position:absolute; VISIBILITY:hidden;

left: ".." angebe

genau diesen Wert will ich mit JavaScript austauschen.
Hier (layerStyle) kann ich doch kein ID vergeben oder?

In Explorer funktioniert alles auch ohne id aber Firefox macht Probleme.

Brauch dringend Hilfe!

Grüße alona