Jump to content


MooTools Help


  • You cannot reply to this topic
2 replies to this topic

#1 Trix06

    Young Padawan

  • Members
  • Pip
  • 292 posts
  • Gender:Male
  • Location:NSW Australia
  • Interests:Web Design & Development, Graphic Design, Programming, Networking, Girls, The Beach, Amatuer Radio Communications and more.

Posted 01 October 2007 - 11:06 AM

Hi All,

I have a site I need to add this effect too:

http://demos.mootools.net/Fx.Slide

Basically I want to have a plus image located in the content divs somewhere so that when it is clicked the content either scrolls up or down, if it is up the content can't be seen just like it does on the demo part of the above website.

I'm not good with javascript all I need is someone to give me helping hand to make it work and show me what they did to make it work.

If you can help me I would greatly appreciate it.

Add me to msn using msn@tutorialgem.net

:P:)

#2 damir_zg

    P2L Jedi

  • Members
  • PipPipPip
  • 744 posts
  • Gender:Male
  • Location:Zagreb, Croatia

Posted 01 October 2007 - 02:42 PM

i dunno anything about js but maybe u havent noticed that there is a js code on the page, maybe that could help u

#3 Hayden

    P2L Jedi

  • Members
  • PipPipPip
  • 717 posts
  • Gender:Male
  • Location:Texas

Posted 01 October 2007 - 04:44 PM

<script defer src="inc/mootools.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
window.addEvent('domready', function(){
//-vertical
var mySlide = new Fx.Slide('*id of the object you want to slide open/closed*');
	$('*id of the link to activate the action*').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		e.stop();
	});
});
-->
</script>
and my link looks like
<p><a id="toggle" href="#">:P</a></p>






1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users