Archief - Q: Joomla : Extended Menu

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
K

KoenDK

Legacy Member
Ik ben bezig met een dropdown menu op te stellen in Joomla
oa deze pagina staat vol met uitleg http://www.htmldog.com/articles/suckerfish/dropdowns/



weet er iemand wat ik moet doen met het volgende :


And that will sort out everything for those browsers that fully support the :hover pseudo class, but for Internet Explorer we need to set the Suckerfish JavaScript loose:

PHP: 
sfHover = function() {     var sfEls = document.getElementById("nav").getElementsByTagName("LI");     for (var i=0; i<sfEls.length; i++) {         sfEls[i].onmouseover=function() {             this.className+=" sfhover";         }         sfEls[i].onmouseout=function() {             this.className=this.className.replace(new RegExp(" sfhover\\b"), "");         }     } } if (window.attachEvent) window.attachEvent("onload", sfHover);


ik plaats deze in <head> als JavaScript, maar dat is het dus duidelijk niet
iemand ervaring met Suckerfish?
X

Xavez

Legacy Member
Wat in je css als :hover gedefinieerd staat moet uiteraard nu ook als klassenaam sfhover hebben :).

li:hover, .sfhover {hoverstatusbepaling}.
En DAT dan weer enkel voor alle <li>-elementen BINNEN een element met id "nav" :)
K

KoenDK

Legacy Member
Xavez zei:
Wat in je css als :hover gedefinieerd staat moet uiteraard nu ook als klassenaam sfhover hebben :).

li:hover, .sfhover {hoverstatusbepaling}.
En DAT dan weer enkel voor alle <li>-elementen BINNEN een element met id "nav" :)
Klik om te vergroten...


dat staat op de site uitgelegd hé

Basically, this applies the 'sfhover' class to li elements in the 'nav' id'd ul element when they are 'moused over' and removes it, using a regular expression, when 'moused out'.

So now we've got the Suckerfish pumping out new classes, the next step is to simply duplicate the :hover selector with 'sfhover' class selectors:

#nav li:hover ul, #nav li.sfhover ul { left: auto; }



dus ja, dat doe ik denk ik wel correct
ondertussen weet ik ook dat dat JS hoort in de head sectie
K

KoenDK

Legacy Member
ik had dit menu geplaatst en na verwijderen van de standaard code :

<div id="menu_inner">
<div id="menu">


staan ze naast elkaar


nu even amuseren met de opmaak :niceone:
K

KoenDK

Legacy Member
hmmm
ik doe toch iets verkeerd blijkbaar

als ik artikels (category in section) toevoeg, dan 'moet' ik ze toevoegen aan een menu item,
en daar vind ik mijn menu niet terug :s


enkel de standaard main menu en top menu en ...
maar deze zijn dus niet dropdown ...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan