send results by form and using css to position boxes

[Trevor]

Hello,

I have loaded the excellent drag and drop to columns quiz script. the notes say the results can be sent to a server by using a standard submission form.

I want to do this using FrontPage which has its own built in form system.

I also want to repositon the boxes using css.

Please explain how i can do these modifications.

Thanks

Trevor

[Trevor]

[Batalf]

[Trevor]

Hello Batalf,

Thank you for the welcome and the advise, I have arranged thing how i want them using a table and the inamges work fine its all set up apart from the form not working. Here is the code can you sort it for me please

Many thanks
Trevor

/*
Preparing data to be saved
*/
function saveDragDropNodes()
{
var saveString = "";
var uls = dragDropTopContainer.getElementsByTagName('UL');
for(var no=0;no<uls.length;no++){ // LOoping through all <ul>
var lis = uls[no].getElementsByTagName('LI');
for(var no2=0;no2<lis.length;no2++){
if(saveString.length>0)saveString = saveString + ";";
saveString = saveString + uls[no].id + '|' + lis[no2].id;
}
}

document.getElementById('saveContent').innerHTML = '<h1>Ready to save these nodes:</h1> ' + saveString.replace(/;/g,';<br>') + '<p>Format: ID of ul |(pipe) ID of li;(semicolon)</p><p>You can put these values into a hidden form fields, post it to the server and explode the submitted value there</p>';

}
<div id="saveContent">
</div>
<a href="#" onclick="saveDragDropNodes();return false">Drag and Drop to make your choices then click to SAVE</a>
<form method="POST" action="--WEBBOT-SELF--" name="Polarity">
<!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE" S-Email-Format="TEXT/PRE" S-Email-Address="" B-Email-Label-Fields="TRUE" B-Email-Subject-From-Field="FALSE" S-Email-Subject="Polarity" S-Date-Format="%A, %B %d, %Y" S-Builtin-Fields="Date" S-Form-Fields="hiddenNodeIds " -->
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
<input type="hidden" name="hiddenNodeIds">
</form>

[Batalf]

[Trevor]

Hello Batalf,

Thanks for the advice it now works very well here is the final code

function saveDragDropNodes()
{
var saveString = "";
var uls = dragDropTopContainer.getElementsByTagName('UL');
for(var no=0;no<uls.length;no++){ // LOoping through all <ul>
var lis = uls[no].getElementsByTagName('LI');
for(var no2=0;no2<lis.length;no2++){
if(saveString.length>0)saveString = saveString + "; ";
saveString = saveString + uls[no].id + '-' + lis[no2].id;
}
}

document.forms[0].hiddenNodeIds.value = saveString;

}

It seems that the results must be saved using a seperate button with return false; before FrontPage is going to submit the form. Here is the button.

<input type="button" a href="#" onclick="saveDragDropNodes();return false" value="Save" style="font-size: 10pt; width: 225px; height: 23px; border: 2px solid #800000; background-color:#FFD7D7" name="Save" tabindex="1">

Here is the form

<form method="POST" action="--WEBBOT-SELF--" name="Polarity" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit>
<!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE" S-Email-Format="TEXT/PRE" S-Email-Address="" B-Email-Label-Fields="TRUE" B-Email-Subject-From-Field="FALSE" S-Email-Subject="Polarity" S-Date-Format="%A, %B %d, %Y" S-Builtin-Fields="Date" startspan --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot bot="SaveResults" i-checksum="43374" endspan -->
<input type="hidden" name="hiddenNodeIds"><p> <input type="submit" value="Submit" name="B1" style="font-size: 10pt; width: 50px; height: 23px; border: 2px solid #800000; background-color: #BFD5D5" tabindex="4"><input type="reset" value="Reset" name="Reset" style="font-size: 10pt; width: 50px; height: 23px; border: 2px solid #800000; background-color: #BFD5D5" tabindex="5"></p>
</form>

Just one more question concerning the layout of the from results which i have modified slightly.

How can I display the results as a bulleted list?

Regards

Trevor