PDA

View Full Version : HTML5 Javascript?

RobertB
02-08-2011, 10:24 AM
I just came across this website... http://www.wholeshare.com/
If you look look towards the bottom right.....click HOW DOES THIS WORK...and, then it pushes a page in from the left. For the right type of customer I like the fixed CSS and then just having the page move....anyone have an idea how this works?

Thanks in advance.

-Robert
Dave Buchholz
02-08-2011, 12:52 PM
It is a content slider you can build your own using jQuery here are a couple of links to tutorials that I have bookmarked

http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/

http://jqueryfordesigners.com/coda-slider-effect/

alternatively there are commercial Dreamweaver extensions such as Project VII's Horizontal Glider (http://www.projectseven.com/products/tools/horizontal-glider/examples/featured-items/index.htm)
tkristy85430726
11-22-2011, 03:48 AM
Hi there!

I will be most grateful if someone can answer my two questions. The questions are after the code.

<html> <head> <title>clearInterval() Test</title>
<script> var tev; function startInt() { tev = setInterval(hello, 1000); } function hello() { document.f.secs.value = String(Number(document.f.secs.value)+1); } function stopping() { clearInterval(tev); } </script>

</head> <body>

<button onclick="startInt();">Start</button>
<form name="f"> <input type="text" name="secs" value="0"/> <button onclick="stopping();">Stop</button> </form>

</body> </html>

So, my first question is: why does the start button not work when it is set within the form ie:
<form name="f"> <input type="text" name="secs" value="0"/> <button onclick="startInt();">Start</button> <button onclick="stopping();">Stop</button> </form>

My second questions is: why will the stop button (after clicked) reset the form field to zero if it is within the form and not reset to zero if it is set outside of the form?

web site development services (http://www.prodigyapex.com/) | Web development company (http://www.prodigyapex.com/)