VF DSL 468x60

Individueller wrap für jeden link bei HMENU "special = browse"

Submitting your vote...
Rating: 4.8 of 5. 5 vote(s).
Click the rating bar to rate this item.

Wenn man ein Menü vom Typ "special=browse" erstellt hätte man manchmal gerne verschieden wraps für die next/previous links.

Mit diesem Menü Typ funktioniert kein optionSplit, da man keine fixe Anzahl an links hat (z.b. auf der 1. Seite ist kein previous Link, auf der letzen kein next Link)

Dieses kleine Snippet löst das problem durch das Benutzen eines dummy-Felds (im Beispiel "subtitle") umd für jeden Link einen individuellen wrap zu bekommen.

 

# Constants START
lib.nextprevmenu {
  menuIcon6 = <img src="fileadmin/images/umloud/menu6no.gif" width="20" height="13" border="0" alt="Menu" Title="Menu" onmouseover="this.src='fileadmin/images/umloud/menu6ro.gif'" onmouseout="this.src='fileadmin/images/umloud/menu6no.gif'" />
  menuIcon6.wrap = <div class="buttonmenu">|</div>
  nextIcon = <img src="fileadmin/images/umloud/next_no.gif" width="21" height="13" border="0" alt="Næste" Title="Næste" onmouseover="this.src='fileadmin/images/umloud/next_ro.gif'" onmouseout="this.src='fileadmin/images/umloud/next_no.gif'" />
  nextIcon.wrap = <div class="buttonnext">|</div>&nbsp;
  prevIcon = <img src="fileadmin/images/umloud/prev_no.gif" width="21" height="13" border="0" alt="Forrige" Title="Forrige" onmouseover="this.src='fileadmin/images/umloud/prev_ro.gif'" onmouseout="this.src='fileadmin/images/umloud/prev_no.gif'" />
  prevIcon.wrap = <div class="buttonprev">|</div>&nbsp;
}
# Constants END

 

 

 

# Setup START
temp.nextprevmenu = COA
temp.nextprevmenu {
  wrap = <div class="buttonbox">|</div>
   
  10 = HMENU
  10.special = browse
  10.special {
    items = prev|next|index
    prev.fields.title = {$lib.nextprevmenu.prevIcon}
    prev.fields.subtitle = {$lib.nextprevmenu.prevIcon.wrap}
    next.fields.title = {$lib.nextprevmenu.nextIcon}
    next.fields.subtitle = {$lib.nextprevmenu.nextIcon.wrap}
    index.fields.title = {$lib.nextprevmenu.menuIcon6}
    index.fields.subtitle = {$lib.nextprevmenu.menuIcon6.wrap}
  }
  10.1 = TMENU
  10.1 {
    NO {
      allWrap.field = subtitle
    }
  }
}
# Setup END 

 

 

Dieses Snippet wurde von Peter Klein eingesendet.



Comments


nice, 28-03-09 22:39:
Wenn der Title erhalten bleiben soll...

[code]# Setup START
lib.home = COA
lib.home {
#wrap = <div class="buttonbox">|</div>

10 = HMENU
10.special = browse
10.special {
#items = prev|next|index|up
items = index|prev|up|next


prev.fields.title = {$lib.home.prevIcon}
prev.fields.subtitle = {$lib.home.prevIcon.wrap}

next.fields.title = {$lib.home.nextIcon}
next.fields.subtitle = {$lib.home.nextIcon.wrap}

index.fields.title = {$lib.home.homeIcon}
index.fields.subtitle = {$lib.home.homeIcon.wrap}
index.uid = 1

up.fields.title = {$lib.home.upIcon}
up.fields.subtitle = {$lib.home.upIcon.wrap}
}
10.1 = TMENU
10.1 {
NO {
allWrap.field = subtitle
ATagTitle.cObject = TEXT
ATagTitle.cObject {
dataWrap = DB:pages:{field:uid}:title
wrap3 = {|}
insertData = 1
}
}
}
}
# Setup END
[/code]
nice, 29-03-09 00:14:
Sorry, funktioniert leider nicht im IE da dieser das Title Attribut vom Bild nimmt, hat da jemand eine Lösung?

Add comment

* - required field

*



*
*

Top 10 Updates

Erstellen eines einfachen Infocenters mit TYPO3  geändert am  17-Nov-2009 11:11:22
Funktionierendes Section Menu mit TemplaVoila geändert am  05-May-2009 10:42:40
"Nicht im Menü" in Sitemap anzeigen geändert am  05-May-2009 10:12:24
Implementation des DHTML Menüs von brainjar.com  geändert am  01-Feb-2009 13:01:36
Beispiel DHTML Menü geändert am  01-Feb-2009 12:47:38
Anzeigebeispiel für dynamische Bild Masken geändert am  16-Dec-2008 15:11:25
Links geändert am  11-Dec-2008 10:12:33
Nützliche Links geändert am  11-Dec-2008 10:05:56
Transparente PNG's in IE5/6 ohne JavaScript geändert am  04-Oct-2008 12:28:14
Typoscript Eigenschaften mit stdWrap erweitern geändert am  13-Jun-2008 14:16:12

Latest comments

13-Mar-2010 10:07:30
Tom schrieb: Sorry, natürlich mit align = center :-) Tom
Vertikales grafisches Menu (GMENU)
11-Mar-2010 07:52:35
Tom schrieb: Klasse, genau das was ich gebraucht habe. Mit einer Einschränkung... ... wie kann ich jetzt den...
Vertikales grafisches Menu (GMENU)
10-Mar-2010 15:42:51
siteway.de schrieb: Perfekt. Nach genau sowas hab ich gesucht! Danke.
Jedem Mailformular Feld eine eigene CSS Klassen zuweißen
English
Suche: