teeuwen needs js help
- Started
- Last post
- 93 Responses
- Teeuwen
so i have sliding elements (collapse expand). it's nota menu, it's portfolio items.
i want to keep the slide effect from scriptaculous, i just need a way for the javascript to detect which one is open when another one is opened. so it can close and the page does not become cluttered.
toggle all the others don't work, as it will execute the slide effect on the closed ones as well.
i think it needs some sort of array function but please, i need something i can implement easily, not vague hints..
anyone got a code snippet like this?
your help is truly appreciated.
cheers,
- e-pill0
sliding doors:
http://www.alistapart.com/articl…
- Teeuwen0
close, but not it. thx though e-pill! i appreciate it.
- kelpie0
is this what you need to happen?
http://scarylittlemonkey.com/the…
sorry dude, its a repost of teh moo fx accordion effect, I know you like the scriptaculous stuff, but this does strike me as exactly what you need to happen, all built in...
- Teeuwen0
DUUUUUDE! I knew about MooFX but last time i did NOT see this particular example. this is fucking sweeeeet!
a warm sloppy wet kiss on the pale scottish head of yers!
*smooch
- kelpie0
I trawled the forum a wee bit, I think this was set up specificaly to help someone who needed a really simple example...
perfect!
:)
- Teeuwen0
yeah, cuz now i am on the moo site ( http://moofx.mad4milk.net/ ) i see the effect there as well, but the sample you posted is much easier to decompile and adjust, thx to its simplicity.
cheers!
- stewart0
moo fx is great indeed, i was already searching it in my bookmarks to post it.
but it's a bunch of code, not very easy to strip it down to the essential lines of code. whatever, it works great indeed.
i think i'm going to use this to pimp my own site. it's asking for it: http://www.kulsdom.com/
- Teeuwen0
"pimp my site"
hmm..
if only there was a tv show like that.. i'd be a candidate..
- tomkat0
if only there was a tv show like that.. i'd be a candidate..
Teeuwen
(Sep 5 06, 07:31)I wouldn't.. been living wih that coming soon thing now for more than a year.. haha
- stewart0
hmm, i tried the moo fx. but having some problems when i want to use padding on the 'stretcher' div...
did you figured out how to use it in your website janne?
- Teeuwen0
yeah, it's working well. not using padding yet, but you can always fix that by adding another div inside and use margin over padding..
werks nice now, doesn't it?
i added some extra things to it, but feel free to steal the code. i used the same classnames like stretcher etc.
- stewart0
hmm, it's not working totally very well for me
looks like the one with the content (webcam) is already visible when the page is loading.
- stewart0
hey janne,
when you add an image to the project section in stead of only text, does it still works or is it also showing all images onload too? (at least in safari and a little in firefox)
- PonyBoy0
not that I know anything about what ya'll are doing... but can you make it possible that when you click whatever it is you want to slide... that info has to load first.. then it slides open? (meaning... no pre-load for anything... i know this will slow things down a bit... but will also speed things up a bit if you think about - because users are only going to 'load' what they click.)
Making stuff load on the click (images, text... what-have-you) would eliminate that weird image blip you're talking about Stewart (I'm on a PC... on FF and I see a quick 'blip' of your webcam pic before the page finishing setting itself up).
- Teeuwen0
stewart, yes that is a built in problem that was bothering me too.
i sort of cheated on it to have the intro text be part of the portfolio list as well as you can see in the source.
as for the brief visibility of all the content when the page loads, i am going to fix that by dropping a blanket over it; a div which covers the page until page is loaded. (body onload: visibility hidden, that stuff).. i am not there yet though.
i am now going to try to add a slideshow in each stretcher, see if that works this time (unlike last time with the scriptaculous setup i had tried previously..)
- Teeuwen0
Making stuff load on the click (images, text... what-have-you) would eliminate that weird image blip you're talking about Stewart (I'm on a PC... on FF and I see a quick 'blip' of your webcam pic before the page finishing setting itself up).
PonyBoy
(Sep 7 06, 02:58)i am not sure. if it is possible at all that may require some very advanced javascripting. what you could do is toggle the visibility of the elements, hidden when page loads but visible when clicked open.. the elements still load at opening the website though..
another option is using iframes and let a page load in the (blank) target iframe once a section is clicked open..
- kelpie0
transcend the PVN, chaps - your answers may be here...
- PonyBoy0
haha... I like janne's Idea of a 'cover'... that's a wonderful lil 'hack'...
I wish this stuff was 'easier'... it's such a bitch to accomplish these silly little 'touches'... and in the end - who really cares about that 'blip' other than you? (unless you're specifically showing off your DOM scripting ability)
- Teeuwen0
"transcend the PVN, chaps"
unpossible.. hehe but yeah, thx mate. ;)
- Teeuwen0
true pony. i'll let you kids know when i am done and how i fixed things here and there..
ofcourse, feel free to post other ideas and suggestions here.. also regarding my site pls. cheers. :)