Mootools fx.slide-vraagje
18 juli 2008 - 08:39   
geplaatst door: Kapotlood
Ik zal maar gelijk met de deur in huis vallen :)

Ik ben een beetje aan het kijken wat er allemaal met Mootools mogelijk is,
en stuitte op de Fx.Slide plugin. Het is in feit een stukje Javascript die samen
met Mootools zorgt voor, hoe raad je 't, een slide-functie. Het vervelende is
alleen dat deze slide-functie tijdens het laden van de website héél kort tóch
de verborgen slide laat zien... je krijgt dus een flikkering, en dat willen we niet.

Kent iemand deze (standaard) Mootools plugin, en kent iemand een fix voor
deze bug? Ik heb het probleem met alle browsers (IE7, FF3, Safari 3.1.2.),
en de site zelf is netjes volgens xhtml Strict opgemaakt.

Hier een linkje naar de Fx.Slide plugin. Even een kleine notitie... ik heb met
behulp van een tutorial deze slide standaard op .hide() gezet.
http://demos.mootools.net/Fx.Slide

Alvast bedankt voor de hulp :)

Mootools fx.slide-vraagje
18 juli 2008 - 09:12    reactie #1
geplaatst door: Administrator
Voor de nieuwe site van MacFreak ga ik dit ook een div gebruiken met een slide-functie.

Ik gebruik alleen jquery i.s.m. de interface elements plugin. Maar denk dat dit ook voor mootools
geld. Het divje dient wel eerst ontzichtbaar te zijn. dit kan door in het style element "display:none;"
erbij te zetten, want anders ging deze bij mij ook flikkeren.

Persoonlijk ben ik voor MacFreak veel javascript library's langs gegaan en vond jquery toch het beste.

MacFreak Admin
- MacBook Pro 15inch
Mootools fx.slide-vraagje
18 juli 2008 - 09:29    reactie #2
geplaatst door: Kapotlood
Ik was inderdaad ook aan het twijfelen tussen jQuery en Mootools :)
jQuery was een iets minder zware bibliotheek, maar ik vond de Mootools slide
net even wat soepeler lopen. M'n site wordt niet zo heel erg groot, dus die
paar extra Kb's overleef ik wel ;)

Ik had inderdaad de style van de div die verborgen is op "disply: none;"
gezet, maar dan gaat ie ook echt niet meer open. En ik weet helaas niet hoe ik
dat met Javascript weer moet oplossen. Ik weet dat je in Javascript deze weer
op "block" kan zetten, maar ik weet niet waar ik dat precies moet aangeven :-)

Mootools fx.slide-vraagje
19 juli 2008 - 01:15    reactie #3
geplaatst door: Jan H
alsje jquery gebruikt gaat dat heel simpel:

$(document).ready(function(){
   $("#id").css("display", "block");
});

waar "id" de id value van je div is natuurlijk :)

heb het niet getest maar als het niet werkt kanje altijd terecht op: http://docs.jquery.com/

en als je er dan nog niet uit komt kanje het hier vragen ;)

You don't switch to a mac, You upgrade to a mac!
Mootools fx.slide-vraagje
19 juli 2008 - 08:45    reactie #4
geplaatst door: Kapotlood
Bedankt Jan! Die ga ik eens uitproberen :)
Ik had al zo'n soort stukje javascript geprobeerd, maar blijkbaar
had ik die toch niet helemaal goed toegepast... hij deed toen helemaal
niets meer namelijk, hehe. Maar dit komt meer overeen met wat ik
als toggle-action heb gezien.

Thanks! :)