Clean javascripts

Joey · 2005-11-25 23:17:17

I was wondering if somebody know’s a good site where I can found clean javascripts. For exemple for the live show/hide effect when you click on a button as used in Basecamp and Writeboard. That kind of scripts.

What’s the best site?

larf · 2005-11-26 00:38:53

Try this.

soulship · 2005-11-27 00:34:54

Nice link Larf! Thanks

squaredeye · 2005-11-27 04:15:01

or this

Matthew

Joey · 2005-11-27 08:34:26

Nice links, thanks :)

larf · 2005-11-27 13:49:36

I’ve just made a plugin which contains the moo.fx scripts. Maybe you find it useful.

Joey · 2005-12-07 18:14:28

Hmm Matthew. I can’t get the domCollapse script working. Maybe you can take a look at it:

link

Maybe do you see what I’m doing wrong. Thnx

wet · 2005-12-07 19:52:49

Do not miss script.aculo.us.

squaredeye · 2005-12-12 01:36:51

Joey,
To be honest, I never got it working either. I thought it was my problem, perhaps the script is crap?
?
Matthew

Joey · 2005-12-12 16:28:19

Looks like, but I don’t see any sort of support on that site, only comments…but the only things in the comments are question, I can’t find any anwsers :(

Joey · 2005-12-30 22:30:14

So, since I can’t get the domCollapse script working, I tried moo.fx. But I can’t get that working either. Maybe somebody who knows moo.fx can help me with the following? :)

What I want is probably very simple. Somewhere on my page I want a link “Click for more information” and when the visitor is clicking on it, I want that a div with id x opens (probably with the fxHeight function). Then, of course when the visitor agains click on that link, the div collapse again.

If the div is open, I want a link in that div: “close this box” which does exactly the same as the other link: it must close the box.

How can I get this done with moo.fx or maybe with an other script that you know? I don’t know anything of javascript so I’d appreciate a kind of full code :P :-) Thanks in advance!

larf · 2005-12-30 23:43:56

In the page head:

<code>
<script type=“text/javascript” src=”<txp:site_url />index.php?js=prototype”></script>
<script type=“text/javascript” src=”<txp:site_url />index.php?js=moofx”></script>
<script type=“text/javascript” src=”<txp:site_url />index.php?js=moofxpack”></script>
<script type=“text/javascript”>
window.onload = function() {
pictureHeight = new fx.Height(‘your_id’, {duration: 400});
pictureHeight.hide();
}
</script>
</code>

Somewhere in the page:
<a href="#" onclick="pictureHeight.toggle();">Click for more information</a>

Inside the div:
<a href="#" onclick="pictureHeight.hide();">close this box</a>

Textpattern CMS

Textpattern CMS support forum

#1 2005-11-25 23:17:17

Clean javascripts

#2 2005-11-26 00:38:53

Re: Clean javascripts

#3 2005-11-27 00:34:54

Re: Clean javascripts

#4 2005-11-27 04:15:01

Re: Clean javascripts

#5 2005-11-27 08:34:26

Re: Clean javascripts

#6 2005-11-27 13:49:36

Re: Clean javascripts

#7 2005-12-07 18:14:28

Re: Clean javascripts

#8 2005-12-07 19:52:49

Re: Clean javascripts

#9 2005-12-12 01:36:51

Re: Clean javascripts

#10 2005-12-12 16:28:19

Re: Clean javascripts

#11 2005-12-30 22:30:14

Re: Clean javascripts

#12 2005-12-30 23:43:56

Re: Clean javascripts

Board footer