[TYPO3] Transmenu in typo3?

bernd wilke xoonsji02 at sneakemail.com
Mon Jun 30 19:47:19 CEST 2008


 
> We don't understand each other. On your site I see two menu. One is on
> top, other is on left. I'd like a such menu that is on the top, this is
> a javascript menü. If I see you html source, I see that the menu items
> is coded in the javascript code, and not in <ul>-<li> structure.

believe me: the menu at the top is done *without* javascript.
(only for IE6 (browser-condition in typoscript-template) there is some 
javascript included)

and I have more than two menus on my site!
lets sketch it: (monospaced font required)
+-------------------------------------------------------+
| spickzettel | Bilder | Start | login |                |
|-------------------------------------------------------|
| TYPO3 (60-5)     |                            |comment|
| Webdesign (18-4) |     content                +-------|
| others (6-2)     |                                    |
|                  |                                    |
| social links     |                                    |
|                                                       |
|Ihre aktuelle Seitenauswahl: [Spickzettel V][TYPO3 V]  |
|-------------------------------------------------------|
| |^ hoch ^| >> weiter        Sitemap–Contact-...       |
+-------------------------------------------------------+ 

abtract:
+-------------------------------------------------------+
| 11111111111111111111111111111111111111                |
|-------------------------------------------------------|
| 222222222222222  |                            |comment|
| 222222222222222  |     content                +-------|
| 222222222222222  |                                    |
|                  |                                    |
| social links     |                                    |
|                                                       |
|Ihre aktuelle Seitenauswahl: 33333333333333333333333   |
|-------------------------------------------------------|
| 44444444444444444444        555555555555555555        |
+-------------------------------------------------------+ 

these number-areas each give an own menu:
111 is the flyout-menu with UL-LI and CSS with ':hover'. And only for IE6 
some javascript
222 is a normal side menu (just UL-LI without ':hover') with counters 
defined in typoscript
333 is the drop-down-menu where the javascript belongs to which you have 
found
444 is a navigation: back, up, next (not visible at top-level)
555 the footer is a special-hmenu (special = directory)

> I speak about this.
> 
> <script type="text/javascript">
> 	/*<![CDATA[*/
> <!--
> 
> var JSmenu = new JSmenu(4,'JSmenuForm');
>  var eid1=0;
>  var eid2=0;
>  var eid3=0;
>  var eid4=0;
> eid1=JSmenu.add(0,0,0,'Spickzettel','cheatsheet.html','_top');
> JSmenu.openID = eid1;
> eid2=JSmenu.add(eid1,0,0,'TYPO3','typo3.html','_top');
> JSmenu.entry[eid1].openID = eid2;
> eid3=JSmenu.add(eid2,0,0,'Typoscript','typoscript.html','_top');
> JSmenu.entry[eid2].openID = eid3;
> eid4=JSmenu.add(eid3,0,0,'Grundkonfiguration','25.html','_top');
> JSmenu.entry[eid3].openID = eid4;
> eid4=JSmenu.add(eid3,eid4,0,'Sprachkonfiguration','116.html','_top');
[...]
> eid4=JSmenu.add(eid3,eid4,0,'Label für
> Default-Sprache','157.html','_top');
> eid3=JSmenu.add(eid2,eid3,0,'Developer','developer.html','_top');
> eid4=JSmenu.add(eid3,0,0,'Datenbank-API','database-api.html','_top');
> JSmenu.entry[eid3].openID = eid4;
> 
> 
> These menu not seems to be coded by hand, I think it is generated from
> TS. This is my quesion, how you solved this? Could you write me a sample
> TS code, that help me to write my javascript menü?

yes, it is defined by typoscript: look for JSMENU in TSREF 
But this is *NOT* the flyout-menu. 
it is the Drop-down rootline/breadcrumb menu at the bottom (333)
 
> Yes, I understand this. But I don't like this css menu, as I wrote, I'd
> like javascript based menu. (like joomla transmenu)

then configure your menus with wraps so it matches the definitions of 
that transmenu. in TYPO3 it is possible to generate any kind of text in a 
menu. It might be more or less complicated.
I prefer a clean wrapping just with UL and LI so search-engines can index 
and find my subpages. 
If you want to have some javascript-code it also is possible but moer 
complicated.
As I'm a (PHP)programmer it is easier for me to generate that javascript 
from an extension than by typoscript.
 
> thanks, I will read these pages. But about the pngbehaviour.htc I wrote:
> You need use this patch only, if you use IE6 and PNG24. If you save your
> png as PNG8, it will be transparent on IE6 without using pngbehaviour.

as far as I know IE6 handles by default only complete transparency like 
in a GIF (0%/100%) but no alpha-transparency. And the menu you described 
is alpha-transparency (40% transparency).

I found http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
where you can read that any alpha-transparency with png8 is shown in IE6 
as complete transparency. that will not fullfill your needs.
 

-- 
http://www.pi-phi.de/t3v4/cheatsheet.html


More information about the TYPO3-english mailing list