Debt Consolidation - Wordpress Themes - Debt Consolidation - Wordpress Theme - Web directory

PDA

View Full Version : help me with the javascript code


fafa7080
Oct 21st 2008, 9:55 am
hi all
i saw this javascript code but i can't see how this function is working
can someone please help?
http://www.daintree.com/accommodation/daintree-cape-tribulation-heritage-lodge/
this is the link in which they used that script
after clicking on the book now option
one window is opening inside the page as u can see
how can i create such a menu exactly same as this?
i saw the source but could not understanding how exactly the code is working?

xlcho
Oct 21st 2008, 11:34 pm
It's a bit complicated until just the first time you do something similar :) What happens is when you click the button, the element that holds the buttons (i guess it's a div, but i haven't looked at the code..) is hidden, most probably by changing it's 'display' property to 'none'. Then the window's display property is changed from 'none' to 'inline' and the window is stretched to the desired height. The stretching is done with setTimeout() or a similar method, that makes the stretching smooth. This is the first way of accomplishing this effects, that I can think of. There are other possibilities, but I hope you got the point :)

fafa7080
Oct 21st 2008, 11:36 pm
It's a bit complicated until just the first time you do something similar :) What happens is when you click the button, the element that holds the buttons (i guess it's a div, but i haven't looked at the code..) is hidden, most probably by changing it's 'display' property to 'none'. Then the window's display property is changed from 'none' to 'inline' and the window is stretched to the desired height. The stretching is done with setTimeout() or a similar method, that makes the stretching smooth. This are the first way of doing this effects, that I can think of. There are other possibilities, but I hope you got the point :)

thanks for your information
some dude already help me with procedure