[TYPO3] Transmenu in typo3?

Matyi Gábor gmatyi at freemail.hu
Mon Jun 30 16:19:35 CEST 2008


bernd wilke <xoonsji02 at sneakemail.com> írta:

> > I took a look into your page source. I see this.
> > 
> > var JSmenu = new JSmenu(1,'JSmenuForm');
> >  var eid1=0;
> >
eid1=JSmenu.add(0,0,0,'Spickzettel','cheatsheet.html','_top');
> > JSmenu.openID = eid1;
> > eid1=JSmenu.add(0,eid1,0,'Bilder','bilder.html','_top');
> > eid1=JSmenu.add(0,eid1,0,'Start','start.html','_top');
> > eid1=JSmenu.add(0,eid1,0,'Login','login.html','_top');
> > 
> > How you generated this javascript menu? This is not
TMENU, where I put
> > ul and li, that I format with css.
> 
> this doesn't belong to the menu at the top with the flyout!!!
> On my site I have played around with many different menus.
> this javascript belongs to the drop-down-menu at the
bottom, where a 
> breadcrumb-like menu with dropdowns for each level appears.
> 
> also there is a left menu with counters 
> and a menu to jump to neighbor-pages 
>  

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.

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,'Wert-Modifizierung','122.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Bild als Link','24.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'URL-Parameter','23.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'FE-Login','22.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'SPAM-Protect','21.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Variablen','20.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Conditions','19.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Locallang
überschreiben','61.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Druckseite','67.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Spezielles
Rendering','18.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Debug','70.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Link nach oben','86.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Link mit
Linkreferenz','87.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Content
vererben','vererben.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'BE-User Tools','29.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Slide','28.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'ClearCache ','27.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Option-Labels','26.html','_top');
eid4=JSmenu.add(eid3,eid4,0,'Admin Panel','74.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ü?

> 
> the flyout at all can also be done with javascript.
> I just want to say: you don't need javascript as CSS can
switch 
> visibility using ':hover'.
> as it reads in the CSS
http://www.pi-phi.de/t3v4/fileadmin/css/fmenu.css 
> at the end:
> /* The magic - set to work for up to a 3 level menu, but
can be increased 
> unlimited */
> #nav ul, 
> #nav li:hover ul, 
> #nav li:hover ul ul, 
> [...]
> { display: none; }
> #nav li:hover ul, 
> #nav ul li:hover ul, 
> [...]
> { display: block; }

Yes, I understand this. But I don't like this css menu, as I
wrote, I'd like javascript based menu. (like joomla transmenu)

> 
> alpha transparency means two colors are blended and is
done with PNG. 
> either png8 or png24. 
> http://en.wikipedia.org/wiki/Alpha_compositing
> 
> with GIF you only can have full transparency for single
pixels (or none).
> if you want to have a menu where the background is seen
through with GIF 
> you must use a dither-pattern (http://en.wikipedia.org/wiki/
> Dither#Digital_photography_and_image_processing) which
will lead to moire-
> patterns (http://en.wikipedia.org/wiki/Moire) (as you can
see on some 
> windows-version when you shutdown.)
> 
> better is alpha-transparency with PNG. any version you like.
> but IE6 doesn't handle alpha-transparency correctly by
default. Therefore 
> the pngbehavior.htc. It's only for IE6. And then
thissolution is the 
> least work. (compare other solutions on that page described)
>  

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.

Gabor


___________________________
VÁSÁROLNA? SEGÍTÜNK! Igényeljen hitelkártyát online és élvezze Ön is a vásárlás szabadságát!




More information about the TYPO3-english mailing list