capturing innerHTML content through POST

[gsherp]

Hi,
Is there easy way of capturing innerHTML content when the user submits the form? I tried using a hidden input field which works, however...is there any other way of doing this without using hidden input field?

Thanks,
Dave

[acoder]

The innerHTML of what?

[gsherp]

the innerHTML of a span element with text only, no form elements.

[acoder]

So you want to post this innerHTML content to the server without using form elements?

[dangroza]

I hope this helps:

[HTML]function sendData() {
var form = document.getElementById('myForm');
inputNode = document.createElement("input");
inputNode.type = "hidden";
inputNode.name = "hiddenKey";
inputNode.value = document.getElementById('key').innerHTML;
form.appendChild(inputNode);
document.myForm.submit();
}[/HTML]

and the HTML code:
[HTML]<form action="mypage" name="myForm" id="myForm" method="get">
<span id="key">some data</span>
<input type="button" onclick="sendData();return false;" value="submit" />
</form>[/HTML]

[dangroza]

Also if you use XMLHttpRequest you later can remove all the hidden inputs from code.

Dan

[gsherp]

thanks,
I will try this.