Archief - rollover buttons

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.
S

Siana

Legacy Member
Weet er iemand of er een code bestaat in html voor een rollover button?
Kheb al het web afgezocht maar niet echt iets interessants gevonden.

Dus als er over een button gegaan wordt met de muis, moet er een nieuw menu verschijnen eronder met de verschillende submenus. Khoop dat jullie weten wat ik bedoel. :$

Bedankt op voorhand!

vriendelijke groetjes
X

Xavez

Legacy Member
Google alistapart suckerfish dropdowns
> eerste resultaat
m

mpolo

Legacy Member
Klein javascript gebruiken is 6 regels code + een aanroep ervan

Code: 
<javascript>
function show(id)
................ .id.visibility = visible

function hide(id)
................ .id.visibility = hidden
</javascript>


<a onmouseover="Show(id)" onmouseleave="hide(id)">Menu 1</a>

Code klopt niet maar de structuur wel even gooooooglen en je vindt het zo
Het werkt perfect zolang je het menu niet moet vast zetten

erbestaat wel zo iets al een timeout voor het javascript maar ook die moet je even opzoeken

En dan nog even een dit je moet dus een div aanmaken en die moet je (absolute, relatief) positioneren en dan zo dat je met de muis het effect krijgt dat die er onmiddelijk opstaat.

hoop dat het een beetje duidelijk is
b

blackrabbit

Legacy Member
Bestaan er eigenlijk ook CSS-only oplossingen die zowel in IE als FF werken?

Heb hier een CSS-dropdown menu gemaakt; werkt perfect in FF, maar IE (6) wil niet mee. Hoe gaat IE7 om met die dingen?
X

Xavez

Legacy Member
blackrabbit zei:
Bestaan er eigenlijk ook CSS-only oplossingen die zowel in IE als FF werken?

Heb hier een CSS-dropdown menu gemaakt; werkt perfect in FF, maar IE (6) wil niet mee. Hoe gaat IE7 om met die dingen?
Klik om te vergroten...

once again

Xavez zei:
Google alistapart suckerfish dropdowns
> eerste resultaat
Klik om te vergroten...
b

blackrabbit

Legacy Member
Bekijk zijn vb eens op FF3 (onder Linux):
http://www.htmldog.com/articles/suckerfish/bones/

Bovendien zag ik bij het scrollen JS code staan, en dat wil ik écht vermijden.
+ voorziet in in 'fly-out' submenus, wat ik ook wenste ;)


Anyway: die cssplay was ik ondertussen ook tegengekomen en die doet het idd onder zowat 'elke' browser, zónder JS.
Wel wat prutswerk om dat aan te passen; de borders kreeg ik bovendien niet goed onder zowel IE6 als FF. Verder no probs.
X

Xavez

Legacy Member
Er is niks mis met dat voorbeeld in FF3 afaik :). Works like a charm. Welke reden je hebt om JS te willen vermijden (enkel in IE6 dan nog), daar ben ik wel eens benieuwd naar eigenlijk?

De CSSPlay oplossing ziet er niet minder slecht uit, maar ook niet noodzakelijk beter :). Bovendien kan je met die suckerfish implementatie ook andere elementen op je site een :hover-status meegeven. Altijd meegenomen ;).
s

sanzo

Legacy Member
Xavez zei:
Er is niks mis met dat voorbeeld in FF3 afaik :). Works like a charm. Welke reden je hebt om JS te willen vermijden (enkel in IE6 dan nog), daar ben ik wel eens benieuwd naar eigenlijk?

De CSSPlay oplossing ziet er niet minder slecht uit, maar ook niet noodzakelijk beter :). Bovendien kan je met die suckerfish implementatie ook andere elementen op je site een :hover-status meegeven. Altijd meegenomen ;).
Klik om te vergroten...
Niet idereen heeft JS, en het is stom om het voor zoiets simpel als rollovers te gebruiken.
CSS is er voor iets. JS maakt het alleen ingewikkelder.
X

Xavez

Legacy Member
Niet iedereen heeft js? 98% van de mensen heeft JS ingeschakeld. De overige 2% zijn (bijna altijd) mensen die een surfing-aid gebruiken, of een andere browser gebruiken dan MSIE6. In other words, you pretty much covered everyone. JS is zeker geen vieze oplossing in dit geval :). (en mensen moeten dat eens uit hun hoofd zetten, dat css heilig is. Besides, if you have JS turned off and decide to use an out-of-date browser, it's your own damn fault. :))
n

n00bslayer

Legacy Member
sanzo zei:
Niet idereen heeft JS, en het is stom om het voor zoiets simpel als rollovers te gebruiken.
CSS is er voor iets. JS maakt het alleen ingewikkelder.
Klik om te vergroten...
De ene manier is zeker niet slechter dan de andere.
Eigenlijk komt het erop neer dat mensen niet altijd hetzelfde verstaan onder de scheiding van structuur, gedrag en opmaak op een webpagina.

Sommige mensen vinden dat een fly-out menu onder het gedrag van een webpagina valt, en dus met Javascript moet behandeld worden.

Andere mensen zijn er dan weer van overtuigd dat dit onder de opmaak van een pagina valt, en Css de juiste techniek op de juiste plaats is.

Voor een simpele fly-out gebruik ikzelf Css, indien er wat meer functionaliteit achter zit of als het al wat geanimeerder mag zijn dan schakel ik deze Css functionaliteit uit met Js, en doe ik mijn ding met Js.

Vergeet natuurlijk niet dat het uiterlijk van deze fly-outs nog altijd onder opmaak valt.
X

Xavez

Legacy Member
By the way inderdaad nog even extra de nadruk erop leggen dat de rollovers dmv CSS gegenereerd worden. Het enige wat dat javascriptje doet is een .over klasse toevoegen aan elementen die gehovered worden in browsers <=IE6. (omdat ie6 alleen op het anchor-element hovers herkent)
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