使用下一个和上一个按钮循环浏览不同的DIV

Question

I found this code online and its exactly what i need apart from, i need it to have finish button that will submit a form but i cannot manage to get it working

Put some code here.

jsFiddle

Any ideas you can give me?

Answer 1

This script just cycle through a couple divs.
But you can use the "c" variable to set a value of an hidden form input.
Put your form under the end of <div class="innerContent">

<form action='YourTargetPage.php' method='post'>
<input type='hidden' value='3' id='selectedDiv'>
<input type='submit' value='submit'>
</form>

And add this to the loadContent() jQuery script:

$('#selectedDiv').val(c);

You will then have a $_POST['selectedDiv'] containing the 'c' value in yourTargetPage.php.

The c variable is zero based since it's the index of an array... So 0=project 1, 1=Project 2, ect.

The default (onload) value of the hidden input should be the same as the default value of the script var c = 3; in case the user select the first project without triggering the loadContent() function.
;)